100 lines
4.7 KiB
HTML
100 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Portofolio</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<header class="header">
|
|
<a href="index.html">
|
|
<div class="logo">
|
|
<h3 class="logo__symbol">Hello world</h3>
|
|
</div>
|
|
</a>
|
|
<nav class="menu">
|
|
<ul class="menu__inner">
|
|
<li>
|
|
<a href="/about.html">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="/projects.html">Projects</a>
|
|
</li>
|
|
<li>
|
|
<a href="/check.php">Blogs</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<div class="content">
|
|
<main class="content__main">
|
|
<div class="content__div">
|
|
<img class="profile__picture" src="media/image_proxy.png">
|
|
<img class="handwriting__svg" src="media/handwriting/welcome.svg" alt="">
|
|
<br>
|
|
<img class="handwriting__svg" src="media/handwriting/im-e-van-aubel.svg" alt="">
|
|
<br>
|
|
<img class="handwriting__svg" src="media/handwriting/im-a-software-developer.svg" alt="">
|
|
<br>
|
|
</div>
|
|
<div>
|
|
<div class="content__menu">
|
|
<a href="mailto:privateduck@renn.es"><img class="icon__svg" src="media/mail.svg" alt="mail icon"></a>
|
|
<a href="https://github.com/JerukPurut404"><img class="icon__svg" src="media/github.svg" alt="github icon"></a>
|
|
<a href="https://anilist.co/user/JerukPurut/"><img class="icon__svg" src="media/anilist.svg" alt="Anilist icon"></a>
|
|
<a href="https://www.linkedin.com/in/e-van-aubel"><img class="icon__svg" src="media/linkedin.svg" alt="linkedin icon"></a>
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<main class="post">
|
|
<article class="post__article">
|
|
<ul class="post__lists">
|
|
<li class="post__list">Highlighted Skills</li>
|
|
<a href="https://www.python.org/"><img class="icon__svg" src="media/python.svg" alt="python icon"></a>
|
|
<a href="https://www.php.net/"><img class="icon__svg" src="media/php.svg" alt="php icon"></a>
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/javascript"><img class="icon__svg" src="media/javascript.svg" alt="javascript icon"></a>
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img class="icon__svg" src="media/css3.svg" alt="css icon"></a>
|
|
</ul>
|
|
<ul class="post__lists">
|
|
<li class="post__list">Highlighted Project</li>
|
|
<section class="post__icons">
|
|
<li class="post__list"> <a href="https://github.com/JerukPurut404/EindOpdrachtVGM"><img class="icon__svg" src="media/github.svg" alt="github icon"></a> </li>
|
|
<li class="post__list"> <a href="https://35023.hosts1.ma-cloud.nl/EindOpdrachtVGM/Eugene's_folder/index.html"><img class="icon__svg" src="media/globe.svg" alt="website icon"></a></li>
|
|
</section>
|
|
<li class="post__list"> National Videogame Museum Redesign Website. </li>
|
|
</ul>
|
|
<li class="box-wrapper">
|
|
<ul class="box__lists">
|
|
<li class="box__list">Highlighted Project 1</li>
|
|
<section class="box__icons">
|
|
<li class="box__list"> <a href="https://github.com/JerukPurut404/EindOpdrachtVGM"><img class="icon__svg" src="media/github.svg" alt="github icon"></a> </li>
|
|
<li class="box__list"> <a href="https://35023.hosts1.ma-cloud.nl/EindOpdrachtVGM/Eugene's_folder/index.html"><img class="icon__svg" src="media/globe.svg" alt="website icon"></a></li>
|
|
</section>
|
|
<li class="box__list"> National Videogame Museum Redesign Website. </li>
|
|
</ul>
|
|
<ul class="box__lists">
|
|
<li class="box__list">Highlighted Project 2</li>
|
|
<section class="box__icons">
|
|
<li class="box__list"> <a href="https://github.com/JerukPurut404/EindOpdrachtVGM"><img class="icon__svg" src="media/github.svg" alt="github icon"></a> </li>
|
|
<li class="box__list"> <a href="https://35023.hosts1.ma-cloud.nl/EindOpdrachtVGM/Eugene's_folder/index.html"><img class="icon__svg" src="media/globe.svg" alt="website icon"></a></li>
|
|
</section>
|
|
<li class="box__list"> National Videogame Museum Redesign Website. </li>
|
|
</ul>
|
|
</li>
|
|
|
|
</article>
|
|
</main>
|
|
<footer class="footer">
|
|
<div class="footer__inner">
|
|
<div class="footer__content">
|
|
<p>Made by E. van Aubel</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |