Skip to content

done #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ezgikardes wants to merge 1 commit into
base: main
Choose a base branch
from
Open

done #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
91 changes: 91 additions & 0 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
body {
margin: 0;
padding: 0;
}

.container {
width: 1000px;
margin: 2% auto;
text-align: center;
}

nav {
display: flex;
justify-content: space-around;
align-items: center;
}

nav a {
width: 10%;
height: 70px;
padding: 0 3%;
background-color: #5ED3EB;
color: white;
text-decoration: none;
border-radius: 10px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;

}

nav a:first-child {
background-color: #FF764E;
}

nav a:last-child {
background-color: #FFCD69;
}

main img {
display: inline-block;
width: 175px;
height: 175px;
margin: 0 5%;
border-radius: 200px;
object-fit: cover;
object-position: 0 70%;
}

main div:nth-child(2){
display: inline-block;
width: 55%;
vertical-align: top;
}

main h1 {
margin-top: 0;
text-align: center;
}

main div:last-child {
margin-top: 1rem;
text-align: center;
background-color: #DDB9A3;
color: white;
padding: 0.5% 1%;
}

.features div {
width: 30%;
margin: 2% auto;
text-align: center;
}

.features img {
width: 40%;
}

footer img {
width: 100%;
height: 250px;
object-fit: cover;
object-position: 50% -50px;

}

footer {
background-color: #F9E7DC;
padding-bottom: 50px;
}
92 changes: 49 additions & 43 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,54 +2,60 @@
<!DOCTYPE html>
<html lang="tr">
<head>
<!-- Link your CSS stylesheet -->

<link href="./index.css" rel="stylesheet" />
<link href="https://fonts.google.com/specimen/Chelsea+Market" rel="stylesheet" />
<link href="https://fonts.google.com/specimen/Roboto+Mono" rel="stylesheet" />
</head>
<body>

Gezinizi Planlayın

Bilgi edinin

Karşılaştırın

<!-- "header_img.jpg" -->

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.

<header class="container">
<nav>
<a href="#">Gezinizi Planlayın</a>
<a href="#">Bilgi edinin</a>
<a href="#">Karşılaştırın</a>
</nav>
</header>

<main class="container">
<img src="assets/header_img.jpg" />
<div>
<h1>Peri Bacaları Tanıtımı</h1>
<p>Gelin ve Nevşehir'in gizli güzelliklerini keşfedin.
Sürekli açık. Ziyaret için rezervasyona gerek yoktur.
</p>

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!’


<!-- "hot-air-balloon.svg" -->


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.svg" -->


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.



<!-- "footer_img.png" -->


</div>
<div>
<p>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.
</p>
<p>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!’
</p>
</div>
</main>

<section class="container features">
<div>
<img src="assets/hot-air-balloon.svg" />
<p>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 <strong>olağanüstü ve rüya gibi bir deneyim.</strong>
</p>
</div>
<div>
<img src="assets/atv.svg" />
<p>
ATV turları, Kapadokya’yı gezmenin heyecan verici, eğlenceli ve farklı bir yoludur. Bölgenin eşsiz ve muhteşem vadileri, <strong>dünyanın en iyi ATV turlarından birini</strong> deneyimlemenize fırsat verir. ATV turlarının herkes için uygun bir aktivite olduğunu söylemeliyiz.
</p>
</div>
</section>

<footer>
<img src="assets/footer_img.jpg" />
<nav class="container">
<a href="#">Gezinizi Planlayın</a>
<a href="#">Bilgi edinin</a>
<a href="#">Karşılaştırın</a>
</nav>
</footer>

Gezinizi Planlayın

Bilgi edinin

Karşılaştırın

</body>
</html>