diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..36c6442 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "editor.fontFamily": "Consolas, 'Courier New', monospace, 'Roboto Mono', 'Chelsea Market'" +} diff --git a/index.css b/index.css index e69de29..1d696a1 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,146 @@ +html { + font-size: 62.5%; +} +.container { + background-color: white; + width: 100%; +} +.header { + margin: 2% 0; +} +#nav1 { + text-align: center; + width: 100%; + height: 5%; +} +#a1 { + margin: 1rem 10% 1rem 5%; + width: auto; + flex-wrap: nowrap; + background-color: #ff764e; + padding: 1rem 3rem 1rem 3rem; + color: white; + border-radius: 1rem; + font-family: "Roboto Mono"; +} +#a2 { + margin: 1rem 10% 1rem 10%; + width: auto; + background-color: #5ed3eb; + padding: 1rem 3rem 1rem 3rem; + color: white; + border-radius: 1rem; + font-family: "Roboto Mono"; +} +#a3 { + margin: 1rem 5% 1rem 10%; + width: auto; + background-color: #ffcd69; + padding: 1rem 3rem 1rem 3rem; + color: white; + border-radius: 1rem; + font-family: "Roboto Mono"; +} +footer { + text-align: center; + vertical-align: middle; + width: 100%; + height: 5rem; + background-color: #f9e7dc; + padding-top: 1rem; + padding-bottom: 1rem; +} +#imgf1 { + width: 100%; + margin: 0rem; +} +#img { + height: 15rem; + width: 100%; + overflow: hidden; + + background-color: #f9e7dc; +} +#a4 { + margin: 1rem 20% 1rem 5%; + width: 1rem; + background-color: #ff764e; + padding: 0.5rem 5rem 0.5rem 2rem; + color: white; + border-radius: 1rem; + display: inline-block; + vertical-align: middle; + font-family: "Roboto Mono"; +} +#a5 { + margin: 1rem 5% 1rem 5%; + width: auto; + background-color: #5ed3eb; + padding: 1rem 3rem 1rem 3rem; + color: white; + border-radius: 1rem; + vertical-align: baseline; + font-family: "Roboto Mono"; +} +#a6 { + margin: 1rem 5% 1rem 20%; + width: auto; + background-color: #ffcd69; + padding: 1rem 3rem 1rem 3rem; + color: white; + border-radius: 1rem; + vertical-align: baseline; + font-family: "Roboto Mono"; +} +#imgh1 { + width: 25%; + height: 25½; + border-radius: 100%; + display: inline-block; + margin-right: 10rem; + text-align: left; +} +#sh { + display: inline-block; + font-family: "Chelsea Market"; + text-align: center; + padding-top: 1rem; + vertical-align: top; + margin-left: 10%; +} +.sh1 { + font-size: 2rem; +} +.subHeader { + vertical-align: top; + text-align: left; + margin: 5rem; +} +.main { + background-color: #ddb9a3; + margin: 5rem; + text-align: center; + color: white; + padding-top: 1rem; + padding-bottom: 1rem; + font-family: "Roboto Mono"; +} +.content1 { + font-family: "Roboto Mono"; + text-align: center; + width: 25%; + height: 25%; + padding-left: 40%; +} +.content2 { + font-family: "Roboto Mono"; + width: 25%; + height: 25%; + padding-left: 40%; + text-align: center; + padding-bottom: 3rem; +} +object { + width: 40%; + height: 40%; +} diff --git a/index.html b/index.html index f3bf5da..fb1905f 100644 --- a/index.html +++ b/index.html @@ -1,55 +1,154 @@ - - - - - - - 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ı

+ 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.

+
+
+ +
+ +
+ + diff --git a/odev-teslim/odev teslim.jpg b/odev-teslim/odev teslim.jpg new file mode 100644 index 0000000..9e4fdc1 Binary files /dev/null and b/odev-teslim/odev teslim.jpg differ