From 4a3930157215976a2c8ef4e8223d6a2937aca4a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=9Eamil=20Kafa?= Date: Tue, 7 Feb 2023 21:47:50 +0300 Subject: [PATCH 1/2] =?UTF-8?q?=C3=B6dev=20teslimi?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 94 ++++++++++++++++++++++++++++++++++ index.html | 128 +++++++++++++++++++++++++++++----------------- package-lock.json | 6 +++ 3 files changed, 180 insertions(+), 48 deletions(-) create mode 100644 package-lock.json diff --git a/index.css b/index.css index e69de29..d0c7613 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,94 @@ +*{ + font-family: "Roboto Mono", monospace; + font-size: 12px; +} +body{ + margin: 0; + padding: 0; +} +.container { + width: 750px; + margin: auto; +} + +nav a { + display: inline-block; + border-radius: 10px; + color: white; + padding: 10px 20px; + background: #5ED3EB; + text-decoration: none; + width: 13%; + margin: 2% 15%; + text-align: center; + vertical-align: middle; +} + +nav a:first-child{ + background: #FF764E; + margin: 2%; + padding: 2px 20px; +} +nav a:last-child{ + background: #FFCD69; + margin: 2%; +} + +main div{ + display: inline-block; + vertical-align: middle; +} + +.main_text{ + width: 50%; + text-align: center; + padding: 10%; +} + +.main_image{ + width: 26%; +} + +.main_image img{ + width: 150px; + height: 150px; + margin: auto; + border-radius: 100px; + display: block; +} + +h1{ + font-family: "Chelsea Market", cursive; + font-size: 2rem; +} + +.sec_box{ + background-color: #DDB9A3; + color: white; + padding: 2px 10px; +} + +#ozellikler div{ + width: 40%; + margin: 3% auto; + text-align: center; +} + +#ozellikler div img{ + width: 35%; + margin: auto; +} + +#ozellikler span{ + font-weight: bold; +} + +footer div{ + background: url(".//assets/footer_img.jpg"); + height: 200px; + width: 100%; +} + +footer{ + background: #F9E7DC; +} \ No newline at end of file diff --git a/index.html b/index.html index f3bf5da..bc7e828 100644 --- a/index.html +++ b/index.html @@ -1,55 +1,87 @@ + - - + + + + + Document + + + + + - - Gezinizi Planlayın - - Bilgi edinin - - Karşılaştırın - - - - Peri Bacaları Tanıtımı - - Gelin ve Nevşehir'in gizli güzelliklerini keşfedin. - Sürekli açık. Ziyaret için rezervasyona gerek yoktur. - - - - Sadece ülkemizin değil, dünyanın en gizemli yerlerinden biri olan Kapadokya’yı gezerken derin bir merak duyduğunuzu biliyoruz. ‘ Peri bacaları nasıl oluştu, insanlar peri bacalarının içlerini ustalıkla nasıl oydu, bu yeraltı şehirlerini kimler yaptı, o kadar insan yerin altında nasıl yaşadı ’ diye binlerce soru geliyor gezginin aklına. - - - Peri bacaları oluşumunun bilimsel açıklaması olmasına rağmen mistik havasının da şöyle düşündürdüğü biliyoruz; ‘Kapadokya eskiden perilerin cenneti miydi, yoksa doğa bir mucize mi göstermek istedi!’ - - - - - - Kapadokya denilince akla ilk gelen şeylerden birisi de şüphesiz sıcak hava balonları ile yapılan turlar. Her sabah gün doğumundan önce yüzlerce sıcak hava balonlarından oluşan konvoy ile Kapadokya’nın eşsiz güzellikteki manzaralarını havadan izlemek katılımcılar için gerçekten olağanüstü ve rüya gibi bir deneyim. - - - - - - ATV turları, Kapadokya’yı gezmenin heyecan verici, eğlenceli ve farklı bir yoludur. Bölgenin eşsiz ve muhteşem vadileri, dünyanın en iyi ATV turlarından birini deneyimlemenize fırsat verir. ATV turlarının herkes için uygun bir aktivite olduğunu söylemeliyiz. - - - - - - - - Gezinizi Planlayın - - Bilgi edinin - - Karşılaştırın - + +
+ +
+ +
+
+ Peri Bacaları Tanıtımı +
+
+

Peri Bacaları Tanıtımı

+ +

Gelin ve Nevşehir'in gizli güzelliklerini keşfedin.

+

Sürekli açık. Ziyaret için rezervasyona gerek yoktur.

+
+
+ +
+
+

Sadece ülkemizin değil, dünyanın en gizemli yerlerinden biri olan Kapadokya’yı gezerken derin bir merak + duyduğunuzu + biliyoruz. ‘ Peri bacaları nasıl oluştu, insanlar peri bacalarının içlerini ustalıkla nasıl oydu, bu yeraltı + şehirlerini kimler yaptı, o kadar insan yerin altında nasıl yaşadı ’ diye binlerce soru geliyor gezginin aklına.

+ + +

Peri bacaları oluşumunun bilimsel açıklaması olmasına rağmen mistik havasının da şöyle düşündürdüğü biliyoruz; + ‘Kapadokya eskiden perilerin cenneti miydi, yoksa doğa bir mucize mi göstermek istedi!’

+
+
+
+
+ +

+ Kapadokya denilince akla ilk gelen şeylerden birisi de şüphesiz sıcak hava balonları ile yapılan turlar. Her + sabah gün + doğumundan önce yüzlerce sıcak hava balonlarından oluşan konvoy ile Kapadokya’nın eşsiz güzellikteki + manzaralarını + havadan izlemek katılımcılar için gerçekten olağanüstü ve rüya gibi bir deneyim. +

+
+
+ +

+ ATV turları, Kapadokya’yı gezmenin heyecan verici, eğlenceli ve farklı bir yoludur. Bölgenin eşsiz ve muhteşem + vadileri, dünyanın en iyi ATV turlarından birini deneyimlemenize fırsat verir. ATV turlarının herkes için uygun + bir + aktivite olduğunu söylemeliyiz.

+
+
+ + + + + + - + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..df853da --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "FSWeb-S3G2-Intro-CSS", + "lockfileVersion": 2, + "requires": true, + "packages": {} +} From 009b4bca617ef64474ab0a17d6069a4571b7eb8e Mon Sep 17 00:00:00 2001 From: samilkafa Date: Mon, 6 Mar 2023 05:01:58 +0300 Subject: [PATCH 2/2] Hafta-3-Proje-2 --- index.css | 43 +++++++++++++++++++++++-------------------- index.html | 31 ++++++++++++++++++++----------- 2 files changed, 43 insertions(+), 31 deletions(-) diff --git a/index.css b/index.css index d0c7613..eeb2e05 100644 --- a/index.css +++ b/index.css @@ -1,8 +1,8 @@ *{ font-family: "Roboto Mono", monospace; - font-size: 12px; + font-size: 11px; } -body{ +body { margin: 0; padding: 0; } @@ -19,71 +19,74 @@ nav a { background: #5ED3EB; text-decoration: none; width: 13%; - margin: 2% 15%; + margin: 2% 16%; text-align: center; vertical-align: middle; } -nav a:first-child{ +nav a:first-child { background: #FF764E; margin: 2%; padding: 2px 20px; } -nav a:last-child{ + +nav a:last-child { background: #FFCD69; margin: 2%; } -main div{ +main div { display: inline-block; - vertical-align: middle; + vertical-align: bottom; } -.main_text{ +.main_text { width: 50%; text-align: center; - padding: 10%; + padding: 8%; } -.main_image{ +.main_image { width: 26%; } -.main_image img{ - width: 150px; - height: 150px; +.main_image img { + width: 160px; + height: 160px; margin: auto; border-radius: 100px; display: block; } -h1{ +h1 { font-family: "Chelsea Market", cursive; font-size: 2rem; } -.sec_box{ +.sec-box { background-color: #DDB9A3; color: white; padding: 2px 10px; + margin: 2%; + text-align: center; } -#ozellikler div{ - width: 40%; +#ozellikler div { + width: 28%; margin: 3% auto; text-align: center; } -#ozellikler div img{ +#ozellikler div img { width: 35%; margin: auto; } -#ozellikler span{ +#ozellikler span { font-weight: bold; } -footer div{ +footer div { background: url(".//assets/footer_img.jpg"); height: 200px; width: 100%; diff --git a/index.html b/index.html index bc7e828..72c8951 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ - +
-
- Peri Bacaları Tanıtımı +
+ Peri Bacaları Tanıtımı

Peri Bacaları Tanıtımı

-

Gelin ve Nevşehir'in gizli güzelliklerini keşfedin.

-

Sürekli açık. Ziyaret için rezervasyona gerek yoktur.

+

+ Gelin ve Nevşehir'in gizli güzelliklerini keşfedin. +

+ +

+ Sürekli açık. Ziyaret için rezervasyona gerek yoktur. +

-

Sadece ülkemizin değil, dünyanın en gizemli yerlerinden biri olan Kapadokya’yı gezerken derin bir merak +

+ Sadece ülkemizin değil, dünyanın en gizemli yerlerinden biri olan Kapadokya’yı gezerken derin bir merak duyduğunuzu biliyoruz. ‘ Peri bacaları nasıl oluştu, insanlar peri bacalarının içlerini ustalıkla nasıl oydu, bu yeraltı - şehirlerini kimler yaptı, o kadar insan yerin altında nasıl yaşadı ’ diye binlerce soru geliyor gezginin aklına.

- + şehirlerini kimler yaptı, o kadar insan yerin altında nasıl yaşadı ’ diye binlerce soru geliyor gezginin aklına. +

-

Peri bacaları oluşumunun bilimsel açıklaması olmasına rağmen mistik havasının da şöyle düşündürdüğü biliyoruz; - ‘Kapadokya eskiden perilerin cenneti miydi, yoksa doğa bir mucize mi göstermek istedi!’

+

+ Peri bacaları oluşumunun bilimsel açıklaması olmasına rağmen mistik havasının da şöyle düşündürdüğü biliyoruz; + ‘Kapadokya eskiden perilerin cenneti miydi, yoksa doğa bir mucize mi göstermek istedi!’ +

@@ -63,7 +71,8 @@

Peri Bacaları Tanıtımı

ATV turları, Kapadokya’yı gezmenin heyecan verici, eğlenceli ve farklı bir yoludur. Bölgenin eşsiz ve muhteşem - vadileri, dünyanın en iyi ATV turlarından birini deneyimlemenize fırsat verir. ATV turlarının herkes için uygun + vadileri, dünyanın en iyi ATV turlarından birini deneyimlemenize fırsat verir. ATV turlarının + herkes için uygun bir aktivite olduğunu söylemeliyiz.