-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
267 lines (239 loc) · 12.2 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
<!----------------------- You can get this theme from https://preview.themeforest.net/item/kerge-vcard-wordpress-theme/full_screen_preview/21801711 ------------------------->
<!DOCTYPE html>
<html lang="tr">
<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">
<title>Beyzanur Seyhan</title>
<link rel="stylesheet" href="css/style.css">
<!-- Font Awesome Cdn -->
<script src="https://kit.fontawesome.com/25942c7a88.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Mobile Device Menu Area Start -->
<div class="mobile-menu">
<!-- Logo And Hamburger Menu Area Start -->
<div class="top-menu">
<!-- Logo Start -->
<div class="right-side">
<div class="logo">
<img src="img/logo/80X80.jpg" alt="">
</div>
<div class="text">
<h1>Beyzanur Seyhan</h1>
</div>
</div>
<!-- Logo End -->
<!-- Hamburger Menu Start -->
<div class="left-side">
<a href="#"><i class="fa-solid fa-bars"></i></a>
</div>
<!-- Hamburger Menu End -->
</div>
<!-- Logo And Hamburger Menu Area End -->
<!-- Menu's Content Start -->
<div class="content-menu d-none">
<!-- Menu's Links Start -->
<div class="links">
<ul>
<a href="#" class="active"><li>Ben Kimim?</li></a>
<a href="#"><li>Özgeçmişim</li></a>
<a href="#"><li>Çalışmalarım</li></a>
<a href="#"><li>Yazılarım</li></a>
<a href="#"><li>İletişime Geçin</li></a>
</ul>
</div>
<!-- Menu's Links End -->
<!-- Menu's Content End -->
<!-- Social Media İcons Start -->
<div class="social">
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
<!-- Social Media İcons Start -->
</div>
<!-- Menu's Content End -->
</div>
<!-- Mobile Device Menu Area End -->
<!-- Laptop And Other Device's Menu Start -->
<aside>
<!-- Logo Start -->
<div class="logo">
<img src="img/logo/80X80.jpg" alt="">
<h1>Beyzanur Seyhan</h1>
</div>
<!-- Logo End -->
<!-- Menu Start -->
<div class="menu">
<ul>
<a href="#"><li class="active">Ben Kimim?</li></a>
<a href="#"><li>Özgeçmişim</li></a>
<a href="#"><li>Çalışmalarım</li></a>
<a href="#"><li>Yazılarım</li></a>
<a href="#"><li>İletişime Geçin</li></a>
</ul>
</div>
<!-- Menu's Icons Start -->
<div class="icons">
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
<!-- Menu's Icons End -->
<!-- Menu End -->
</aside>
<!-- Laptop And Other Device's Menu End -->
<!-- Page's Container Start -->
<main>
<!-- Header Start -->
<header>
<!-- Photograph Area Start -->
<div class="photo"></div>
<!-- Photograph Area End -->
<!-- Introduce Area Start -->
<div class="introduce">
<span>Her Zaman Bana Ulaşın</span>
<h1>Kısaca Hakkımda</h1>
<p>
Freelancer ve tasarım odaklı olan sektöre ilgim lise zamanlarından geliyor. 2 ay boyunca lisede yaptığım staj yeri bir reklam ajansıydı ve ben bu alan hakkında bir bilgiye sahip değildim. Bu süreçte grafik tasarımla ilgili gerekli olan belirli programları kendi başıma öğrendim ama bu öğrendiklerimi o yıllarda başka bir yerde kullanamadım. Üniversiteye geçtiğimde küçük bir çevre edindikten sonra yavaş yavaş grafik tasarım ve benzeri işler alıp gönüllü veya ücretli bir şekilde kendimi geliştirme fırsatı elde ettim. Şimdi ise bunu devam ettiriyorum ve elimden geldiği kadar çeşitli projelerde yer alıyorum. Hakkımdaki detaylı bilgiye web sitemde yer alan "Özgeçmişim" linkini ziyaret ederek hızlı bir şekilde ulaşabilirsiniz. Benden hizmet almak istiyorsanız aşağıdaki butona tıklayabilirsiniz.
</p>
<a href="#">Ücretsiz Teklif Verin!</a>
</div>
<!-- Introduce Area End -->
</header>
<!-- Header End -->
<!-- Services Area Start -->
<div class="services">
<div class="title">
<h3>Verdiğim Freelancer Hizmetler</h3>
</div>
<div class="container">
<div class="content">
<div class="icon">
<i class="fa-solid fa-wand-magic-sparkles"></i>
</div>
<div class="sub-content">
<h4>Grafik Tasarım</h4>
<p>
Freelancer bir şekilde çalışarak dijital alanda grafik tasarım sektöründe verdiğim hizmette benden gördüğünüz ilgi en üst düzeydedir. İhtiyacınız doğrultusunda uygun ve yüksek kalitede sosyal medya gönderisi için her zaman benimle birebir çalışabilirsiniz. Üstelik istediğiniz saatte benimle ücretsiz bir şekilde iletişime geçebilir ve alacağınız bu hizmet ile ilgili benden detaylı bilgi alabilirsiniz. Bu sayede aklınıza takılan soruları sorabilirsiniz ve o konu hakkında bilgi sahibi olabilirsiniz. Bunun dışında benden hizmet almayı düşünmüyor ve daha çok sektör hakkında bilgi edinmeyi istiyor olabilirsiniz. Bu nedenle web sitemdeki yazılarım bölümünü inceleyebilirsiniz. Siz de freelancer olarak çalışmaya adım atın!
</p>
</div>
</div>
<div class="content">
<div class="icon">
<i class="fa-solid fa-pencil"></i>
</div>
<div class="sub-content">
<h4>İçerik Editörlüğü</h4>
<p>
Arama motorlarında web sitenizin daha üst sıralarda çıkmasını istiyorsanız ve bunun da özellikle uygun bir ücretle olmasını istiyorsanız benimle çalışabilirsiniz. Öncelikle web sitenizi analiz eder, rakiplerinizi inceler ve buna göre bir içerik stratejisi oluştururum. Sonrasında haftalık ve aylık raporlar hazırlayıp sizin anlayacağınız bir şekilde sunum yaparım. Bu şekilde web sitenizin ne durumda olduğuyla ilgili detaylı olarak bilgilenirsiniz. Yalnız, unutmamanız gereken bir nokta; "web siteniz 1 ayda 1. sırada ye alır!" reklamlarına itibar etmemelisiniz veya bu tarz reklamlardan etkilendikten sonra alacağınız etkiyi hemen beklememelisiniz. Yazdığım içeriklere göz atmayı düşünürseniz yazılarım bölümünü inceleyebilirsiniz.
</p>
</div>
</div>
<div class="content">
<div class="icon">
<i class="fa-solid fa-laptop-code"></i>
</div>
<div class="sub-content">
<h4>Web Sitesi Kurulumu, Yönetimi</h4>
<p>
Kurumsal firmanıza uygun web sitesi temasını sizler için seçip 1 hafta sonunda yayınlayabilirim. Ayrıca yayınladıktan sonra 2 ay boyunca ücretsiz bir şekilde web sitenizi yönetebilirim. İstediğiniz zaman web sitenize istediğiniz şekilde bilgileri ekleyip çıkarabilirim. Üstelik bunlarla kalmayıp dönemsel olarak arama motoru optimizasyonu hakkında normalden daha uygun bir fiyata onayınız doğrultusunda hizmet vermeye başlayabilirim. Yalnız belirtmek isterim ki; seo konusunda biraz sabırlı olmak gerekecektir. Bu hizmetimden faydalanmayı istiyorsanız şuan benimle iletişe geçebilirsiniz!
</p>
</div>
</div>
<div class="content">
<div class="icon">
<i class="fa-solid fa-store"></i>
</div>
<div class="sub-content">
<h4>Sosyal Medya Pazarlama</h4>
<p>
Hedef kitlenizin ve sizlerin beğeneceği sosyal medyanıza ait hazırlayacağım tasarımların gönderileri için güçlü ve kaliteli içerikler oluşturabilirim. Firmanızı sektörünüzde ileriye taşımak amacı doğrultusunda çalışabilirim. İçeriklerin altına yazacağım etiketler (#) ile sayfanızın ziyaretçi sayısını arttırarak doğru hedef kitleye kolaylıkla ulaşmanızı sağlayabilirim. Dijital reklamları doğru kullanıcıya ulaştırarak müşteri kazanmanıza katkım olabilir. Neler yaptığımla ilgili örnekler görmek ve değerlendirmek istiyorsanız web sitemde yer alan çalışmalarım ile ilgili bağlantıları ziyaret edebilirsiniz!
</p>
</div>
</div>
</div>
</div>
<!-- Services Area End -->
<!-- Comments Area Start -->
<div class="comments">
<div class="title">
<h3>Hakkımdaki Değerli Yorumlar</h3>
</div>
<!-- Comment's Content Start -->
<div class="content">
<div class="comment">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error sunt non repellendus iure exercitationem delectus, tenetur ullam eligendi ratione minima, similique, nulla laborum iusto. Natus optio, officia laudantium itaque sunt quaerat cupiditate magnam! Nihil sunt earum dolor accusamus, laboriosam voluptas! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates tenetur voluptatem laudantium ipsa. Ad, consequatur. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi recusandae fugit dolores quae perferendis cumque?
</p>
</div>
<!-- Avatar's Knowledge Start -->
<div class="info">
<div class="avatar">
<img src="img/avatar-1.png" alt="avatar">
</div>
<div class="who">
<span>İsim Soyisim</span>
<span>Ünvan: Lorem, ipsum dolor.</span>
</div>
</div>
<!-- Avatar's Knowledge Start -->
<!-- Comment's Content End -->
</div>
</div>
<!-- Comments Area End -->
<!-- References Area Start -->
<div class="references">
<div class="title">
<h3>Referanslarım</h3>
</div>
<div class="slider">
<div class="img">
<a href="#">
<img src="img/references/3_kastem.png" alt="">
</a>
<a href="#">
<img src="img/references/2_mays.png" alt="">
</a>
<a href="#">
<img src="img/references/4_fizyo.png" alt="">
</a>
<a href="#">
<img src="img/references/5_ahenk.png" alt="">
</a>
<a href="#">
<img src="img/references/6_snowtime.png" alt="">
</a>
<a href="#">
<img src="img/references/7_gencolsun.png" alt="">
</a>
<a href="#">
<img src="img/references/8_Zafer.png" alt="">
</a>
<a href="#">
<img src="img/references/9_Kasgeg.png" alt="">
</a>
</div>
</div>
<div class="buttons">
<div class="left">
<a href="#">
<i class="fa-solid fa-angle-left"></i>
</a>
</div>
<div class="right">
<a href="#">
<i class="fa-solid fa-angle-right"></i>
</a>
</div>
</div>
</div>
<!-- References Area End -->
</main>
<!-- Page's Container End -->
</body>
<!-- Script's Folder -->
<script src="js/app.js"></script>
</html>