Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roan Gerlings | Projecten</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="icon" href="Images/logo-white.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<div class="container-pc">
<div class="header">
<img class="toplogo" src="Images/logo-name-wh-rd.png" alt="">
<nav class="navbar-p">
<a class="h" href="index.html">HOME</a><a class="p" href="projecten.html">PROJECTEN</a><a class="om"
href="over-mij.html">OVER MIJ</a><a class="cv" href="CV-RG-2024.pdf" target="_blank">CURRICULUM
VITAE</a>
</nav>
</div>
<div class="content-p">
<div class="context-p">
<div class="info-p">
<h1 class="info-h1-p">Projecten</h1>
<hr class="line-p">
<h2 class="info-h2-p">Hier staan alle projecten waar ik aan gewerkt heb</h2>
</div>
<div class="container-content-p">
<div class="projecten1">
<div class="foto-p">
<a href="Technowire/index.html" target="_blank"><img id="p-foto" src="Images/p-technowire.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">Technowire</span> | 11-10-23</h1>
</div>
</div>
<div class="projecten2">
<div class="foto-p">
<a href="GameCraft/index.html" target="_blank"><img id="p-foto" src="Images/p-gamecraft.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">GameCraft</span> | 20-1-24</h1>
</div>
</div>
<div class="projecten3">
<div class="foto-p">
<a href="PulsarLaunch/index.html" target="_blank"><img id="p-foto"
src="Images/p-gameinjavascript.png" alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">Pulsar Launch</span> | 20-1-24</h1>
</div>
</div>
<div class="projecten4">
<div class="foto-p">
<a href="YardSollicitatie/index.html" target="_blank"><img id="p-foto" src="Images/p-yard.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">Yard</span> | 20-1-24</h1>
</div>
</div>
<div class="projecten5">
<div class="foto-p">
<a href="SendStation/index.html" target="_blank"><img id="p-foto" src="Images/p-sendstation.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">SendStation</span> | 13-3-24</h1>
</div>
</div>
<div class="projecten6">
<div class="foto-p">
<a href="NexusCode/index.html" target="_blank"><img id="p-foto" src="Images/p-nexuscode.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">NexusCode</span> | 13-3-24</h1>
</div>
</div>
<div class="projecten7">
<div class="foto-p">
<a href="BurgerBuddyExpress/index.php" target="_blank"><img id="p-foto" src="Images/p-burgerbuddyexpress.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">BurgerBuddyExpress</span> | 27-06-24</h1>
</div>
</div>
<!-- <div class="projecten8">
<div class="foto-p">
<a href="#" target="_blank"><img id="p-foto" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten9">
<div class="foto-p">
<a href="#" target="_blank"><img id="p-foto" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten10">
<div class="foto-p">
<a href="#" target="_blank"><img id="p-foto" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten11">
<div class="foto-p">
<a href="#" target="_blank"><img id="p-foto" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten12">
<div class="foto-p">
<a href="#" target="_blank"><img id="p-foto" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-p">
<h1 class="p-titel"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div> -->
</div>
</div>
<div class="footer">
<h2>Portfolio | Roan Gerlings</h2>
<div class="contact">
<h2>Contact | 586837@edu.rocmn.nl</h2>
<a href="https://www.linkedin.com/in/roan-gerlings-729b542aa/" target="_blank"><i
class="fa-brands fa-linkedin icon"></i></a>
<a href="https://github.com/Roan-77" target="_blank"><i class="fa-brands fa-github icon"></i></a>
</div>
</div>
</div>
</div>
<div class="container-mb">
<div class="header-mb">
<a href="index.html"><img id="toplogo" src="Images/logo-name-wh-rd.png" alt="toplogo"></a>
<div class="navbar-mb">
<div class="hamburger-menu">
<input id="menu-toggle" type="checkbox" />
<label class='menu-button-container' for="menu-toggle">
<div class='menu-button'></div>
</label>
<ul class="menu">
<li class="mb"><a class="hm" href="index.html">HOME</a></li>
<li class="mb-p"><a class="pj" href="projecten.html">PROJECTEN</a></li>
<li class="mb"><a class="ov" href="over-mij.html">OVER MIJ</a></li>
<li class="cv-mb"><a class="cv" href="CV-RG-2024.pdf" target="_blank">CURRICULUM VITAE</a>
</li>
</ul>
</div>
</div>
</div>
<div class="content-mb">
<div class="info-mb-p">
<h1 class="info-h1-mb-p">Projecten</h1>
<hr class="line-mb-p">
<h2 class="info-h2-mb-p">Projecten waar ik aan gewerkt heb</h2>
</div>
<div class="container-content-mb-p">
<div class="projecten1-mb">
<div class="foto-mb-p">
<a href="Technowire/index.html" target="_blank"><img id="p-foto-mb" src="Images/p-technowire.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">Technowire</span> | 11-10-23</h1>
</div>
</div>
<div class="projecten2-mb">
<div class="foto-mb-p">
<a href="GameCraft/index.html" target="_blank"><img id="p-foto-mb" src="Images/p-gamecraft.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">GameCraft</span> | 20-1-24</h1>
</div>
</div>
<div class="projecten3-mb">
<div class="foto-mb-p">
<a href="PulsarLaunch/index.html" target="_blank"><img id="p-foto-mb"
src="Images/p-gameinjavascript.png" alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">Pulsar Launch</span> | 21-1-24</h1>
</div>
</div>
<div class="projecten4-mb">
<div class="foto-mb-p">
<a href="YardSollicitatie/index.html" target="_blank"><img id="p-foto-mb" src="Images/p-yard.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">Yard</span> | 20-1-24</h1>
</div>
</div>
<div class="projecten5-mb">
<div class="foto-mb-p">
<a href="SendStation/index.html" target="_blank"><img id="p-foto-mb" src="Images/p-sendstation.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">SendStation</span> | 13-3-24</h1>
</div>
</div>
<div class="projecten6-mb">
<div class="foto-mb-p">
<a href="NexusCode/index.html" target="_blank"><img id="p-foto-mb" src="Images/p-nexuscode.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">NexusCode</span> | 13-3-24</h1>
</div>
</div>
<div class="projecten7-mb">
<div class="foto-mb-p">
<a href="BurgerBuddyExpress/index.php" target="_blank"><img id="p-foto-mb" src="Images/p-burgerbuddyexpress.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">BurgerBuddyExpress</span> | 27-06-24</h1>
</div>
</div>
<!-- <div class="projecten8-mb">
<div class="foto-mb-p">
<a href="#" target="_blank"><img id="p-foto-mb" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten9-mb">
<div class="foto-mb-p">
<a href="#" target="_blank"><img id="p-foto-mb" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten10-mb">
<div class="foto-mb-p">
<a href="#" target="_blank"><img id="p-foto-mb" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten11-mb">
<div class="foto-mb-p">
<a href="#" target="_blank"><img id="p-foto-mb" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div>
<div class="projecten12-mb">
<div class="foto-mb-p">
<a href="#" target="_blank"><img id="p-foto-mb" src="Images/p-projectplaceholder.png"
alt="project foto"></a>
</div>
<div class="titel-mb-p">
<h1 class="p-titel-mb-p"><span class="clr-accent">PROJECT</span> | 1-1-97</h1>
</div>
</div> -->
</div>
</div>
<div class="footer-mb">
<h2>Portfolio | Roan Gerlings</h2>
<div class="contact-mb">
<h2>Contact | 586837@edu.rocmn.nl</h2>
<a href="https://www.linkedin.com/in/roan-gerlings-729b542aa/" target="_blank"><i
class="fa-brands fa-linkedin icon-mb"></i></a>
<a href="https://github.com/Roan-77" target="_blank"><i class="fa-brands fa-github icon-mb"></i></a>
</div>
</div>
</body>
</html>