-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (161 loc) · 6.55 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="icon.png" type="image/x-icon">
<title>Emek CV</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body class="bg-body-tertiary">
<!--NAVBAR-->
<div class="container">
<div class="row">
<nav id="navbar-example2" class="navbar bg-body-tertiary border-bottom">
<a class="navbar-brand mx-5" href="index.html"><img src="logo.png" alt="Logo" width="" height="100" class="d-inline-block align-text-top"></a>
<ul class="nav nav-pills">
<li class="nav-item mx-2">
<a class="nav-link" href="#projeler"><h5>Projeler</h5></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="#hakkimda"><h5>Hakkımda</h5></a>
</li>
<li class="nav-item">
<li class="nav-item mx-2">
<a class="nav-link" href="#iletisim"><h5>İletişim</h5></a>
</li>
</li>
</h>
</ul>
</nav>
<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2" tabindex="0">
</div>
</div>
</div>
<!--SÖZ-->
<figure class="text-center mb-5" id="projeler">
<blockquote class="blockquote">
<p>Hiçbir şeye ihtiyacımız yok, yalnız bir şeye ihtiyacımız vardır; çalışkan olmak!</p>
</blockquote>
<figcaption class="blockquote-footer">
Mustafa Kemal Atatürk
</figcaption>
</figure>
<!--PROJELER-->
<div class="container d-flex justify-content-center text-center">
<div class="row">
<!-- BİRİNCİ KART -->
<div class="col-md-4">
<div class="card border-primary mb-3" style="max-width: 20rem;">
<div class="card-header">⚙️Üstünde çalışıyorum</div>
<div class="card-body text-primary">
<h5 class="card-title">Unity</h5>
<p class="card-text">Unity öğrenmek için basit oyun projeleri üzerinde çalışıyorum.</p>
</div>
<div class="card-footer bg-transparent border-success"><a class="lead" href="https://github.com/EmekOfficial"><b>Aktif Proje</b></a></div>
</div>
</div>
<!-- İKİNCİ KART -->
<div class="col-md-4">
<div class="card border-info mb-3" style="max-width: 20rem;">
<div class="card-header">🧿Tüm Projeler</div>
<div class="card-body">
<h5 class="card-title">Web,Unity and Android</h5>
<p class="card-text">Hevesli bir yazılım geliştirici olarak her alanda içerik üretmek istiyorum.</p>
</div>
<div class="card-footer bg-transparent border-success"><a class="lead" href="https://github.com/stars/EmekOfficial/lists/all-projects"><b>Github</b></a></div>
</div>
</div>
<!-- ÜÇÜNCÜ KART -->
<div class="col-md-4">
<div class="card border-danger mb-3" style="max-width: 20rem;">
<div class="card-header">⚰️Toprağı bol olsun</div>
<div class="card-body text-danger">
<h5 class="card-title">Arşiv</h5>
<p class="card-text">İptal ettiğim veya fikir aşamasındaki projelere aşağıdaki linkten ulaşabilirsiniz.</p>
</div>
<div class="card-footer bg-transparent border-success"><a class="lead" href="https://github.com/stars/EmekOfficial/lists/archive"><b>Link</b></a></div>
</div>
</div>
</div>
</div>
<!--HAKKIMDA-->
<div class="container d-flex justify-content-center">
<div class="row mx-5">
<h1 class="display-2 text-center border-bottom mb-3" id="hakkimda">Hakkımda</h1>
<div class="row">
<div class="col mx-5">
<h1 class="display-6">Eğitim</h1>
<ul>
<li>
<p><b>Dokuz Eylül Üniversitesi</b> Bergama Meslek Yüksekokulu - <em>Bilgisayar Teknolojisi</em></p>
</li>
</ul>
</div>
<div class="col mx-5">
<h1 class="display-6">Tecrübe</h1>
<ul>
<li>
Unity giriş seviyesi temel oyunlar
</li>
<li>
Html5,Css3,Bootstrap4 ve 5 ile çeşitli siteler
</li>
<li>
C# ile form uygulamaları
</li>
</ul>
</div>
<div class="col mx-5">
<h1 class="display-6">Sertifikalar</h1>
<ul>
<li>
Btk Akademi +10 Sertifika (Web,C#,Kotlin)
</li>
<li>
Turkcell +6 Sertifika (Web)
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--İLETİŞİM-->
<div class="container d-flex justify-content-center">
<div class="row mt-5 mx-5">
<div class="col">
<h1 class="display-3 border-bottom" id="iletisim"">📧İletişim</h1>
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">E-postanız</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="adını[email protected]">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Mesajınız</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<div class="mb-3">
<label for="formFileMultiple" class="form-label">Ekleyeceğiniz dosyalar</label>
<input class="form-control" type="file" id="formFileMultiple" multiple>
</div>
<button type="submit" class="btn btn-primary mb-5">Mesaj Gönder</button>
</div>
</div>
</div>
<!--FOOTER -->
<nav class="navbar bg-body-tertiary border-top">
<div class="container">
<a class="navbar-brand" href="https://www.linkedin.com/in/emekhsıldır/">
<img src="linkedin.png" alt="linkedin" height="70">
</a>
<a class="navbar-brand" href="https://www.youtube.com/@emekoffline">
<img src="youtube.png" alt="youtube" height="70">
</a>
<a class="navbar-brand" href="https://www.instagram.com/emekoffline/">
<img src="insta.png" alt="instagram" height="70">
</a>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>