forked from AVS1508/My-Alternate-Portfolio-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
301 lines (280 loc) · 12.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
297
298
299
300
301
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2GWPLSTC89"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-2GWPLSTC89');
</script>
<!-- Metadata of the Webpage -->
<!-- Character-set Metadata -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Viewport Metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Description Metadata-->
<meta name="description" content="About Jan Švanda, projects & services. DACH market focus." />
<!-- Author Metadata -->
<meta name="author" content="Jan Švanda" />
<!-- Keyword Metadata -->
<meta name="keywords" content="Jan Švanda, Jan Svanda, Podporuji Česko, Výjezdy haičů aplikace" />
<!-- Webpage Logo -->
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<!-- Webpage Title -->
<title>Jan Švanda Profile</title>
<!-- Import CSS: Main Stylesheet -->
<link rel="stylesheet" href="./assets/css/main.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
</head>
<body>
<div id="particles-js">
<div class="header">
<h1>
<span class="site-title">JAN ŠVANDA</span>
<span class="site-description">e-commerce • development • founder</span>
</h1>
<div class="header-icons">
<a aria-label="My LinkedIn Profile" target="_blank" href="https://www.linkedin.com/in/jan-švanda/">
<i class="icon fa fa-linkedin" aria-hidden="true"></i>
</a>
<a aria-label="My Github Profile" target="_blank" href="https://github.com/jansvanda">
<i class="icon fa fa-github-alt" aria-hidden="true"></i>
</a>
<a aria-label="Send Email" href="mailto:svandasek@seznam.cz" target="_blank"><i
class="icon fa fa-envelope"></i></a>
</div>
<div class="header-links">
<a class="link" href="#about" data-scroll>About Me</a>
<a class="link" href="#projects" data-scroll>Projects</a>
</div>
</div>
<a class="down" href="#about" data-scroll>
<i class="icon fa fa-chevron-down" aria-hidden="true"></i>
</a>
</div>
<!-- About Section -->
<section id="about">
<!-- User Introduction-->
<div class="user-details">
<h1>Introduction</h1>
<img src="./assets/img/jansvanda.png" alt="Jan Svanda profile" width="20%" />
<p>
Freelancer and digital founder from Brno (CZE, South Moravia) with a passion for exciting projects in
e-commerce.<br>
Finished Bachelor degree on the FH Campus University in Vienna in High Tech Manufacturing.<br>
As a junior IT developer, I have experiences with coding website, mobile apps and automation scripting. I think
of technology as a tool to make our lives easier.<br>
I made experience with managing production lines in bevarage commerce, project management and supply chain
optimization.<br>
My focus lies on business development of Czech companies expanding to German speaking countries (DACH - Germany,
Austria, Switzerland).<br>
Currently supporting <a href="https://superthesis.de/">SuperThesis.de</a>, <a
href="https://holzworx.de/">Holzworx.de</a>, <a href="https://easycargo3d.com/de/">EasyCargo3D</a> and <a
href="https://123-transporter.at/">123-Transporter</a>.<br>
I co-founded the <a href="https://podporujicesko.cz/">Podporuji Česko</a> project which focuses on local
e-commerce shopping.<br>
Also created <a href="https://play.google.com/store/apps/developer?id=Jan+%C5%A0vanda">Aplikace na Výjezdy
hasičů</a>.
</p>
</div>
<!-- User Specifics -->
<div class="user">
<!-- Technology Stack #1: Languages -->
<div class="tech">
<h2>IT Technology knowledge</h2>
<i class="devicon-flutter-plain"></i>
<i class="devicon-python-plain"></i>
<i class="devicon-html5-plain-wordmark"></i>
<i class="devicon-mysql-plain-wordmark"></i>
</div>
<!-- Technology Stack #2: Front-End
<div class="tech">
<h2>Front-End</h2>
<i class="devicon-react-original"></i>
<i class="devicon-bootstrap-plain"></i>
<i class="devicon-html5-plain-wordmark"></i>
<i class="devicon-css3-plain-wordmark"></i>
<p>
My preferred technologies for front-end web development and
component design.
</p>
</div> -->
<!-- Technology Stack #3: Back-End
<div class="tech">
<h2>Back-End</h2>
<i class="devicon-nodejs-plain"></i>
<i class="devicon-express-original"></i>
<i class="devicon-mongodb-plain-wordmark"></i>
<i class="devicon-mysql-plain-wordmark"></i>
<p>
My preferred technologies for back-end web programming and database
architecture.
</p>
</div> -->
<!-- Technology Stack #4: Tools -->
<div class="tech">
<h2>Tools</h2>
<i class="devicon-github-original-wordmark"></i>
<i class="devicon-slack-plain-wordmark"></i>
<i class="devicon-visualstudio-plain"></i>
<i class="icon fa fa-github-alt"></i>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects">
<div class="user-details">
<h1>Featured Projects</h1>
</div>
<!-- User Project #0 -->
<div class="user-projects">
<div class="images-right" style=" border-style: solid;
border-color: lightblue; border-radius: 5px; border-width: 1px;">
<img alt="[App-CZ/SK] Podporuji Česko" src="./assets/img/podporujicesko1.png" />
</div>
<div class="contents" style="text-align: center;">
<h3>[App-CZ/SK] <a href="https://podporujicesko.cz/">Podporuji Česko</a></h3>
<div style="font-size: 40px;">
<i class="devicon-flutter-plain"></i>
<i class="devicon-android-plain"></i>
<i class="devicon-apple-original"></i>
<i class="devicon-wordpress-plain"></i>
</div>
<p style="text-align: justify;">
Built in Flutter, supports both Android and iOS. An App in Czechia and Slovakia to
help people find local companies and products and visit their shops in 3 clicks.
It is intended for small to medium businesses, which mostly cannot afford Facebook/Google ads and seek for
region-focused advertisement.
Supporting the local market and competing in a fair environment!
</p>
<a class="project-link" target="_blank" href="https://podporujicesko.cz/">Website</a>
</div>
</div>
<!-- User Project #0 -->
<div class="user-projects">
<div class="images-left" style=" border-style: solid;
border-color: lightblue; border-radius: 5px; border-width: 1px;">
<img alt="Aplikace Výjezdy hasičů HZS JMK, PAR, MSK, SČK, Vysočina" src="./assets/img/vyjedzdy.png" />
</div>
<div class="contents-right" style="text-align: center;">
<h3>[App] Výjezdy hasičů HZS</h3>
<div style="font-size: 40px;">
<i class="devicon-flutter-plain"></i>
<i class="devicon-dart-plain-wordmark"></i>
<i class="devicon-android-plain"></i>
<i class="devicon-firebase-plain-wordmark"></i>
</div>
<p style="text-align: justify;">
Coding with Google's Flutter framework is super easy.
My apps are focused on fast notifications between my Python backend, Firestore Database and Push
notifications.
You get realtime notifications of new Firebrigade departures. So whenever there is a fire in your region, you
get notified!<br>
Useful for firefighters 🧑🚒
</p>
<a class="project-link" target="_blank"
href="https://play.google.com/store/apps/details?id=com.svandasek.hzsjmk_vyjezdy">Google Play</a>
</div>
</div>
<!-- User Project #1 -->
<div class="user-projects">
<div class="images-right">
<img alt="Signal & WiFi Icons Theme" src="./assets/img/signalwifiicons.png" />
</div>
<div class="contents" style="text-align: center;">
<h3>[Android mod] Signal & WiFi Icons</h3>
<div style="font-size: 40px;">
<i class="devicon-kotlin-plain-wordmark"></i>
<i class="devicon-android-plain"></i>
<i class="devicon-photoshop-plain"></i>
</div>
<p style="text-align: justify;">
A project which started in 2017 with the need to modify the visuals of the Android Marshmallow System.
Right now, there are thousands active users.<br>
Details Matter
</p>
<a class="project-link" target="_blank"
href="https://play.google.com/store/apps/details?id=svandasek.theme.signalicons">Google Play</a>
</div>
</div>
<!-- User Project #2 -->
<div class="user-projects">
<div class="images-left">
<img alt="[App/CZ] Výjezdy Hasičů" src="./assets/img/vyjezdyhasicu.png" />
</div>
<div class="contents-right" style="text-align: center;">
<h3>[App/CZ] Výjezdy Hasičů</h3>
<div style="font-size: 40px;">
<i class="devicon-java-plain-wordmark"></i>
<i class="devicon-android-plain"></i>
<i class="devicon-python-plain"></i>
</div>
<p style="text-align: justify;">
An application for Android devices which displays firebrigade departures.
Specifically for "Pardubice" in Czech Republic. (Originally JMK)
It has an backend on a RPI running a Python script which checks for updates 24/7.<br>
Written in Java and Android Studio.
</p>
<a class="project-link" target="_blank"
href="https://play.google.com/store/apps/details?id=com.svandasek.pardubickykraj.vyjezdy">Google Play</a>
</div>
</div>
<!-- User Project #3 -->
<div class="user-projects">
<div class="images-right">
<img alt="Accomodation Website" src="./assets/img/penzionslunnyvrch.png" />
</div>
<div class="contents" style="text-align: center;">
<h3>Accomodation Website</h3>
<div style="font-size: 40px;">
<i class="devicon-php-plain"></i>
<i class="devicon-html5-plain"></i>
</div>
<p style="text-align: justify;">
This is a website created for a family accomodation service.
It is based on PHP Nette and contains some cool animations and features.<br>
If you plan to go to Czech Republic, you might try it!
</p>
<a class="project-link" target="_blank" href="https://www.penzionslunnyvrch.cz">
Ubytování Dolní Dunajovice
</a>
</div>
</div>
<!-- Use Project #4-->
<div class="user-projects">
<div class="images-left">
<img alt="Hair Salon Website" src="./assets/img/atelier.jpg" />
</div>
<div class="contents-right" style="text-align: center;">
<h3>Hair Salon Website</h3>
<div>
<i class="devicon-html5-plain"></i>
<i class="devicon-css3-plain"></i>
</div>
<p style="text-align: justify;">
A website for a local hairdresser.
Coded via HTML5 only, not using any slow WP core. With attention to every
small detail, which sometimes isn't possible in WordPress or other editors.
</p>
<a class="project-link" target="_blank" href="http://atelierangelika.cz/">
Check it out!
</a>
</div>
</div>
</section>
<footer class="footer">
<p style="font-weight: 200;"><i>"Co chceš, můžeš" - Tomáš Baťa</i></p>
</footer>
<!-- Import JS: Particles Theme -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!-- Import JS: Sweet Scroll -->
<script src="./assets/js/sweet-scroll.min.js"></script>
<!-- Import JS: Google Analytics -->
<script src="./assets/js/google-analytics.js"></script>
<!-- Import JS: Main Script -->
<script src="./assets/js/main.js"></script>
</body>
</html>