-
Notifications
You must be signed in to change notification settings - Fork 0
/
resume.html
294 lines (289 loc) · 17.6 KB
/
resume.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
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fırat Akkuş| Frontend Developer and Software Engineer</title>
<link rel="icon" href="imgs/Linkedin.jpeg">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Caveat:wght@400..700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body class="resume">
<header>
<div class="content-wrapper">
<h1>Fırat Akkuş</h1>
<h2>React Frontend Developer and Software Engineer</h2>
</div>
</header>
<main class="content-wrapper">
<section class="resume-section">
<h2>Profile</h2>
<p>I'm Fırat Akkuş, a recent Sociology graduate from Bogazici University. My background in sociology gives me a unique perspective in software development, allowing me to better understand human behavior and societal dynamics. This insight helps me create user-centered applications that effectively address societal needs.I specialize in front-end development with skills in HTML5, CSS3, JavaScript, Bootstrap, and React, focusing on creating responsive and user-friendly interfaces.I've completed courses in front-end development and HTML essentials. I'm fluent in English, with strong logical thinking, communication, and teamwork skills.</p>
<a href="index.html">Back to homepage</a>
</section>
<section class="resume-section">
<h2>Projects</h2>
<p>View selected projects below. More information can be found at <a
href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/">Fırat Akkuş.com</a>.</p>
<div class="project-wrapper">
<section class="project-item">
<div class="img-container">
<img src="imgs/transfer.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Transfer Cebinde</h3>
<p> A responsive website to help choose the right decor for the home. This website was built
using HTML, CSS3, Boostrap and JavaScript.</p>
<a class="btn" href="https://transfer-cebinde.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks/9-Boostrap-Transfer-Cebinde.git" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/tur.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Tour Site</h3>
<p>TurSitesi is a web application designed for travelers and vacation enthusiasts.
HTML5: HTML5 is used for the structure of the page.
CSS3: Custom designs are created with CSS3 for the user interface and styling. Thanks to the responsive design, it provides a compatible view on different devices.</p>
<a class="btn" href="https://tursitesi.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/film.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Film Series Film</h3>
<p>Bu proje, kullanıcıların çeşitli filmleri keşfetmelerine olanak tanıyan modern bir film izleme sitesidir. Sitemiz, kullanıcı dostu bir arayüze sahip olup, JavaScript ile güçlendirilmiştir. 🎉</p>
<a class="btn" href="https://filmdizifilmizle.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/Udemig Build.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Udemig Build</h3>
<p>A landing page built with HTML5, CSS3, offering a modern, responsive design. Key features include HTML5 for structure, CSS3 for animations and slides.</p>
<a class="btn" href="https://udemig-build-up.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/Udemig Tour.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Udemig Tour</h3>
<p>A landing page for tour guide built with HTML5, CSS3, offering a modern, responsive
design.
Key features include HTML5 for structure, CSS3 for animations.</p>
<a class="btn" href="https://udemigtour.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/Gega Series.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Gega</h3>
<p>A film and series page built with HTML5, CSS3, offering a modern, responsive design. Key features
include HTML5 for structure, CSS3 for animations.</p>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/sanat.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Sanatsal Kamp</h3>
<p> Take a look at the mesmerizing examples of Ebru art! Each piece is inspired by the beauty of nature! Built
using HTML, CSS, and JavaScript.</p>
<a class="btn" href="https://sanatsalkamp.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/webs.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Udemig Software</h3>
<p>A personal portfolio template featuring sections for blogs, a gallery, services, and skills.
Designed to showcase web development expertise with a clean and modern layout.</p>
<a class="btn" href="https://a7med-nasr.github.io/shinoo-template/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/design.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Logo Software</h3>
<p>"Udemig Software designs aesthetic and functional websites with a focus on user experience. We provide tailored web solutions for your business with a professional team equipped with modern techniques. The site utilizes
HTML, CSS.</p>
<a class="btn" href="https://websitesineihtiyacinmivar.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/sas.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>SASS</h3>
<p> The use of SASS allowed me to maintain a clean and organized code structure, making it easier to manage the styles.
With SASS, I implemented variables to create a cohesive color scheme throughout the site.
</p>
<a class="btn" href="https://scss-sass.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/amazon.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Amazon Clone</h3>
<p>The Amazon clone is a robust e-commerce platform that mirrors the features and functionality of the original Amazon site.
It offers users a seamless shopping experience.
include HTML5 for structure, CSS3 for animations.</p>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
<section class="project-item">
<div class="img-container">
<img src="imgs/starbucks.png" alt="project thumbnails">
</div>
<div class="project-details">
<h3>Starbuck Clone</h3>
<p>The Starbucks clone replicates the popular coffee shop's digital experience, allowing users to browse the menu for their favorite beverages online.
With a user-friendly interface and options,
include HTML5 for structure, CSS3 for animations.</p>
<a class="btn" href="https://buckstareclonewthjs.netlify.app/" target="_blank">View</a>
<a class="btn" href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/"
target="_blank">LinkedIn</a>
<a class="btn" href="https://github.com/Fiartaks" target="_blank">Github</a>
</div>
</section>
</div>
</section>
<section class="resume-section">
<h2>Work Experience</h2>
<p>My complete work history is available on <a
href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/">LinkedIn</a>.</p>
<section class="work-item">
<div class="work-details">
<h3>Frontend Web Developer</h3>
<p>Self-employed</p>
<p>September 20, 2024 - Present</p>
</div>
<div class="work-summary">
<p>"Front-end web developer and freelancer specializing in creating responsive and visually
appealing websites using HTML, CSS, and JavaScript. I offer customized solutions that meet
clients' needs and provide an excellent user experience."</p>
</div>
</section>
</section>
<section class="resume-section">
<h2>Education</h2>
<section class="edu-item">
<h3> Sociology & Bogazici University</h3>
<p>Bachelor of Sociology, 2016-2020</p>
<p>Overall Grade: Very Good</p>
</section>
</section>
<section class="resume-section">
<h2>Courses & Trainings</h2>
<p>My complete Courses & Training are available on <a
href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/">LinkedIn</a>.</p>
<section class="work-item">
<div class="work-details">
<h3>CSS Essential Training:</h3>
<p>LinkedIn Learning</p>
<p>August 2024 :present</p>
</div>
<div class="work-summary">
<p>"The course equipped participants with essential skills in CSS, including styling, layout, and
responsive design techniques. It enhanced their ability to create visually appealing and
user-friendly web pages, crucial for modern web development."</p>
</div>
</section>
<section class="work-item">
<div class="work-details">
<h3>HTML Essential Training:</h3>
<p>LinkedIn Learning</p>
<p>August 2024</p>
</div>
<div class="work-summary">
<p>"The course provided a solid foundation in HTML, covering essential tags, images, links, text
formatting, tables, and forms. This training enhanced the skills necessary for creating and
structuring web pages, preparing for real-world web development projects."</p>
</div>
</section>
<section class="work-item">
<div class="work-details">
<h3>Front-end Web Development:</h3>
<p>Udemig Academy</p>
<p>September 2024</p>
</div>
<div class="work-summary">
<p>"HTML5, CSS3, Bootstrap, JavaScript, React, Typescript, Redux"</p>
</div>
</section>
</section>
</main>
<footer>
<p>© 2024 by Fırat Akkuş | <a href="fiartaks@gmail.com">fiartaks@gmail.com</a></p>
<ul class="socials">
<li>
<a href="https://www.linkedin.com/in/f%C4%B1rat-akku%C5%9F-03b134325/" target="_blank"><img
src="imgs/4202085_linkedin_logo_social_social%20media_icon.png" alt="linkedin"></a>
</li>
<li></li>
<a href="https://medium.com/@fiartaks" target="_blank"><img
src="imgs/medium-logo.png" alt="medium logo"></a>
</li>
<li>
<a href="https://github.com/Fiartaks" target="_blank"><img
src="imgs/1298743_github_git_logo_social_icon.png" alt="github image"></a>
</li>
</ul>
</footer>
</body>
</html>