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.
61 lines
3.5 KiB
61 lines
3.5 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="#project">PROJECT</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"> |
|
<h2>Olivier Boeren</h2> |
|
<h3>Software developer</h3> |
|
</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> |
|
<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="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> |