Skip to content

Commit a7b3d58

Browse files
BrackeNavaronBrackeNavaron
committed
Added Images/CV And projects section
1 parent 8d905d0 commit a7b3d58

11 files changed

+63
-51
lines changed

‎CV_bracke_navaron_english.pdf

190 KB
Binary file not shown.

‎CV_bracke_navaron_nederlands.pdf

190 KB
Binary file not shown.

‎assets/css/main.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2453,6 +2453,7 @@ input, select, textarea {
24532453
justify-content: center;
24542454
width: 100%;
24552455
margin-left: 0;
2456+
margin-top: 10px;
24562457
}
24572458

24582459
ul.actions.special li:first-child {

‎images/angular-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/dartlang-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/flutterio-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/java-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/kotlinlang-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/nodejs-horizontal.svg

Lines changed: 1 addition & 0 deletions
Loading

‎images/typescriptlang-icon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎index.html

Lines changed: 55 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,6 @@
88
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
99
</head>
1010
<body class="is-preload">
11-
12-
<!-- Header -->
1311
<section id="header">
1412
<div class="inner">
1513
<h1>Hi, I'm <strong>Navaron Bracke</strong></h1>
@@ -20,38 +18,30 @@ <h1>Hi, I'm <strong>Navaron Bracke</strong></h1>
2018
</ul>
2119
</div>
2220
</section>
23-
24-
<!-- One -->
2521
<section id="one" class="main style1">
2622
<div class="container">
27-
<div class="row gtr-150">
28-
<div class="col-6 col-12-medium">
29-
<header class="major">
30-
<h2>Who am I?</h2>
31-
</header>
32-
<p>I'm a junior programmer with ~3 years of experience under my belt.<br>
33-
I specialize in building mobile applications, tailored to an end-user's needs.
34-
</p>
35-
</div>
36-
<div class="col-6 col-12-medium imp-medium">
37-
<span class="image fit"><img src="images/pic01.jpg" alt="" /></span>
38-
</div>
23+
<div class="col-12">
24+
<header class="major">
25+
<h2>Who am I?</h2>
26+
</header>
27+
<p>I'm a junior programmer with ~3 years of experience under my belt.<br>
28+
I specialize in building mobile applications, tailored to an end-user's needs.
29+
</p>
3930
</div>
4031
</div>
4132
</section>
42-
43-
<!-- Two -->
4433
<section id="two" class="main style2">
4534
<div class="container">
4635
<div class="row gtr-150">
4736
<div class="col-6 col-12-medium">
4837
<ul class="major-icons">
49-
<li><span class="icon solid style1 major fa-code"></span></li>
50-
<li><span class="icon solid style2 major fa-bolt"></span></li>
51-
<li><span class="icon solid style3 major fa-camera-retro"></span></li>
52-
<li><span class="icon solid style4 major fa-cog"></span></li>
53-
<li><span class="icon solid style5 major fa-desktop"></span></li>
54-
<li><span class="icon solid style6 major fa-calendar"></span></li>
38+
<li><img src="./images/dartlang-icon.svg" title="Dart" alt="Dart"/></li>
39+
<li><img src="./images/flutterio-icon.svg" title="Flutter" alt="Flutter"/></li>
40+
<li><img src="./images/kotlinlang-icon.svg" title="Kotlin" alt="Kotlin"/></li>
41+
<li><img src="./images/java-icon.svg" title="Java" alt="Java"/></li>
42+
<li><img src="./images/nodejs-horizontal.svg" title="NodeJS" alt="NodeJS"/></li>
43+
<li><img src="./images/typescriptlang-icon.svg" title="TypeScript" alt="TypeScript"/></li>
44+
<li><img src="./images/angular-icon.svg" title="Angular" alt="Angular"/></li>
5545
</ul>
5646
</div>
5747
<div class="col-6 col-12-medium">
@@ -62,46 +52,53 @@ <h2>My projects</h2>
6252
They show a timeline of what I did and how I learned new things.
6353
</p>
6454
<p>
65-
66-
</p>
67-
<p>
68-
Being versatile pays off doesn't it?
55+
Each project is completely different from its predecessor. Either in language, scope, goal or framework.
6956
</p>
7057
</div>
7158
</div>
7259
</div>
7360
</section>
74-
75-
<!-- Three -->
7661
<section id="three" class="main style1 special">
7762
<div class="container">
78-
<header class="major">
79-
<h2>Adipiscing amet consequat</h2>
80-
</header>
81-
<p>Ante nunc accumsan et aclacus nascetur ac ante amet sapien sed.</p>
8263
<div class="row gtr-150">
8364
<div class="col-4 col-12-medium">
84-
<span class="image fit"><img src="images/pic02.jpg" alt="" /></span>
85-
<h3>Magna feugiat lorem</h3>
86-
<p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>
65+
<h3>WeForza</h3>
66+
<p>An Android / IOS app, utilizing <img src="./images/flutterio-icon.svg" width="20" height="20" title="Flutter" alt="Flutter"><strong>Flutter</strong></p>
67+
<div>
68+
Written in <img src="./images/dartlang-icon.svg" width="20" height="20" title="Dart" alt="Dart"><strong> Dart</strong>
69+
</div>
70+
<ul class="actions special">
71+
<li><a class="button" href="https://github.com/navaronbracke/weforza"><i class="fab fa-github"></i> View Code (Work In Progress)</a></li>
72+
</ul>
73+
</div>
74+
<div class="col-4 col-12-medium">
75+
<h3>Tasker</h3>
76+
<p>A Todo list app for Android</p>
77+
<div>
78+
Written in <img src="./images/kotlinlang-icon.svg" width="20" height="20" title="Kotlin" alt="Kotlin"><strong> Kotlin</strong>
79+
</div>
8780
<ul class="actions special">
88-
<li><a href="#" class="button">More</a></li>
81+
<li><a class="button" href="https://github.com/navaronbracke/Tasker"><i class="fab fa-github"></i> View Code</a></li>
8982
</ul>
9083
</div>
9184
<div class="col-4 col-12-medium">
92-
<span class="image fit"><img src="images/pic03.jpg" alt="" /></span>
93-
<h3>Magna feugiat lorem</h3>
94-
<p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>
85+
<h3>City Tourist App</h3>
86+
<p>A tourist oriented app for exploring establishments in the city of Ghent</p>
87+
<div>
88+
Written in <strong>C#</strong>, utilizing the UWP framework.
89+
</div>
9590
<ul class="actions special">
96-
<li><a href="#" class="button">More</a></li>
91+
<li><a class="button" href="https://github.com/navaronbracke/windowsUWP"><i class="fab fa-github"></i> View Code</a></li>
9792
</ul>
9893
</div>
9994
<div class="col-4 col-12-medium">
100-
<span class="image fit"><img src="images/pic04.jpg" alt="" /></span>
101-
<h3>Magna feugiat lorem</h3>
102-
<p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>
95+
<h3>Cycloone</h3>
96+
<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>
97+
<div>
98+
Written in <img src="./images/typescriptlang-icon.svg" width="20" height="20" title="TypeScript" alt="TypeScript"><strong> TypeScript</strong>
99+
</div>
103100
<ul class="actions special">
104-
<li><a href="#" class="button">More</a></li>
101+
<li><a class="button" href="https://github.com/navaronbracke/cycloone"><i class="fab fa-github"></i> View Code</a></li>
105102
</ul>
106103
</div>
107104
</div>
@@ -110,13 +107,20 @@ <h3>Magna feugiat lorem</h3>
110107

111108

112109
<!-- Footer -->
113-
114-
<!--Fix links-->
115110
<section id="footer">
111+
<div class="container">
112+
<div class="col-12">
113+
<h3>Get my Curriculum Vitae</h3>
114+
<ul class="actions special">
115+
<li><a class="button" href="./CV_bracke_navaron_english.pdf" download="CV_bracke_navaron">In English</a></li>
116+
<li><a class="button" href="./CV_bracke_navaron_nederlands.pdf" download="CV_bracke_navaron">In Dutch</a></li>
117+
</ul>
118+
</div>
119+
</div>
116120
<ul class="icons">
117-
<li><a href="#" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
118-
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
119-
<li><a href="#" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
121+
<li><a href="https://linkedin.com/in/navaron-bracke-970068163" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
122+
<li><a href="https://github.com/navaronbracke" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
123+
<li><a href="mailto:[email protected]" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
120124
</ul>
121125
</section>
122126

0 commit comments

Comments
 (0)