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>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, my name is Olivier, a 3rd-year computer science honours student at the Utrecht University. Currently, I am participating in an exchange program with the University of Oslo. I am following a few computer science courses here. In my time off, I like to learn more about computer science, such as a new framework, algorithm or the basics of an area I have yet to discover. I also enjoy participating in game-jams.
			</p>
			<p>
				My interests in computer science are broad. I specialise in game development, web development and computer graphics, and am highly interested in algorithms and artificial intelligence. Next year I plan to start a masters 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>
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">`
			`<title>Document</title>`

			`<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>`
			`<a class="resume">Resume</a>`
			`</section>`
			`<section class="info">`
			`<h1 id="about">ABOUT</h1>`
			`<p>`
fix: about grammar and spelling 3 years ago			`Hi, my name is Olivier, a 3rd-year computer science honours student at the Utrecht University. Currently, I am participating in an exchange program with the University of Oslo. I am following a few computer science courses here. In my time off, I like to learn more about computer science, such as a new framework, algorithm or the basics of an area I have yet to discover. I also enjoy participating in game-jams.`
add: about and contact 3 years ago			`</p>`
			`<p>`
fix: about grammar and spelling 3 years ago			`My interests in computer science are broad. I specialise in game development, web development and computer graphics, and am highly interested in algorithms and artificial intelligence. Next year I plan to start a masters degree in Artificial Intelligence at the TU Delft or TU Eindhoven.`
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: basic structure 3 years ago			`</html>`