-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
296 lines (276 loc) · 14.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="My Developer Porfolio Page.">
<meta name="author" content="Devcrud">
<title>Adem Ayar Developer</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Meyawo main styles -->
<link rel="stylesheet" href="assets/css/meyawo.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- Page Navbar -->
<nav class="custom-navbar" data-spy="affix" data-offset-top="20">
<div class="container">
<a class="logo" href="#"> </a>
<ul class="nav">
<li class="item">
<a href="index.html" class="link" href="#home">Anasayfa</a>
</li>
<li class="item">
<a class="link" href="#about">Hakkımda</a>
</li>
<li class="item">
<a class="link" href="#portfolio">Portföy</a>
</li>
<li class="item">
<a class="link" href="#contact">İletişim</a>
</li>
</ul>
<a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</a>
</div>
</nav><!-- End of Page Navbar -->
<!-- page header -->
<header id="home" class="header">
<div class="overlay"></div>
<div class="header-content container">
<h1 class="header-title">
<span class="up">Herkese Merhaba!👋</span>
<span class="down">Ben Adem</span>
</h1>
<p class="header-subtitle">Jr. Android Developer
</p>
<button class="btn btn-primary" id="scrollPortfolio">Projelere Gözat</button>
</div>
</header><!-- end of page header -->
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-img-holder">
<div data-aos="zoom-out">
<img src="assets/imgs/man.png" class="about-img">
</div>
</div>
<div class="about-caption">
<p class="section-subtitle">Ben Kimim ?</p>
<h2 class="section-title mb-3">Hakkımda</h2>
<p>
26 yaşındayım, Üniversiteden 2022 yılında Elektrik - Elektronik Mühendisliği bölümünden mezun
oldum. 1 yıldır Android Application Developer
alanında kendimi geliştiriyorum.
<br>
Aşağıda kendimi geliştirmek için yaptığım projeleri ve projelerde kullandığım teknolojileri ,
eğer open source olarak geliştirdiysem kaynak kodlarını görebilirsiniz.
</p>
<a href="assets/cv/AdemAyarCV.pdf" download="AdemAyarCV.pdf">
<button class="btn btn-outline-primary">CV İndir</button>
</a>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<!-- portfolio section -->
<section class="section" id="portfolio">
<div class="container text-center">
<p class="section-subtitle">Neler Yaptım ?</p>
<h6 class="section-title mb-6">Portföy</h6>
<!-- row -->
<div class="row">
<div class="col-md-4">
<a href="noteskmm.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-0.jpg" class="portfolio-card-img">,
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Notlar uygulaması</h4>
<p class="font-weight-normal">Kotlin Multi Platform kullarak Hem Android Hem iOS
cihazlara Kotlin ile geliştirilmiş Notlar uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="settowally.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-1.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Settowally</h4>
<p class="font-weight-normal">Ücretsiz yüksek çözünürlüklü duvar kağıtları
indirebilceğiniz duvar kağıdı uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="passwordgenerator.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-2.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Şifre Oluşturucu</h4>
<p class="font-weight-normal">Kırılması zor güçlü şifreler yaratabiliceğiniz şifre
oluşturucu uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="foodrecipes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-3.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Food Recipes(Yemek Tarifleri)</h4>
<p class="font-weight-normal">Yemek tariflerini, kullanılan malzemeleri ve pişirme
tarifini görebilecegiz, farklı diyet tiplerine uygun tarifler bulabileceginiz
bir uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="valorguide.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-4.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Valorguide & Stats</h4>
<p class="font-weight-normal">Valorant oyunu hakkında bilgi edinebilir , daha önce
oynadıysanız oyundaki istatistikleriz görebiliceğiniz oyun bir rehberidir</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="earthquakes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-5.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Son Depremler</h4>
<p class="font-weight-normal">Son Depremler uygulaması ile Türkiye içerisinde olan
son 100 depremi görebilir, depremlerin merkez üssüne haritadan bakabilir,
Türkiye' nin deprem riski haritasına görebiliceğiniz bir uygulamadır.</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="calorietracker.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/CalorieTrackerMockup.png" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>CaloryTracker</h4>
<p class="font-weight-normal">Günlük kalori alma miktarınızi takip uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="aquatick.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/aquatick_mockup.svg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Aquatick</h4>
<p class="font-weight-normal">Günlük sıvı alımını hesaplama ve takip etme</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="crypto.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/crypto_screenshot_multi.png" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Crypto Tracker</h4>
<p class="font-weight-normal">Crypto para türlerini ve detayları</p>
</span>
</span>
</a>
</div>
</div><!-- end of row -->
</div><!-- end of container -->
</section> <!-- end of portfolio section -->
<!-- section -->
<section class="section-sm bg-primary">
<!-- container -->
<div class="container text-center text-sm-left">
<!-- row -->
<div class="row align-items-center">
<div class="col-sm offset-md-1 mb-4 mb-md-0">
<h6 class="title text-light">Benimle çalışmak ister misiniz?</h6>
<p class="m-0 text-light">Benimle İletişim kurmak için çekinmeyin.</p>
</div>
<div class="col-sm offset-sm-2 offset-md-3">
<button class="btn btn-lg my-font btn-light rounded" onclick="openLinkedIn()">LinkedIn</button>
</div>
</div> <!-- end of row -->
</div> <!-- end of container -->
</section> <!-- end of section -->
<!-- contact section -->
<section class="section" id="contact">
<div class="container text-center">
<p class="section-subtitle">Benimle nasıl iletişim kurabilirsiniz?</p>
<h6 class="section-title mb-5">Hemen burada</h6>
<!-- contact form -->
<form action="" class="contact-form col-md-10 col-lg-8 m-auto">
<div class="form-row">
<div class="form-group col-sm-12 mt-3">
<button class="btn btn-outline-primary" id="emailButton">Mail Gönder</button>
</div>
</div>
</form><!-- end of contact form -->
</div><!-- end of container -->
</section><!-- end of contact section -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Meyawo js -->
<script src="assets/js/meyawo.js"></script>
<script>
// Get the button element by its ID
const emailButton = document.getElementById('emailButton');
// Add a click event listener to the button
emailButton.addEventListener('click', function () {
// Change '[email protected]' to the desired email address
var emailAddress = '[email protected]';
var subject = 'Subject of the email'; // Optional: Change to desired subject
// Construct the mailto URL with the email address and subject
var mailtoLink = 'mailto:' + encodeURIComponent(emailAddress) + '?subject=' + encodeURIComponent(subject);
// Open the mail client in a new tab
window.open(mailtoLink, '_blank');
});
</script>
<script>
function openLinkedIn() {
// Replace 'your-linkedin-url' with the actual LinkedIn profile URL you want to open
var linkedinURL = 'https://www.linkedin.com/in/ademayar94/';
// Open the LinkedIn profile URL in a new tab/window
window.open(linkedinURL);
}
</script>
<script>
// Get the button element
const scrollButton = document.getElementById('scrollPortfolio');
// Get the portfolio section element
const portfolioSection = document.getElementById('portfolio');
// Add click event listener to the button
scrollButton.addEventListener('click', () => {
// Scroll to the portfolio section smoothly
portfolioSection.scrollIntoView({ behavior: 'smooth' });
});
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>