Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Marijn's portofolio</title>
<link rel="icon" type="x-icon" href="/img/Mlogo.jpg">
</head>
<body>
<section id="home" class="section">
<div class="container">
<div class="nav">
<div class="toggle-container">
<input type="checkbox" id="theme-toggle" class="toggle-switch">
<label for="theme-toggle" class="toggle-label"></label>
</div>
<div class="sidenav2">
<a href="#home">Marijn Pijffers</a>
</div>
<div class="navbar">
<div class="sidenav">
<a href="#contact">Contact</a>
<a href="#Projects">Projects</a>
<a href="#about">About</a>
<a href="#home">Home</a>
</div>
</div>
</div>
<div class="main">
<div class="flex-container">
<div class="delay-text2" style="animation-delay: 1s;">Hallo mijn naam is Marijn Pijffers.<br> Ik ben
Software Developer in opleiding.
</div>
<div id="home" class="image-container">
<div class="image image1">
</div>
</div>
</div>
</section>
<section id="about" class="section1">
<div class="flex-container2">
<div class="text-container">
<div class="delay-text" style="animation-delay: 1s;"> Mijn naam is Marijn Pijffers<br>ik ben 17
jaar
oud. Ik woon in Hoogland, Ik werk bij Boni Hoogland.<br>Mijn hobbys zijn gamen en sleutelen
aan
mijn Tomos.<br><br>
Buiten mijn leven studeer ik Software Development<br> op ROC midden Nederland, Ik zit nu in
mijn
tweede jaar.</div>
</div>
</div>
</section>
<section class="section69">
<pre class="morph-section"></pre>
</section>
<section id="Projects" class="section2">
<div class="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h2>TechnoWire</h2>
<p>TechnoWire streeft naar het begrijpelijk overbrengen van <br>IT-kennis naar jongvolwassenen.</p>
<a href="technowire/index.html" class="btn">View Project</a>
</div>
<div class="carousel-item">
<h2>card game</h2>
<p>kaart spel gemaakt door mij</p>
<a href="card game/game.html" class="btn">View Project</a>
</div>
<div class="carousel-item">
<h2>GameCraft</h2>
<p>Our goal is to educate kids with gaming</p>
<a href="l2-pro-3-gamecraft-splinter/html/index.html" class="btn">View Project</a>
</div>
<div class="carousel-item">
<h2>Yard solicitatie</h2>
<p> Yard solicitatie website</p>
<a href="yard/Yard.html" class="btn">View Project</a>
</div>
<div class="carousel-item">
<h2>ThoughtSpace</h2>
<p>ThoughtSpace is a website where you can leave a <br> comment for the web to see.</p>
<a href="thoughtspace/" class="btn">View Project</a>
</div>
<div class="carousel-item">
<h2>Ergowijzer</h2>
<p>voor de perfecte zit houding</p>
<a href="l3-pro-3-ergowijzer-spa-rood/" class="btn">View Project</a>
</div>
</div>
<button class="prev" onclick="prevSlide()">❮</button>
<button class="next" onclick="nextSlide()">❯</button>
</div>
</section>
<section id="contact" class="section3">
<div class="flex-container2">
<div class="text-container">
<div class="delay-text"></div>
<div class="delay-text" style="animation-delay: 1s;">
<header>Contact</header>
<form id="form" class="topBefore">
<input id="name" type="text" placeholder="NAME">
<input id="email" type="text" placeholder="E-MAIL">
<textarea id="message" type="text" placeholder="MESSAGE"></textarea>
<input id="submit" type="submit" value="SUBMIT">
</form>
</div>
</div>
</div>
</section>
</div>
<script src="java.js"></script>
</body>
</html>