KerelOlivier
/
portfolio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
My beautiful portfolio
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.
4 Commits
1 Branch
0 Tags
722 KiB
Tree: 7fb631cf44
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7fb631cf44'
${ noResults }
portfolio/index.html

89 lines
4.1 KiB
Raw Normal View History Unescape

add: basic structure
3 years ago
<!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>
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">
<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">
<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>
add: basic structure
3 years ago
</section>
<a class="resume">Resume</a>
</section>
<section class="info">
<h1 id="about">ABOUT</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla luctus dignissim rutrum. Suspendisse vel dapibus risus. Morbi vitae sodales nisi, vitae convallis dolor. In non vulputate magna. Praesent ultrices, tellus nec lacinia molestie, dui mi aliquet mi, imperdiet ultricies neque lacus blandit risus. Curabitur condimentum nisi sit amet dui auctor malesuada. Integer eleifend nisi mi, in tempus tortor fringilla ac. Donec ultrices lacus feugiat, feugiat tortor vitae, tincidunt risus.
</p>
<hr>
<h1 id="skills">SKILLS</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla luctus dignissim rutrum. Suspendisse vel dapibus risus. Morbi vitae sodales nisi, vitae convallis dolor. In non vulputate magna. Praesent ultrices, tellus nec lacinia molestie, dui mi aliquet mi, imperdiet ultricies neque lacus blandit risus. Curabitur condimentum nisi sit amet dui auctor malesuada. Integer eleifend nisi mi, in tempus tortor fringilla ac. Donec ultrices lacus feugiat, feugiat tortor vitae, tincidunt risus.
</p>
<hr>
<h1 id="education">EDUCATION</h1>
add: education section
3 years ago
<div>
<h2>University</h2>
<div class="education">
<img src="./images/uu.svg" alt="University of Utrecht">
<div>
<h3>University of Utrecht</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>
add: basic structure
3 years ago
<hr>
<h1 id="projects">PROJECTS</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla luctus dignissim rutrum. Suspendisse vel dapibus risus. Morbi vitae sodales nisi, vitae convallis dolor. In non vulputate magna. Praesent ultrices, tellus nec lacinia molestie, dui mi aliquet mi, imperdiet ultricies neque lacus blandit risus. Curabitur condimentum nisi sit amet dui auctor malesuada. Integer eleifend nisi mi, in tempus tortor fringilla ac. Donec ultrices lacus feugiat, feugiat tortor vitae, tincidunt risus.
</p>
<hr>
<h1 id="contact">CONTACT</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla luctus dignissim rutrum. Suspendisse vel dapibus risus. Morbi vitae sodales nisi, vitae convallis dolor. In non vulputate magna. Praesent ultrices, tellus nec lacinia molestie, dui mi aliquet mi, imperdiet ultricies neque lacus blandit risus. Curabitur condimentum nisi sit amet dui auctor malesuada. Integer eleifend nisi mi, in tempus tortor fringilla ac. Donec ultrices lacus feugiat, feugiat tortor vitae, tincidunt risus.
</p>
</section>
</section>
</body>
</html>