-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (160 loc) · 6.79 KB
/
index.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
<html lang="tr">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>SanAmuze</title>
</head>
<body>
<!-- Header -->
<section id="header">
<div class="header container">
<div class="nav-bar">
<div class="brand">
<a href="#home">
<h1>San<span>A</span>muze</h1>
</a>
</div>
<div class="nav-list">
<div class="hamburger">
<div class="bar"></div>
</div>
<ul>
<li><a href="#home" data-after="Ana Sayfa">Ana Sayfa</a></li>
<li><a href="#museums" data-after="Müzeler">Müzeler</a></li>
<li><a href="#about" data-after="Hakkımızda">Hakkımızda</a></li>
<li><a href="orientation.html" data-after="Hakkımızda">Mobil Uygulama</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Header -->
<!-- Home Section -->
<section id="home">
<div class="home container">
<div>
<h1>SANAMUZE <span></span></h1>
<h1 style="font-size: 2rem;">Tarihin Teknoloji ile Buluşması <span></span></h1>
<a href="#museums" type="button" class="btn">Müzeleri Gör</a>
</div>
</div>
</section>
<!-- End Home Section -->
<!-- Museums Section -->
<section id="museums">
<div class="museums container">
<div class="museums-header">
<h1 class="section-title">MÜZE<span>LER</span></h1>
</div>
<div class="all-museums">
<div class="museum-item">
<div class="museum-info">
<h1>Kocaeli Arkeoloji ve Etnografya Müzesi</h1>
<p> Kocaeli'nin İzmit ilçesinde bulunan, arkeolojik eserler ve etnografik objelerin sergilendiği ulusal bir
müzedir. İzmit'in tarihi tren garı binasının yanında yer almaktadır.</p>
<a href="#museums" id="btn1" class="btn2" type="button">Eserler</a>
</div>
<div class="museum-img">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; vr"
allowfullscreen="true" allowvr="true" frameborder="0" mozallowfullscreen="true"
src="https://www.klapty.com/tour/tunnel/hYz0einTLQ" style="height: 100%; width: 100%;"
webkitallowfullscreen="true">
</iframe>
</div>
</div>
</div>
</div>
</section>
<!-- End Museums Section -->
<!-- About Section -->
<section id="about">
<div class="about container">
<div class="col-left">
<div class="about-img">
<img src="./assets/images/logo.png">
</div>
</div>
<div class="col-right">
<h1 class="section-title">Hakkımızda</h1>
<h2>SanAmuze Atölye Teknofest Takımı</h2>
<p>Kocaeli Üniversitesi öğrencileri olarak, özellikle anaokulu çağındaki çocuklar hedef alınarak, ülkemizdeki
müzelerin eğitimle birleştirilmesi amaçlı
Sanal Atölye Müzelerin oluşturulması hedeflenmiştir.
</p>
<img src="./assets/images/team.png" />
</div>
</div>
</section>
<!-- End About Section -->
<!-- Footer -->
<section id="footer">
<div class="footer container">
<div class="brand">
<h1>San<span>A</span>müze Atölye</h1>
</div>
<div class="social-icon">
<div class="social-item">
<a href="#"><img src="https://img.icons8.com/bubbles/100/000000/facebook-new.png" /></a>
</div>
<div class="social-item">
<a href="#"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png" /></a>
</div>
<div class="social-item">
<a href="#"><img src="https://img.icons8.com/bubbles/100/000000/twitter.png" /></a>
</div>
</div>
<p>Telif hakkı ©
<script>
var CurrentYear = new Date().getFullYear()
document.write(CurrentYear)
</script> SanAmuze. Her hakkı saklıdır
</p>
</div>
</section>
<!-- End Footer -->
<!-- The Modal -->
<div id="modal1" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<div style="margin-left: 10%;">
<div>
<model-viewer id="mv-demo" shadow-intensity="1" src="./assets/ataturk.glb" alt="A 3D model of an astronaut"
auto-rotate camera-controls style="height: 500px; width: 500px;"></model-viewer>
<div style="margin: 5%">
<h1>Mustafa Kemal Atatürk</h1>
<p>
Türkiye Cumhuriyeti'nin kurucusu olan ulu önder Mustafa Kemal Atatürk, sadece Türkiye'de değil dünya
çapında pek çok insanın, her sene hikayesini merak ettiği en güçlü tarihi isimlerden biridir.Özellikle
Çanakkale'de kazandığı zafer ile I. Dünya Savaşı'nın seyrini değiştiren Mustafa Kemal Atatürk, bu savaş
ile beraber tüm dünya tarafından tanınmasıyla tarihe geçmiştir. I. Dünya Savaşı'nın ardından Mondros
Ateşkes Antlaşmasının imzalanmasıyla vatan topraklarının paylaşılacağını gören Atatürk, 19 Mayıs 1919'da
Samsun'a çıkarak milli mücadelenin ilk ateşini yakmıştır.</p>
</div>
</div>
<div>
<model-viewer id="mv-demo" shadow-intensity="1" src="./assets/1.glb" alt="A 3D model of an astronaut"
auto-rotate camera-controls style="height: 500px; width: 500px; align-self: center;"></model-viewer>
<div style="margin: 5%">
<h1>Büyük İskender</h1>
<p>M.Ö. 356’da Makedonya’nın Pella şehrinde doğdu. M.Ö. 338’de Chaeronea Savaşı’nda babasının ordusundaki
süvarilere komuta etti. M.Ö. 334’te Pers seferlerini yönetti. M.Ö. 326’da Hypasdes Savaşı’nda Hindistan
Hükümdarı Porus’u ordusundaki fillere rağmen yendi. M.Ö. 323’te Babil Sarayı’nda öldü. Büyük İskender, adı
Doğu efsanelerinde yaşayan, o zamanki dünyanın yarısını 13 yılda fethetmiş, Pers
İmparatorluğu'nun güçlü ordularını yenmiş, M.Ö. 336-323 yılları arasında Makedonya kralı ve tarihteki en
büyük komutanlardan biri.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Modal End -->
<script src="./js/app.js"></script>
<script src="./js/detection.js"></script>
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
</body>
</html>