-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
155 lines (148 loc) · 5.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="src/style.css" />
<title>Furkan Demir</title>
<meta name="description" content="Furkan Demir's personal website." />
<meta name="author" content="Furkan Demir" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://fdemir.dev/" />
<meta property="og:title" content="Furkan Demir" />
<meta
property="og:description"
content="Furkan Demir's personal website."
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:url" content="https://fdemir.dev/" />
<meta property="twitter:title" content="Furkan Demir" />
<meta
property="twitter:description"
content="Furkan Demir's personal website."
/>
</head>
<body>
<div class="min-h-screen p-8 font-mono text-green-400 bg-black">
<div class="max-w-3xl mx-auto">
<header class="mb-8">
<h1 class="text-2xl font-bold">Furkan Demir</h1>
</header>
<div class="flex flex-col gap-4">
<details open>
<summary
class="flex flex-col text-green-400 cursor-pointer hover:text-green-300 focus:outline-none"
>
<h2 class="ml-1 text-lg font-bold">DESCRIPTION</h2>
</summary>
<div class="mt-2 ml-6">
I define myself as a Product Engineer. My goal is to create
products that are not only technically sound but also meet user
needs effectively. I love disruptive innovations that shape the
market, habits and experience.
</div>
</details>
<details open>
<summary
class="flex flex-col text-green-400 cursor-pointer hover:text-green-300 focus:outline-none"
>
<h2 class="ml-1 text-lg font-bold">WORK EXPERIENCE</h2>
</summary>
<div class="mt-2 ml-6">
<ul class="flex flex-col gap-6">
<li>
<div class="flex items-baseline justify-between">
<h3 class="font-bold">Software Engineer @ Token Suite</h3>
<span class="text-sm">2024 - Present</span>
</div>
<p class="mt-1">Building decentralized products.</p>
</li>
<li>
<a
class="flex items-baseline justify-between"
href="https://getir.com"
target="_blank"
>
<h3 class="font-bold">Software Engineer @ Getir</h3>
<span class="text-sm">2022 - 2024</span>
</a>
<p class="mt-1">
Contributed to the Getir Locals product, led the deployment
efforts of the web client.
</p>
</li>
<li>
<div class="flex items-baseline justify-between">
<h3 class="font-bold">Software Engineer @ Kiwi Mobility</h3>
<span class="text-sm">2020 - 2022</span>
</div>
<p class="mt-1">
Created back-office management web application which is used
by the company's operation team to manage and track vehicles
around the world.
</p>
</li>
<li>
<a
class="flex items-baseline justify-between"
href="https://otokirala.com"
target="_blank"
>
<h3 class="font-bold">Frontend Developer @ Otokirala</h3>
<span class="text-sm">2019 - 2020</span>
</a>
<p class="mt-1">
Built the SEO-friendly, server-side rendered web
application. The application allows users to rent a car.
</p>
</li>
</ul>
</div>
</details>
<details open>
<summary
class="flex flex-col text-green-400 cursor-pointer hover:text-green-300 focus:outline-none"
>
<h2 class="ml-1 text-lg font-bold">WORK EXPERIENCE</h2>
</summary>
<div class="mt-2 ml-6">
<ul class="flex flex-col gap-6">
<li>
<a
class="flex items-baseline justify-between"
href="https://www.watchandchill.in"
target="_blank"
>
<h3 class="font-bold">Watch And Chill</h3>
<span class="text-sm">2023</span>
</a>
<p class="mt-1">Allow people to create shared watchlists.</p>
</li>
</ul>
</div>
</details>
<details open>
<summary
class="flex flex-col text-green-400 cursor-pointer hover:text-green-300 focus:outline-none"
>
<h2 class="ml-1 text-lg font-bold">CONNECT</h2>
</summary>
<div class="mt-2 ml-6">
<ul class="flex gap-2">
<li>
<a href="https://www.linkedin.com/in/furkandem/">LinkedIn</a>
</li>
<li><a href="https://github.com/fdemir">Github</a></li>
<li><a href="https://twitter.com/furkaneulogy">Twitter</a></li>
<li><a href="mailto:[email protected]">Mail</a></li>
</ul>
</div>
</details>
</div>
</div>
</div>
</body>
</html>