-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
288 lines (264 loc) · 14.9 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZSNX9MNLCB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-ZSNX9MNLCB');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portfolio | Axbecher</title>
<link rel="shortcut icon" href="iconita.ico" type="image/x-icon">
<link rel="icon" href="iconita.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/portfolio.css">
<link rel="stylesheet" href="./css/reponsive.css">
<meta property="og:image" content="https://raw.githubusercontent.com/axbecher/axbecher.github.io/main/images/portfolio/websitePreview.png">
<meta name="author" content="Alexandru Becher">
<meta property="og:type" content="website">
<meta property="og:description" content="What other projects did he get involved in, who was his teammates and why did they not continue together?">
<meta property="og:title" content="Alexandru Becher, Axbecher aka Axell">
<meta name="title" content="Axbecher | Personal Website | Portofolio Page | Projects Page| UX/UI Design | Axbecher Headquarter | Alexandru Becher">
<meta name="description" content="My personal website, Alexandru Becher, Axbecher, is used by me to be able to have an easier interaction with potential clients / employers, so they can see here my projects, my skills, but also where they can contact me. Becher Alexandru
This page is dedicated to my projects, practically my personal portfolio, Axbecher Portofolio.
Here you can find niche projects such as those in Game Development, Feline Runner, RGDA.
You can find projects in the UX / UI Design area, such as Viewhere, Skills District and UX made in Figma for my personal website.
I also created an ecommerce website within a project for the Faculty, West University Of Timisoara.">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
</head>
<body>
<div id="mobile-menu-open" class="shadow-large">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!-- End #mobile-menu-toggle -->
<header>
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu" class="shadow">
<li><a class="tshadow_after" href="./index.html">H O M E</a></li>
<li><a class="tshadow_after" href="./portfolio.html">P O R T O F O L I O</a></li>
<li><a class="tshadow_after" href="./skills.html">S K I L L S</a></li>
<li><a class="tshadow_after" href="./contact.html">C O N T A C T</a></li>
</ul>
</header>
<!-- End header -->
<section>
<div class="left shadow_more">
<div class="main">
<img src="images/logo/pngBusiness.png"
alt="Alexandru Becher Image" class="shadow zoom">
<h1><a href="./" class="tshadow_after"><span>Alexandru</span> BECHER</a></h1>
<span class="chip shadow">Entry Level Game Developer</span>
<p class="social">
<a href="https://www.facebook.com/axbecher/" target="_blank" class="tshadow_after">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/axbecher" target="_blank" class="tshadow_after">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/axbecher/" target="_blank" class="tshadow_after">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com/in/becheralexandru/" target="_blank" class="tshadow_after">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="https://www.youtube.com/channel/UCCESDSyqY9_TV_V5rNzE1JQ" target="_blank" class="tshadow_after">
<i class="fa fa-youtube" aria-hidden="true"></i>
</a>
</p>
</div>
<div class="add">
<p class="shadow_after">
<span><i class="fa fa-calendar" aria-hidden="true"></i></span>
January 9, 1999
</p>
<p class="shadow_after">
<span><i class="fa fa-map-marker" aria-hidden="true"></i></span>
Romania
</p>
</div>
<div class="cta">
<a href="./contact.html" class="shadow"><span class="iconify" data-icon="simple-icons:gmail" data-inline="false"></span> CONTACT ME</a>
</div>
</div>
<div class="gap"></div>
<div class="right shadow_more">
<div class="desc">
<p>
<div class="title">
<h2>My Portfolio</h2>
</div>
<div class="ToC_Content">
<div id="toc_container">
<h3><p class="toc_title">What you will find out in this page</p></h3>
<ul class="toc_list">
<li><b><a class="tshadow_after_2" href="#UX/UI_Projects">> 1 UX/UI Projects ( in progress )</a></b></li>
<b>
<ul id="toc_list_2">
<li id="test"><a class="tshadow_after_2" href="#UX/UI_Projects">> 1.1 Dev Axbecher Website</a></li>
<li><a class="tshadow_after_2" href="#UX/UI_Projects">> 1.2 Dev Feline Run</a></li>
<li><a class="tshadow_after_2" href="#UX/UI_Projects">> 1.3 Dev Skills District</a></li>
</ul>
</b>
<li><b><a class="tshadow_after_2" href="#Volunteer_Projects">> 2 Volunteer Projects</a></b></li>
<b>
<ul id="toc_list_2">
<li><a class="tshadow_after_2" href="#Volunteer_Projects">> 2.1 Viewhere</a></li>
<li><a class="tshadow_after_2" href="#Volunteer_Projects">> 2.2 Skills District</a></li>
</ul>
</b>
<li><b><a class="tshadow_after_2" href="#College_Projects">> 3 College Projects</a></b></li>
<b>
<ul id="toc_list_2">
<li><a class="tshadow_after_2" href="#College_Projects">> 3.1 eCommerce Website - Axell's Hub</a></li>
</ul>
</b>
<li><b><a class="tshadow_after_2" href="#Game_Jams">> 4 Game Jams</a></b></li>
<b>
<ul id="toc_list_2">
<li><a class="tshadow_after_2" href="#Game_Jams">> 4.1 Feline Run</a></li>
</ul>
</b>
</ul>
</div>
</div>
</p>
<div id="UX/UI_Projects" class="detail">
<div class="detail-t">
<h3>UX/UI Projects</h3>
<b><p class="details-d">The new ideas are tested and implemented first in UX/UI, then concretely on the website.</b></p>
</div>
<div class="details">
<!-- -->
<div class="details-p portfolio shadow no-zoom">
<div class="image-b">
<img src="./images/portfolio/notYet.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://github.com/axbecher/axbecher.github.io/issues" target="_blank">Issues in Github</a>
</div>
</div>
<h4><p class="details-t">Axbecher Website Project ( not yet )</p></h4>
<p class="details-d">Are you curious about the new features that will appear on the website? <b><a class="tshadow_after_2" href="https://github.com/axbecher/axbecher.github.io/issues" target="_blank">Take a look,</a></b> but don't share.</p>
</div>
<!-- -->
<!-- -->
<div class="details-p portfolio shadow no-zoom">
<div class="image-b">
<img src="./images/portfolio/FelineRun.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://www.figma.com/file/FkuEHmtYnqhgkClGInP7X2/Feline-Run?node-id=0%3A1" target="_blank">Figma Project Live Review</a>
</div>
</div>
<h4><p class="details-t">Feline Run Project</p></h4>
<p class="details-d">Did this project catch your eye? <b><a class="tshadow_after_2" href="https://www.figma.com/file/FkuEHmtYnqhgkClGInP7X2/Feline-Run?node-id=0%3A1" target="_blank">See the project in Figma.</a></b></p>
</div>
<!-- -->
<!-- -->
<div class="details-p portfolio shadow no-zoom">
<div class="image-b">
<img src="./images/portfolio/skillsDistrict.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://www.figma.com/file/DTzQOiR3ksta2wkX620AJk/DevelopmentSkillsDistrict?node-id=0%3A1" target="_blank">Figma Project Live Review</a>
</div>
</div>
<h4><p class="details-t">Skills District Project</p></h4>
<p class="details-d">Have you thought about the brothel? Well no, <b><a class="tshadow_after_2" href="https://www.figma.com/file/DTzQOiR3ksta2wkX620AJk/DevelopmentSkillsDistrict?node-id=0%3A1" target="_blank">take a look.</a></b></p>
</div>
<!-- -->
</div>
</div>
<div id="Volunteer_Projects" class="detail">
<div class="detail-t">
<h3>Volunteer Projects</h3>
</div>
<div class="details">
<!-- -->
<div class="details-p portfolio shadow zoom">
<div class="image-b">
<img src="./images/portfolio/viewhere.png" alt="Viewhere" loading="lazy" loading="lazy">
<div class="image-o">
<a href="https://v1ewhere.wixsite.com/home" target="_blank">Live Review</a>
</div>
</div>
<h4><p class="details-t">Viewhere - <a class="tshadow_after_2" href="https://leaders.ro/online/explore/" target="_blank">LEADERS Explore</a></p></h4>
<p class="details-d">The platform through which you can <b>find the events</b> that interest you.</p>
</div>
<!-- -->
<div class="details-p portfolio shadow zoom">
<div class="image-b">
<img src="./images/portfolio/skillsDistrict.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://skillsdistrict.wixsite.com/landing" target="_blank">Live Review</a>
</div>
</div>
<h4><p class="details-t">Skills District - <a class="tshadow_after_2" href="https://fb.me/e/1LFNb5yav" target="_blank">Brighthub</a></p></h4>
<p class="details-d">The platform through which you <b>instantly find someone</b> eager to help you learn.</p>
</div>
<!-- -->
</div>
</div>
<div id="College_Projects" class="detail">
<div class="detail-t">
<h3>College Projects</h3>
</div>
<div class="details">
<!-- -->
<div class="details-p portfolio shadow zoom">
<div class="image-b">
<img src="./images/portfolio/axellsHub.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://axbecher.github.io/ECommerceSite/" target="_blank">Live Review</a>
</div>
</div>
<h4><p class="details-t">eCommerce Website - Axell's Hub</p></h4>
<p class="details-d">Did you finish that game hard but feel like <b>you want another challenge?</b></p>
</div>
<!-- -->
</div>
</div>
<div id="Game_Jams" class="detail">
<div class="detail-t">
<h3>Game Jams</h3>
</div>
<div class="details">
<!-- -->
<div class="details-p portfolio shadow zoom">
<div class="image-b">
<img src="./images/portfolio/FelineRun.png" alt="Axell Pro Theme" loading="lazy">
<div class="image-o">
<a href="https://youtu.be/p1lSmP3_-Vs" target="_blank">Live Review</a>
</div>
</div>
<h4><p class="details-t">Feline Run - <a class="tshadow_after" href="http://rgda.ro/hyper-casual-jam-2021/" target="_blank">HYPERCASUAL GAME JAM</a></p></h4>
<p class="details-d"><b>Hyper.Play</b> is the first game jam for hyper casual games ever organized in <b>Romania</b>.</p>
</div>
<!-- -->
</div>
</div>
<footer>
<div class="links">
<a class="a" href="./index.html"><i class="fa fa-chevron-left" aria-hidden="true"></i> Home</a>
<a class="b" href="./skills.html">Skills <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
</div>
<p class="credit">
© 2021 | Build by <a href="https://github.com/Axbecher">Alexandru Becher</a>
with <i class="fa fa-coffee" aria-hidden="true" style="color:#795548;"></i>
</p>
<div id="cookieConsent">
<div id="closeCookieConsent">x</div>
<div id="mesaj_news"> Text to appear when someone load the page. </div> <a class="cookieConsentOK">That's Fine</a>
</div>
</footer>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>