-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
318 lines (279 loc) · 13.4 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Udemig_School</title>
<!--* Css Linki -->
<link rel="stylesheet" href="style.css" />
<!--* Bootstrap Icon -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
</head>
<body>
<!--* Header Alanı -->
<div class="header">
<div class="nav">
<a href="#"><img src="./Images/logo (1).png" alt="Logo"></a>
<div class="nav-links">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Kurslar</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
<i class="bi bi-list menu"></i>
</div>
</div>
<!-- Udemig Yazı Etiketi -->
<div class="text-box">
<h1>Burası Udemig Kolejidir, Burda sadece gerçekler hayatta kalır.</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquam aut
aliquid, ipsam culpa modi commodi sed repudiandae, in expedita
praesentium dolorem nihil ut. Id in dolor incidunt necessitatibus iure?
Repudiandae? Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Neque eligendi ipsam dolore a delectus aut sit earum deleniti architecto
facere consequuntur temporibus explicabo perferendis eum quis laborum,
provident autem. Laudantium.
</p>
<a href="#" class="hero-btn">Daha Fazlası için Bize ulaşın</a>
</div>
<!-- Kurslar Alanı -->
<div class="course align-box">
<h1>Burada size harika bir gelecek sunuyoruz</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum nulla
ipsum praesentium! Cupiditate asperiores laborum unde pariatur facilis
ipsam, delectus ipsa sint dicta cumque sit quibusdam assumenda qui saepe
sed ut numquam deserunt quidem. Cum placeat, qui recusandae obcaecati
veniam ipsum explicabo quam! Ex architecto voluptas repellendus. Minima,
ipsa culpa.
</p>
<div class="row">
<div class="course-col align-col">
<h3>React Front-end</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium
modi dolorem autem in doloremque sunt voluptate dicta sed
perspiciatis nemo. Blanditiis ducimus, facilis beatae temporibus
modi laboriosam incidunt amet omnis quasi id fuga vitae quisquam
natus fugiat veniam nihil recusandae laudantium animi quod tempora
eligendi. Quis soluta culpa voluptate distinctio!
</p>
</div>
<div class="course-col align-col">
<h3>React Native Mobile</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium
modi dolorem autem in doloremque sunt voluptate dicta sed
perspiciatis nemo. Blanditiis ducimus, facilis beatae temporibus
modi laboriosam incidunt amet omnis quasi id fuga vitae quisquam
natus fugiat veniam nihil recusandae laudantium animi quod tempora
eligendi. Quis soluta culpa voluptate distinctio!
</p>
</div>
<div class="course-col align-col">
<h3>Nodejs/Nextjs Back-end</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium
modi dolorem autem in doloremque sunt voluptate dicta sed
perspiciatis nemo. Blanditiis ducimus, facilis beatae temporibus
modi laboriosam incidunt amet omnis quasi id fuga vitae quisquam
natus fugiat veniam nihil recusandae laudantium animi quod tempora
eligendi. Quis soluta culpa voluptate distinctio!
</p>
</div>
</div>
</div>
<!-- kAMPUS Alanı-->
<div class="campus align-box">
<h1>Nerelerde Varız?</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eius magnam
odit consequatur quam quod dolore voluptates cupiditate voluptatibus ut?
Labore facere aliquid maiores possimus sequi! Animi aliquam laborum
maxime rerum quisquam nulla consectetur harum qui fuga illum!
Voluptatibus illum sunt vitae exercitationem nulla tempora beatae
inventore vero odit in magni, adipisci quo tempore iure. Voluptatum nemo
nihil unde repellat voluptas?
</p>
<div class="row">
<div class="campus-col align-col">
<img src="./images/unit.jpeg" alt="campus-img" />
<div class="layer">
<h3>İstanbul</h3>
</div>
</div>
<div class="campus-col align-col">
<img src="./images/unit.jpeg" alt="campus-img" />
<div class="layer">
<h3>Stockholm</h3>
</div>
</div>
<div class="campus-col align-col">
<img src="./images/unit.jpeg" alt="campus-img" />
<div class="layer">
<h3>Oslo</h3>
</div>
</div>
</div>
</div>
<!-- Facilities Alanı -->
<div class="facilities align-box">
<h1>Diğer Birimlerimiz</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem
aperiam ex inventore. Et velit neque eveniet ipsam, ipsa perferendis est
quibusdam debitis tempora exercitationem dolores beatae sequi in
consectetur nobis dicta odio sunt nemo iusto eius molestiae accusamus!
Quas iste vero at soluta, repellendus adipisci maxime earum dolore
commodi rem debitis, nisi error corporis modi quod aperiam eligendi
maiores. Aliquid laudantium ea harum sequi rerum esse ducimus placeat
libero quo nemo? Adipisci sunt aut est?
</p>
<div class="row">
<div class="facilities-col align-col">
<img src="./images/facility.jpeg" alt="" />
<h3>İsveç Stockholm Kütüphanesi</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit, odio
magnam voluptas explicabo quae alias iste possimus consequuntur,
architecto doloremque similique. Dolor voluptatum nesciunt
reprehenderit tempora rem ea similique. Impedit, sint odit quia
praesentium harum voluptates. Aut vel ea sit doloribus earum iure
iusto esse nemo veniam, ratione impedit distinctio autem provident
quae reprehenderit repellendus aliquam. Culpa, laborum commodi omnis
corrupti, perspiciatis velit exercitationem possimus quidem, in
nihil sint voluptate blanditiis voluptas quibusdam esse magni.
</p>
</div>
<div class="facilities-col align-col">
<img src="./images/facility.jpeg" alt="" />
<h3>İsveç Stockholm Kütüphanesi</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto rem
sapiente quas a voluptatem, illo rerum libero tenetur architecto
labore reprehenderit modi nihil, qui culpa. Suscipit, deleniti.
Voluptatibus deleniti culpa facere? Obcaecati quas odit maxime
laudantium sit maiores ducimus rem quaerat in incidunt! Doloribus,
molestiae perferendis hic accusamus quaerat vero cum consequuntur
fugiat. Consequatur, perferendis vero. Officia dolores optio est
molestias, perspiciatis alias voluptate obcaecati quis! Consequatur
sequi quibusdam officia expedita, quas ex fuga eos!
</p>
</div>
<div class="facilities-col align-col">
<img src="./images/facility.jpeg" alt="" />
<h3>İsveç Stockholm Kütüphanesi</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident
tenetur placeat inventore delectus eos aspernatur esse.
Reprehenderit quas vitae illum impedit dignissimos architecto
adipisci voluptatibus commodi itaque at, nam asperiores iste
corporis blanditiis in? Id suscipit dignissimos iste obcaecati quia
alias mollitia impedit? Laborum voluptates, reprehenderit iusto
vitae nihil aspernatur adipisci et! Corrupti, modi. Ab fugit harum
voluptatem molestias placeat culpa voluptas, impedit praesentium
voluptates alias inventore ipsa odio odit dolore unde, laborum quasi
ex!
</p>
</div>
</div>
</div>
<!-- Comment Alanı -->
<div class="testemonials align-box">
<h1>Hakkımızda Yorumlar</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti sit
consequatur dolor officiis ipsam, necessitatibus voluptatum aspernatur
et voluptates earum modi, quia, nihil provident expedita facilis. Sint
fugiat deserunt facere pariatur quae, quibusdam laborum omnis eos
accusamus dolore. Quo, dolorum nobis? Ab ad assumenda id et. Quo
architecto, velit omnis molestias corporis neque voluptate aliquid ipsum
nostrum quasi delectus in id! Debitis beatae cupiditate numquam?
</p>
<div class="row">
<div class="testemonials-col align-col">
<img src="./images/man.jpg" alt="" width="50" />
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos dolor
rem, sunt ad dolorem quidem atque aliquam ratione animi odio velit
vero placeat voluptate quos exercitationem iure quasi
reprehenderit. Doloribus distinctio, aliquid consequuntur vel ex
magnam laudantium mollitia facere, quisquam velit quas aspernatur
sed obcaecati tempora rem repellendus quaerat reprehenderit
accusantium dolor inventore sit veritatis veniam neque similique.
Assumenda teur illum ad delectus commodi.</p>
<h2>Ferhunde İlay Üstün</h2>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testemonials-col align-col">
<img src="./images/man.jpg" alt="" width="50" />
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reprehenderit, minus repellat, exercitationem qui vero iusto hic
natus consectetur ipsum animi officia nobis corporis. Veritatis
tempora vero laudantium minus porro fugit? Veritatis at recusandae
eum neque dolores nostrum perferendis, amet, alias sit quia ab
distinctio excepturi libero animi porro. Exercitationem quo odio
expedita placeat molestiae mollitia eos atque veritatis architecto
in, ad esse, debitis cum enim.</p>
<h2>Kadir Berke Köksal</h2>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</div>
</div>
<div class="testemonials-col align-col">
<img src="./images/man.jpg" alt="" width="50" />
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto
minima doloremque obcaecati nam ad. Eaque cumque voluptas
similique ex tenetur architecto consectetur mollitia ratione
dolorem officia nostrum aliquam molestiae eum provident minima,
doloremque eius nulla assumenda nisi beatae illum distinctio sed
illo voluptatem. Architecto quis id illum saepe iste minus rem,
officia ea cum quo sit at, eligendi corrupti dolores tenetur vel
adipisci facere atque.</p>
<h2>Metin Doğru</h2>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star"></i>
</div>
</div>
</div>
</div>
<!-- Kontak Alanı -->
<div class="ua align-box">
<h1>Daha ne bekliyorsun Bize Acil Ulasmak İçin?</h1>
<a href="#" class="hero-btn">Bize Ulasın</a>
</div>
<!-- Footer Bölümü-->
<div class="footer align-box">
<h1>Hakkımızda</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis, accusantium nam voluptatibus omnis dolore dolorem eveniet, quam in quae commodi cupiditate pariatur, odit iure dicta ducimus libero ullam corporis. Delectus quia voluptatum ullam sequi consectetur ipsam esse et aliquid, sint quidem totam accusantium accusamus placeat laborum est qui distinctio reprehenderit molestias sed, autem officiis ab eveniet hic odit. Cumque, deleniti?</p>
<div class="icons">
<i class="bi bi-facebook"></i>
<i class="bi bi-instagram"></i>
<i class="bi bi-twitter-x"></i>
<i class="bi bi-linkedin"></i>
</div>
</div>
</body>
</html>