-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (233 loc) · 12 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
<!DOCTYPE html>
<html lang="de">
<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">
<meta name="description" content="Blog, Portfolio, Web-App...You need it, i`ll make it.">
<meta name="robots" content="all, max-snippet:100, max-image-preview:standard">
<!-- <link rel="stylesheet" href="./sources/styles/root.min.css">
<link rel="stylesheet" href="./sources/styles/animations/headline_scroll_in.min.css">
<link rel="stylesheet" href="./sources/styles/768_below.min.css">
<link rel="stylesheet" href="./sources/styles/769_992.min.css">
<link rel="stylesheet" href="./sources/styles/993_1200.min.css">
<link rel="stylesheet" href="./sources/styles/1200_1400.min.css">
<link rel="stylesheet" href="./sources/styles/1400_above.min.css"> -->
<link rel="stylesheet" href="./sources/styles/root.css">
<link rel="stylesheet" href="./sources/styles/animations/headline_scroll_in.css">
<link rel="stylesheet" href="./sources/styles/768_below.css">
<link rel="stylesheet" href="./sources/styles/769_992.css">
<link rel="stylesheet" href="./sources/styles/993_1200.css">
<link rel="stylesheet" href="./sources/styles/1200_1400.css">
<link rel="stylesheet" href="./sources/styles/1400_above.css">
<title>Website creation | Dev Kamedin</title>
</head>
<body>
<header>
<div class="header-body rel">
<!-- EVERYTHING REGARDING THE HEADLINES AT THE TOP-----------------START -->
<div id="hl-con" class="hl-con abs flex f-center">
<div class="hl-prim-rows f-start">
<h1 class="hl-texts hl-normal-texts">LET` S BUILD</h1>
</div>
<div class="hl-prim-rows f-start">
<h1 class="hl-texts hl-normal-texts">YOUR</h1>
</div>
<div class="hl-prim-rows sec-row-con">
<div class="hl-sec-rows scroll-in-anim f-start">
<h1 id="blog-text" class="hl-texts hl-blue-texts">BLOG</h1>
</div>
<div class="hl-sec-rows scroll-in-anim f-start">
<h1 id="portfolio-text" class="hl-texts hl-blue-texts">PORTFOLIO</h1>
</div>
<div class="hl-sec-rows scroll-in-anim f-start">
<h1 id="website-text" class="hl-texts hl-blue-texts">WEBSITE</h1>
</div>
</div>
</div>
<!-- EVERYTHING REGARDING THE HEADLINES AT THE TOP-----------------END -->
<a href="http://www.kamed.in" id="header-img-con" class="header-img-con-big abs">
<div class="img-me-con rel">
<svg class="abs svg-text-cons empty-svg-text">
<text x="0" y="100%" class="svg-texts-big">KAMEDIN</text>
</svg>
<img src="./sources/images/myself_header/me_header_613x857.png" alt="Webdeveloper-Kamedin" class="abs">
<svg class="abs svg-text-cons filled-svg-text">
<text x="0" y="100%" class="svg-texts-big">KAMEDIN</text>
</svg>
</div>
</a>
<nav id="nav-bar" class="nav-bar abs">
<ul>
<li><span class="nav-links">ABOUT ME</span></li>
<li><span class="nav-links">MY WORK</span></li>
<li><span class="nav-links">TECH STACK</span></li>
<li><span class="nav-links">CONTACT</span></li>
</ul>
</nav>
</div>
</header>
<section id="section-about-me" class="subtopic-sections rel">
<div class="box-containers location-box flex">
<div class="info-con flex">
<div class="key-value-con flex">
<div class="key-con">
<p>Name</p><p>:</p>
</div>
<div class="value-con">
<p>Kamedin</p>
</div>
</div>
<div class="key-value-con flex">
<div class="key-con">
<p>Occupation</p><p>:</p>
</div>
<div class="value-con">
<p>Frontend Dev</p>
</div>
</div>
<div class="key-value-con flex">
<div class="key-con">
<p>Location</p><p>:</p>
</div>
<div class="value-con">
<p>Germany</p>
</div>
</div>
</div>
<div class="img-con flex rel">
<div class="ping abs"></div>
<img src="./sources/images/section_about_me/richtige_farbe_uicolor_200.png" alt="Map-of-Germany">
</div>
</div>
<div class="box-containers github-box f-center">
<a href="https://github.com/DevKame?tab=repositories" target="_blank" class="github-logo">
</a>
</div>
<div class="box-containers text-box f-center">
<!-- <h3>ABOUT ME</h3> -->
<p>Hello, <span class="hover-accent">i am Kamedin</span> and glad you found your way to my e-Portfolio.</p>
<p>Besides creating wonderful static websites, i unconsciously relished development of <span class="hover-accent">Webapplications</span></p>
<p>So there is more than just <span class="hover-accent">pretty websites</span> i can offer you. With that beeing said:</p>
<p>Stay here, if you are looking for someone who takes your ideas and forges them into your future website</p>
<p>Stay, if you are looking for a <span class="hover-accent">new team member</span> for your dev team</p>
<p>Stay, if you´ d like to work with someone diligent, honest, fair and someone who is a <span class="hover-accent">solution-oriented teamplayer</span>.</p>
<p>Still not convinced?</p>
<p>Check out my <span class="hover-accent">work examples</span> down below and form an opinion for yourself</p>
</div>
</section>
<section id="section-my-work" class="section-my-work subtopic-sections f-start">
<div class="work-menu-con f-center">
<div class="example-buttons money-tracker-button rel">
<img src="./sources/images/GIF_images/example_buttons_gifs/gif_versions/moneytracker_490p.gif" alt="Webapplication-Money-tracker" class="example-buttons-gifs gif-moneytracker abs">
<div class="description-con abs f-center">
<h4>MONEY - TRACKER</h4>
</div>
<div class="ex-btns-ui-con abs">
<a class="link-to-money links-to-examples" href="http://money/kamed.in"></a>
<a class="link-to-money-git links-to-git" href="https://github.com/DevKame/moneytracker"></a>
</div>
</div>
<div class="example-buttons vocab-trainer-button rel">
<img src="./sources/images/GIF_images/example_buttons_gifs/gif_versions/vocabtrainer_480p.gif" alt="Webapplication-Vocab-trainer" class="example-buttons-gifs gif-vocabtrainer abs">
<div class="description-con abs f-center">
<h4>VOCAB - TRAINER</h4>
</div>
<div class="ex-btns-ui-con abs">
<a class="link-to-vocab links-to-examples" href="http://vocabs.kamed.in"></a>
<a class="link-to-vocab-git links-to-git" href="https://github.com/DevKame/vocabs"></a>
</div>
</div>
</div>
<div class="work-description-con rel">
<div class="box-containers description-box f-center">
<h3></h3>
<p></p>
<p></p>
<p></p>
</div>
</div>
</section>
<section id="section-tech-stack" class="section-tech-stack subtopic-sections f-start">
<div class="tech-menu-incoming f-center">
<div class="box-containers incoming-container flex">
<h3><em>" Life is an eternal school "</em></h3>
<p>And thats because despite my skillset i urge to improve myself whenever possible</p>
<p>Those are the future technologies i intend to master for an even bigger skillset:</p>
<div class="logo-holder vue-holder"></div>
<div class="logo-holder angular-holder"></div>
<div class="logo-holder node-holder"></div>
</div>
</div>
<div class="tech-stack-con flex">
<div class="tech-stack-card flex">
<div class="logo-holder html-holder"></div>
<div class="h4-holder">HTML 5</div>
</div>
<div class="tech-stack-card flex">
<div class="h4-holder">CSS 3</div>
<div class="logo-holder css-holder"></div>
</div>
<div class="tech-stack-card flex">
<div class="logo-holder js-holder"></div>
<div class="h4-holder">JavaScript</div>
</div>
<div class="tech-stack-card flex">
<div class="h4-holder">TypeScript</div>
<div class="logo-holder ts-holder"></div>
</div>
<div class="tech-stack-card flex">
<div class="logo-holder jq-holder"></div>
<div class="h4-holder">jQuery</div>
</div>
<div class="tech-stack-card flex">
<div class="h4-holder">Python</div>
<div class="logo-holder python-holder"></div>
</div>
<div class="tech-stack-card flex">
<div class="logo-holder django-holder"></div>
<div class="h4-holder">Django</div>
</div>
<div class="tech-stack-card flex">
<div class="h4-holder"></div>
<div class="logo-holder"></div>
</div>
</div>
</section>
<section id="section-contact" class="section-contact subtopic-sections f-start">
<div id="contact-container" class="contact-container flex">
<div class="sub-contact-container f-center">
<p>Feel free to contact me on the same channel you approached me and where you got the link to my portfolio. <br>Otherwise you can send me an E-Mail at:</p>
</div>
<div class="sub-contact-container f-center">
<p>website@kamed.in</p>
</div>
<div class="sub-contact-container f-center">
<p>Checkout my <em><a href="https://www.get-in-it.de/profil/IKv5bqCHy5Y2NBZIqJox7BOsgMJR1qT4" target="_blank">GET - IN - IT</a></em> profile!!!</p>
</div>
</div>
</section>
<!-- ABSOLUTE ELEMENTS WITHIN BODY TAG ----------------------------------------START -->
<span class="link-info abs"></span>
<nav id="side-bar" class="abs flex">
<div id="back-to-top-button"></div>
<a href="https://www.get-in-it.de/profil/IKv5bqCHy5Y2NBZIqJox7BOsgMJR1qT4" id="getinit-link" class="sidebar-links getinit-sidebar"></a>
<a href="https://github.com/DevKame?tab=repositories" id="github-link" class="sidebar-links github-sidebar"></a>
</nav>
<div id="hamburger-con">
<div id="stripe-con">
<div id="hamburger-middle"></div>
</div>
</div>
<nav id="sec-nav-bar" class="sec-nav-bar abs">
<ul>
<li><span class="nav-links">ABOUT ME</span></li>
<li><span class="nav-links">MY WORK</span></li>
<li><span class="nav-links">TECH STACK</span></li>
<li><span class="nav-links">CONTACT</span></li>
</ul>
</nav>
<!-- ABSOLUTE ELEMENTS WITHIN BODY TAG ----------------------------------------START -->
<script src="./sources/js/main.js" defer></script>
</body>
</html>