-
Notifications
You must be signed in to change notification settings - Fork 0
/
sehrim.html
191 lines (176 loc) · 11.4 KB
/
sehrim.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Şehrim</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="bg-primary text-white text-center py-4">
<h1>Ahmet Kasap</h1>
</header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Ana Sayfa</a></li>
<li class="nav-item"><a class="nav-link" href="ozgecmis.html">Özgeçmiş</a></li>
<li class="nav-item"><a class="nav-link" style="color: white;" href="sehrim.html">Şehrim</a></li>
<li class="nav-item"><a class="nav-link" href="mirasimiz.html">Mirasımız</a></li>
<li class="nav-item"><a class="nav-link" href="api.html">API</a></li>
<li class="nav-item"><a class="nav-link" href="iletisim.html">İletişim</a></li>
<li class="nav-item"><a class="nav-link" href="login.html">Girş Yap</a></li>
</ul>
</div>
</nav>
<div class="container py-4">
<h2 class="mb-3" style="text-align: center;">Şehrim (KAYSERİ)</h2>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Resim 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Resim 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Resim 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
aria-label="Resim 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="#Kayseri">
<img src="img/kayseri.jpg" class="d-block w-100" alt="Resim 1">
</a>
</div>
<div class="carousel-item">
<a href="#Erciyes">
<img src="img/erciyes.jpg" class="d-block w-100" alt="Resim 2">
</a>
</div>
<div class="carousel-item">
<a href="#GevherNesibe">
<img src="img/gevhernesibe.jpg" class="d-block w-100" alt="Resim 3">
</a>
</div>
<div class="carousel-item">
<a href="#SultanSazligi">
<img src="img/sultansazligi.jpg" class="d-block w-100" alt="Resim 4">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Önceki</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Sonraki</span>
</button>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 flex-column">
<div class="col mb-4" id="Kayseri">
<div class="card h-100">
<img src="img/kayseri.jpg" class="card-img-top" alt="Resim 1">
<div class="card-body">
<h5 class="card-title">KAYSERİ</h5>
<p class="card-text">Kayseri Şehir Rehberi
M.Ö. 4000 yıllarına kadar uzanan bir tarihe sahip Kayseri, Orta Anadolu'nun en önemli
ticaret ve sanayi merkezlerinden biridir. Ticaretin yanında tarım da kentin sosyal ve
ekonomik refahı için hayati bir öneme sahiptir. Kayseri son dönemde yapılan yatırımlar ile
ülke genelinde mobilya sektörüne yön veren bir merkez halini almıştır.
Gezilebilecek Yerler
Erciyes Dağı, Selçuklu İmparatorluğu döneminden kalma camiler, medreseler, kümbetler, dini
mekânlar, hanlar, hamamlar, bedestenler kentin başlıca tarihi değerleridir Erciyes Kayak
Merkezi Kayseri'deki en önemli turistik mekândır. Erciyes sönmüş bir yanardağ olup 3.916 m
yüksekliğindedir ve Orta Anadolu'nun en yüksek dağıdır. Burada kayak yapmanın dışında
dağcılık da oldukça gelişmiştir. Erciyes Dağı sahip olduğu platolarla yazın göz alıcı doğal
bir güzelliğe bürünür. Zengin doğal güzellikleriyle Erciyes doğa turizmi için de elverişli
bir yerdir. Rafting için elverişli olan Zamanta Nehri şehrin diğer bir turistik harikasıdır.
Trekking ve dağ yürüyüşlerine imkân sağlayan Kayseri, Sultan Sazlığı Kuş Cenneti ile
ziyaretçilerine doğayla iç içe, güzel fırsatlar sunar. Elverişli doğa şartlarının yarattığı
doğa hayatı, doğa turizminin gelişmesine büyük katkı sağlamaktadır.</p>
</div>
</div>
</div>
<div class="col mb-4" id="Erciyes">
<div class="card h-100">
<img src="img/erciyes.jpg" class="card-img-top" alt="Resim 2">
<div class="card-body">
<h5 class="card-title">Erciyes Dağı</h5>
<p class="card-text">Kayseri’nin simgesi olarak da kabul edilen Erciyes Dağı, İç Anadolu
Bölgesi’nin en büyük dağıdır ve Kayseri gezilecek yerler listesinde ilk sıralarda yerini
almaktadır. Erciyes Dağı, Kayseri il merkezine 25 kilometre uzaklıktadır. Karlı manzaraları
ve ihtişamlı duruşu ile dikkat çeken Erciyes Dağı’nın rakımı ise 3917 metredir.
Doğa ve dağ sporları için uygun alanlara ev sahipliği yapan Erciyes Dağı’nda bulunan Erciyes
Kayak Merkezi ise Türkiye’nin en çok ziyaret edilen kış sporları merkezi olarak kabul
edilmektedir. Erciyes Dağı’nda kayak yaşı ise 30 milyon yıldır. Kayak merkezi sınırlarında
sıcaklık ortalaması yaz aylarında 15-20 derece arasında değişmektedir.</p>
</div>
</div>
</div>
<div class="col mb-4" id="GevherNesibe">
<div class="card h-100">
<img src="img/gevhernesibe.jpg" class="card-img-top" alt="Resim 3">
<div class="card-body">
<h5 class="card-title">Gevher Nesibe Tıp Tarihi Müzesi</h5>
<p class="card-text">Gevher Nesibe Tıp Tarihi Müzesi, Kocasinan ilçesinde bir konuma sahiptir.
Dünyanın ilk tıp merkezi olarak kabul edilmiştir. I. Gıyasettin Keyhüsrev tarafından
yaptırılmış olan Gevher Nesibe Tıp Tarihi Müzesi, 1205 yılında hizmet vermeye başlamıştır.
Anadolu mimarlık tarihinin en önemli eserleri arasında yer almakta olup, sadeliği ile ön
plana çıkmayı başaran bir müzedir. Müzenin bir bölümü şifahiye özelliği taşırken diğer
bölümü Selçuklu Dönemi eserlerini gözler önüne sermektedir. Ayrıca minik misafirleri için de
oyunlar oynanarak tarihi sevmeleri ve öğrenmeleri amaçlanmıştır. </p>
</div>
</div>
</div>
<div class="col mb-4" id="SultanSazligi">
<div class="card h-100">
<img src="img/sultansazligi.jpg" class="card-img-top" alt="Resim 4">
<div class="card-body">
<h5 class="card-title">Sultan Sazlığı Milli Parkı</h5>
<p class="card-text">Sultan Sazlığı Milli Parkı, Kayseri il merkezine 70 kilometre uzaklıkta yer
alır. 2006 yılında milli park haline getirilen Sultan Sazlığı, Kayseri iline bağlı Develi ve
Yeşilhisar ilçe sınırlarında bulunmaktadır. Doğal güzelliği ile gezilecek yerler listesine
dahil edişmiştir. Bölgenin büyük bir kısmı sazlıklarla kaplıdır. Osmanlı Dönemi’nde Kayseri
ilinde görev yapan sultanların avlanmak için burayı tercih etmesi sebebiyle Sultan Sazlığı
denilmiştir.
Milli park, Erciyes Dağı manzarasına sahiptir. Bu yüzden fotoğraf tutkunlarının sık ziyaret
ettiği bir alandır. Bölgesel olarak Kuş Cenneti olarak da bilinen milli park içerisinde
yaklaşık 300 kuş türü ve 428 bitki türü barındırır. Bitki türlerinden 48 tanesi endemiktir.
</p>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-white text-center py-2">
<p>Telif Hakkı © 2023 Ahmet Kasap</p>
</footer>
<!-- Slider için gerekli JavaScript -->
<script>
document.addEventListener("DOMContentLoaded", function () {
var myCarousel = new bootstrap.Carousel(document.getElementById("carouselExampleIndicators"), {
interval: 3000, // Her slayt arasındaki süre (ms) - 3000ms = 3 saniye
keyboard: true, // Klavye ile kaydırma özelliği
pause: "hover", // Fare üzerine gelince otomatik kaydırmanın durması
wrap: true // Son slayttan ilk slayta geçerken döngü oluşturma
});
var prevButton = document.querySelector(".carousel-control-prev");
var nextButton = document.querySelector(".carousel-control-next");
prevButton.addEventListener("click", function () {
myCarousel.prev();
});
nextButton.addEventListener("click", function () {
myCarousel.next();
});
});
</script>
<!-- Bootstrap JavaScript dosyasını eklemek için: -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>