-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (132 loc) · 5.76 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
<!DOCTYPE HTML>
<html>
<head>
<title>Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<section id="header">
<div class="inner">
<h1>Hi, I'm <strong>Navaron Bracke</strong></h1>
<p>This is my portfolio, where I showcase everything I created.<br />
Interested in seeing more?</p>
<ul class="actions special">
<li><a href="#one" class="button scrolly">Discover</a></li>
</ul>
</div>
</section>
<section id="one" class="main style1">
<div class="container">
<div class="col-12">
<header class="major">
<h2>Who am I?</h2>
</header>
<p>I'm a junior programmer with ~3 years of experience under my belt.<br>
I specialize in building mobile applications, tailored to an end-user's needs.
</p>
</div>
</div>
</section>
<section id="two" class="main style2">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<ul class="major-icons">
<li><img src="./images/dartlang-icon.svg" title="Dart" alt="Dart"/></li>
<li><img src="./images/flutterio-icon.svg" title="Flutter" alt="Flutter"/></li>
<li><img src="./images/kotlinlang-icon.svg" title="Kotlin" alt="Kotlin"/></li>
<li><img src="./images/java-icon.svg" title="Java" alt="Java"/></li>
<li><img src="./images/nodejs-horizontal.svg" title="NodeJS" alt="NodeJS"/></li>
<li><img src="./images/typescriptlang-icon.svg" title="TypeScript" alt="TypeScript"/></li>
<li><img src="./images/angular-icon.svg" title="Angular" alt="Angular"/></li>
</ul>
</div>
<div class="col-6 col-12-medium">
<header class="major">
<h2>My projects</h2>
</header>
<p>In this section, I will showcase all the projects I have had the chance to work on during my career as a software developer.
They show a timeline of what I did and how I learned new things.
</p>
<p>
Each project is completely different from its predecessor. Either in language, scope, goal or framework.
</p>
</div>
</div>
</div>
</section>
<section id="three" class="main style1 special">
<div class="container">
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<h3>WeForza</h3>
<p>An Android / IOS app, utilizing <img src="./images/flutterio-icon.svg" width="20" height="20" title="Flutter" alt="Flutter"><strong>Flutter</strong></p>
<div>
Written in <img src="./images/dartlang-icon.svg" width="20" height="20" title="Dart" alt="Dart"><strong> Dart</strong>
</div>
<ul class="actions special">
<li><a class="button" href="https://github.com/navaronbracke/weforza"><i class="fab fa-github"></i> View Code (Work In Progress)</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<h3>Tasker</h3>
<p>A Todo list app for Android</p>
<div>
Written in <img src="./images/kotlinlang-icon.svg" width="20" height="20" title="Kotlin" alt="Kotlin"><strong> Kotlin</strong>
</div>
<ul class="actions special">
<li><a class="button" href="https://github.com/navaronbracke/Tasker"><i class="fab fa-github"></i> View Code</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<h3>City Tourist App</h3>
<p>A tourist oriented app for exploring establishments in the city of Ghent</p>
<div>
Written in <strong>C#</strong>, utilizing the UWP framework.
</div>
<ul class="actions special">
<li><a class="button" href="https://github.com/navaronbracke/windowsUWP"><i class="fab fa-github"></i> View Code</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<h3>Cycloone</h3>
<p>An <img src="./images/angular-icon.svg" width="20" height="20" title="Angular" alt="Angular"><strong> Angular</strong> app for cyclists that want to track their rides</p>
<div>
Written in <img src="./images/typescriptlang-icon.svg" width="20" height="20" title="TypeScript" alt="TypeScript"><strong> TypeScript</strong>
</div>
<ul class="actions special">
<li><a class="button" href="https://github.com/navaronbracke/cycloone"><i class="fab fa-github"></i> View Code</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<div class="col-12">
<h3>Get my Curriculum Vitae</h3>
<ul class="actions special">
<li><a class="button" href="./CV_bracke_navaron_english.pdf" download="CV_bracke_navaron">In English</a></li>
<li><a class="button" href="./CV_bracke_navaron_nederlands.pdf" download="CV_bracke_navaron">In Dutch</a></li>
</ul>
</div>
</div>
<ul class="icons">
<li><a href="https://linkedin.com/in/navaron-bracke-970068163" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/navaronbracke" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:brackenavaron@gmail.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>