You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
5.0 KiB
142 lines
5.0 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<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"> |
|
<title>Document</title> |
|
|
|
<link rel="stylesheet" href="styles.css"> |
|
</head> |
|
|
|
<body> |
|
<nav> |
|
<ul> |
|
<li><a href="#about">ABOUT</a></li> |
|
<li><a href="#skills">SKILLS</a></li> |
|
<li><a href="#education">EDUCATION</a></li> |
|
<li><a href="#projects">PROJECTS</a></li> |
|
<li><a href="#contact">CONTACT</a></li> |
|
|
|
</ul> |
|
</nav> |
|
<section class="content"> |
|
<section class="headbox"> |
|
<section class="profile"> |
|
<img class="picture" src="./images/profile.jpg" alt="Profile picture"> |
|
<h3>Olivier Boeren</h3> |
|
<h4>Software developer</h4> |
|
<div class="socials"> |
|
<a href="https://www.linkedin.com/in/olivier-boeren-39a4a316b/"><img src="./images/linkedin.svg" |
|
alt="linkedin"></a> |
|
<a href="https://github.com/KerelOlivier"><img src="./images/github.svg" alt="github"></a> |
|
</div> |
|
</section> |
|
<a class="resume">Resume</a> |
|
</section> |
|
<section class="info"> |
|
<h1 id="about">ABOUT</h1> |
|
<p> |
|
Hi, I am Olivier. I am a 3rd-year computer science honours student at Utrecht University. Currently, I |
|
am on an exchange to Oslo. Here I will follow a few courses at the computer science department of the |
|
University of Oslo. In my free time, I like to learn more about computer science. I, for example, learn |
|
a new framework, algorithm or the basics of a new area I have not explored yet. I also like to |
|
participate in game-jams. |
|
</p> |
|
<p> |
|
My interests in computer science are rather broad. My main focus lies in game development, web |
|
development and computer |
|
graphics. But I also have a keen interest in algorithms and artificial intelligence. Next year I will |
|
start a master's degree in artificial intelligence at the TU Delft or TU Eindhoven. |
|
</p> |
|
<hr> |
|
<h1 id="skills">SKILLS</h1> |
|
<h2>Languages</h2> |
|
<p> |
|
C# • C++ • Typescript • Javascript ES6 • HTML 5 • CSS 3 • Python • Matlab • Kotlin |
|
</p> |
|
<h2>Frameworks</h2> |
|
<p> |
|
Vue 3 • Node JS • MongoDB • ASP.NET • .NET 6 |
|
</p> |
|
<h2>Tools</h2> |
|
<p> |
|
Unity 3D • Linux • Docker • Git |
|
</p> |
|
<hr> |
|
<h1 id="education">EDUCATION</h1> |
|
<div> |
|
<h2>University</h2> |
|
<div class="education"> |
|
<img src="./images/uu.svg" alt="University of Utrecht"> |
|
<div> |
|
<h3>Utrecht University</h3> |
|
<span>Computer science • honours program • 2019-2022</span> |
|
</div> |
|
</div> |
|
<div class="education"> |
|
<img src="./images/UiO.png" alt="University of Oslo"> |
|
<div> |
|
<h3>University of Oslo</h3> |
|
<span>Computer science • Erasmus+ exchange • 2022</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div> |
|
<h2>Certification</h2> |
|
<div class="education"> |
|
<img src="./images/coursera.png" alt="coursera"> |
|
<div> |
|
<h3>Machine learning</h3> |
|
<span>Stanford University Online • 2021 • <a |
|
href="https://coursera.org/share/4ae87d580d430567dbfee88408a4806f">certificate</a></span> |
|
</div> |
|
</div> |
|
</div> |
|
<hr> |
|
<h1 id="projects">PROJECTS</h1> |
|
<div class="projects"> |
|
<div class="project"> |
|
<img src="./images/projects/placeholder.jpg"> |
|
<div> |
|
<h2>Project</h2> |
|
<p> |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare commodo purus at gravida. Etiam quis metus eu tortor luctus mollis. In tempus venenatis arcu, ut convallis sem iaculis vitae. Sed aliquet dui eu est iaculis, vitae vulputate urna suscipit. Pellentesque sit amet ligula sed eros ultrices suscipit. |
|
</p> |
|
</div> |
|
</div> |
|
<div class="project"> |
|
<img src="./images/projects/placeholder.jpg"> |
|
<div> |
|
<h2>Project</h2> |
|
<p> |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare commodo purus at gravida. Etiam quis metus eu tortor luctus mollis. In tempus venenatis arcu, ut convallis sem iaculis vitae. Sed aliquet dui eu est iaculis, vitae vulputate urna suscipit. Pellentesque sit amet ligula sed eros ultrices suscipit. |
|
</p> |
|
</div> |
|
</div> |
|
<div class="project"> |
|
<img src="./images/projects/placeholder.jpg"> |
|
<div> |
|
<h2>Project</h2> |
|
<p> |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare commodo purus at gravida. Etiam quis metus eu tortor luctus mollis. In tempus venenatis arcu, ut convallis sem iaculis vitae. Sed aliquet dui eu est iaculis, vitae vulputate urna suscipit. Pellentesque sit amet ligula sed eros ultrices suscipit. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
<hr> |
|
<h1 id="contact">CONTACT</h1> |
|
<p> |
|
If you would like to contact me, please do not hesitate to send me a message on <a |
|
href="https://www.linkedin.com/in/olivier-boeren-39a4a316b/">Linkedin</a> or email me at <a |
|
href="mailto:olivierboeren@live.nl">olivierboeren@live.nl</a>. I will try to respond as soon as |
|
possible. |
|
</p> |
|
</section> |
|
</section> |
|
|
|
|
|
</body> |
|
|
|
</html> |