-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebsite.html
176 lines (169 loc) · 8.44 KB
/
website.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/navbar.css">
<style>
.welcome-message {
color: white;
}
</style>
<title>Kişisel Websayfası</title>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<a href="https://cs.sakarya.edu.tr/">
<img src="images/img_saulogo.png" alt="saulogo">
</a>
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="website.html">Hakkımda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cv.html">Özgeçmişim</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Bandırma
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="sehrim.html">Bilgi</a></li>
<li><a class="dropdown-item" href="mirasimiz.html">Mirasımız</a></li>
<li><a class="dropdown-item" href="takim.html">Takımımız</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="hobi.html">Hobilerim</a>
</li>
</ul>
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#">İletişim</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.php">Giriş Yap</a>
</li>
</ul>
</div>
</div>
</nav><br>
<header class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">Yalkın Can Yalınız</h1>
<p class="lead">2004 Bandırma doğumluyum. Bu da benim kişisel websayfam...</p>
</div>
<div class="row">
<div class="col-md-3">
<img src="images/vesikalik.jpg" alt="Vesikalık" class="img-fluid rounded-start">
</div>
<div class="col-md-9">
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title fs-4">Otobiyografim</h5>
<p class="card-text fs-5">Ben Yalkın Can Yalınız. 14 Ocak 2004 tarihinde Bandırma’da doğdum. Erken yaşta müzik
ve edebiyat ile ilgilenmeye başladım. Ana okul ve ilkokulu eğitimimi Bandırma’da gördüm. İlkokul okurken birçok spor dalında faaliyet yaptım. Fenerbahçe alt yapısında 2 sene boyunca oynadım. Ardından robotlara olan merakımdan dolayı sporu bırakıp o alana yöneldim. Ortaokul için ailemle beraber farklı şehre gittiğimiz için ilgi alanlarımdan uzun bir süre ayrı kaldım. Ortaokul ve liseyi Bursa’da okudum. Ortaokulu beşincilikle, liseyi birincilikle bitirdim.
Lisede birçok ders hocalarımla çok yakın oldum. Birçoğu ile beraber faaliyetler yaptık. Edebiyat hocamız ile yazdığım şiir ve yazılar hakkında saatlerce konuşup değerlendirmeler yaptık, matematik öğretmenimin yol göstermesiyle yazılıma başladım, beden eğitimi hocamız sayesinde halk oyunları grubunda yer aldım. Katıldığım halk oyunu kulübü ile birlikte Balkanlar ve Avrupa’da birçok ülkede Türkiye’yi ve kültürümüzü temsil etmek için festivallere katıldık.
Halk oyunları kulübümüzün yanı sıra benim başkanı olduğum okulumuzun drama kulübüyle beraber birçok defa tüm okula gösteriler yaptık. Popüler komedi programlardaki skeçleri değiştirerek veya kendimizin yaşadığı olaylardan skeçler yazarak 1 sene boyunca aktif olarak grup çalışması gerçekleştirdik. Drama kulübüyle beraber tanıştığım yeni bir hoca ile birlikte MEB’in düzenlediği kısa film yarışmalarına katıldık. Katıldıklarımızdan büyük bir derece almasak da yazma ve çekim aşamasında çok eğlenceli ve unutulmaz anlar yaşadık.
Mezun olduğum liseden son kez ayrılırken yaptığım her şey ile gurur duyarak ayrıldım. Birçok öğrenciye nasip olacak bir durum olmadığı için kendimi tüm bunlar için çok mutlu hissediyorum.
Şuan ise Sakarya Üniversitesi Bilgisayar ve Bilişim Fakültesinde bilgisayar mühendisliği bölümünde birinci sınıfım.</p>
</div>
</div>
</div>
</div>
<section id="hobiler">
<h2 class="text-center">Hobilerim</h2>
<div class="row">
<div class="col-md-4">
<div class="card">
<img src="images/foto.png" class="card-img-top" alt="Hobi Resmi">
<div class="card-body">
<h5 class="card-title">Müzik</h5>
<p class="card-text">3 senedir gitar çalmaktayım.Sevdiğim bazı şarkıların videosunu Youtube kanalıma yüklemekteyim.</p>
<a href="https://www.youtube.com/channel/UCUaNg_w6JhjB_pJmbDcLtFw" class="btn btn-primary" target="_blank">Kanal Linki</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="images/kitap.jpg" class="card-img-top" alt="Hobi Resmi">
<div class="card-body">
<h5 class="card-title">Kitap Okumak</h5>
<p class="card-text">Küçük yaşta felsefe ve dünya klasikleri okumaya başladım.Artık kitap okumak benim için bir hobi değil, hayatımın bir parçası oldu.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="images/asci.jpg" class="card-img-top" alt="Hobi Resmi">
<div class="card-body">
<h5 class="card-title">Yemek Yapmak</h5>
<p class="card-text">Arkadaşlarıma ve kız arkadaşıma yemek yapmayı çok seviyorum.Yaparken kendimi çok mutlu hissediyorum.</p>
</div>
</div>
</div>
</div>
</section><br>
<section id="spor">
<h2 class="text-center">Tuttuğum takım tabi ki <strong>FENERBAHÇE</strong></h2> <br>
<div class="row">
<div class="col-sm-4">
<div class="card">
<img src="images/fbben.jpg" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
</div>
</div>
<div class="col-sm-4">
<div class="card">
<img src="images/irfancan.jpg" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
</div>
</div>
<div class="col-sm-4">
<div class="card">
<img src="images/oy.jpg" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
</div>
</div>
</div><br>
<section id="dizi">
<h2 class="text-center">En Sevdiğim Diziler</strong></h2> <br>
<div class="row">
<div class="col-sm-4">
<div class="card">
<img src="images/polatcakir.jpg" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
<p class="card-text text-center"><b>Kurtlar Vadisi</b>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<img src="images/behzatc.jpg" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
<p class="card-text text-center"><b>Behzat Ç.</b>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<img src="images/dexter.png" class="card-img-top mx-auto d-block" alt="fb" style="width: 500px; height: 500px;">
<p class="card-text text-center"><b>Dexter</b></p>
</div>
</div>
</div><br><br>
<script>
window.onload = function() {
var link = document.querySelector('a[href="login.php"]');
link.addEventListener('click', function(event) {
event.preventDefault();
window.location.href = "login.php";
});
var username = "b221210101";
var welcomeMessage = document.createTextNode("Hoşgeldiniz " + username);
var navLink = document.querySelector('a[href="login.php"]');
navLink.parentNode.replaceChild(welcomeMessage, navLink);
};
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>