portfolio/index.html

<!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>Olivier Boeren: Portfolio</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" target="_blank" href="./files/resume.pdf"><img src="./images/download.svg"> Resume</a>
		</section>
		<section class="info">
			<h1 id="about">ABOUT</h1>
			<p>
				I'm a Software engineer with a strong interest in Artificial intelligence, image processing and procedural generation. I also enjoy game development and web development, both front and backend. I recently finished my bachelor's with honours in Computer Science at Utrecht University and will start my masters in Datascience and Artificial intelligence at the TU Eindhoven this coming September.
			</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>
add: basic structure 3 years ago			`<!DOCTYPE html>`
			`<html lang="en">`
add: about and contact 3 years ago
add: basic structure 3 years ago			`<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">`
fix: wrong title 3 years ago			`<title>Olivier Boeren: Portfolio</title>`
add: basic structure 3 years ago
			`<link rel="stylesheet" href="styles.css">`
			`</head>`
add: about and contact 3 years ago
add: basic structure 3 years ago			`<body>`
			`<nav>`
			`<ul>`
			`<li><a href="#about">ABOUT</a></li>`
			`<li><a href="#skills">SKILLS</a></li>`
			`<li><a href="#education">EDUCATION</a></li>`
add: education section 3 years ago			`<li><a href="#projects">PROJECTS</a></li>`
add: basic structure 3 years ago			`<li><a href="#contact">CONTACT</a></li>`

			`</ul>`
			`</nav>`
			`<section class="content">`
			`<section class="headbox">`
			`<section class="profile">`
add: about and contact 3 years ago			`<img class="picture" src="./images/profile.jpg" alt="Profile picture">`
add: education section 3 years ago			`<h3>Olivier Boeren</h3>`
			`<h4>Software developer</h4>`
add: socials 3 years ago			`<div class="socials">`
add: about and contact 3 years ago			`<a href="https://www.linkedin.com/in/olivier-boeren-39a4a316b/"><img src="./images/linkedin.svg"`
			`alt="linkedin"></a>`
add: socials 3 years ago			`<a href="https://github.com/KerelOlivier"><img src="./images/github.svg" alt="github"></a>`
			`</div>`
add: basic structure 3 years ago			`</section>`
add: resume download 2 years ago			`<a class="resume" target="_blank" href="./files/resume.pdf"><img src="./images/download.svg"> Resume</a>`
add: basic structure 3 years ago			`</section>`
			`<section class="info">`
			`<h1 id="about">ABOUT</h1>`
			`<p>`
add: resume download 2 years ago			`I'm a Software engineer with a strong interest in Artificial intelligence, image processing and procedural generation. I also enjoy game development and web development, both front and backend. I recently finished my bachelor's with honours in Computer Science at Utrecht University and will start my masters in Datascience and Artificial intelligence at the TU Eindhoven this coming September.`
add: basic structure 3 years ago			`</p>`
			`<hr>`
			`<h1 id="skills">SKILLS</h1>`
add: skills section 3 years ago			`<h2>Languages</h2>`
add: basic structure 3 years ago			`<p>`
add: skills section 3 years ago			`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>`
add: about and contact 3 years ago			`Unity 3D • Linux • Docker • Git`
add: basic structure 3 years ago			`</p>`
			`<hr>`
			`<h1 id="education">EDUCATION</h1>`
add: about and contact 3 years ago			`<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>`
add: education section 3 years ago			`</div>`
add: about and contact 3 years ago			`</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>`
add: education section 3 years ago			`</div>`
			`</div>`
add: about and contact 3 years ago			`</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>`
add: education section 3 years ago			`</div>`
			`</div>`
add: about and contact 3 years ago			`</div>`
add: basic structure 3 years ago			`<hr>`
			`<h1 id="projects">PROJECTS</h1>`
add: project placeholders 3 years ago			`<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>`
add: basic structure 3 years ago			`<hr>`
			`<h1 id="contact">CONTACT</h1>`
			`<p>`
add: about and contact 3 years ago			`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.`
add: basic structure 3 years ago			`</p>`
			`</section>`
			`</section>`

add: about and contact 3 years ago
add: basic structure 3 years ago			`</body>`
add: about and contact 3 years ago
add: resume download 2 years ago			`</html>`