Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE HTML>
<html>
<head>
<title>Mark | Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<div class="menu-container">
<div class="hamburger-menu" onclick="toggleMenu()">
<div class="menu-line"></div>
<div class="menu-line"></div>
<div class="menu-line"></div>
</div>
<div class="menu-items" id="menuItems">
<a href="index.html">Home</a>
<a href="overmij.html">Over mij</a>
<a href="cv.html">CV</a>
</div>
</div>
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/foto.jpg" alt="" /></a>
<h1><strong>Mark Datema</strong>, Softwaredeveloper<br />
19 Jaar<br />
Cohort 2023.</h1>
</div>
</header>
<div id="main">
<section id="one">
<h2>Projecten</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/TechInhoud.png" class="image fit thumb"><img src="images/thumbs/Technowiire.logo.png" alt="" /></a>
<h3 style="display: none;">Technowire</h3>
<div class="row">
<div class="col-8 col-12-xsmall work-item">
<h3>Technowire</h3>
<p>Schoolproject met mijn team Scrabbel</p>
</div>
<div class="col-4 col-12-xsmall work-item">
<a href="/techno/techno/techno-home.html" class="button primary small fit">bekijk</a>
</div>
</div>
</article>
<article2 class="col-6 col-12-xsmall work-item">
<a href="images/fulls/InhoudGame.jpg.png" class="image fit thumb"><img src="images/thumbs/Gamecraft.jpg.png" alt="" /></a>
<h3 style="display: none;">Gamecraft</h3>
<div class="row">
<div class="col-8 col-12-xsmall work-item">
<h3>Gamecraft</h3>
<p>Schoolproject met mijn team Forza</p>
</div>
<div class="col-4 col-12-xsmall work-item">
<a href="/gamecraft/l2-pro-3-gamecraft-forza/" class="button primary small fit">bekijk</a>
</div>
</div>
</article2>
<article3 class="col-6 col-12-xsmall work-item">
<a href="images/thumbs/4opeenrij.png" class="image fit thumb"><img src="images/thumbs/4opeenrij.png" alt="" /></a>
<h3 style="display: none;">4opeenrij</h3>
<div class="row">
<div class="col-8 col-12-xsmall work-item">
<h3>4 op een rij</h3>
<p>Game voor een schoolproject.</p>
</div>
<div class="col-4 col-12-xsmall work-item">
<a href="/4opeenrijtest/l2-pro-2-een-game-in-javascript-Auguste111/index.html" class="button primary small fit">bekijk</a>
</div>
</div>
</article3>
<article4 class="col-6 col-12-xsmall work-item">
<a href="images/thumbs/gastenboek-vakantiewoning.jpg" class="image fit thumb"><img src="images/thumbs/gastenboek-vakantiewoning.jpg" alt="" /></a>
<h3 style="display: none;">gastenboek</h3>
<div class="row">
<div class="col-8 col-12-xsmall work-item">
<h3>gastenboek</h3>
<p>gastenboek schoolproject.</p>
</div>
<div class="col-4 col-12-xsmall work-item">
<a href="http://588492.klas4s23.mid-ica.nl/php/gastenboek/" class="button primary small fit">bekijk</a>
</div>
</div>
</article4>
</div>
</section>
<section id="two">
</section>
</div>
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a target="_blank" href="https://www.instagram.com/mark.datema_?igsh=dDZ1Mmlkanh4amFp&utm_source=qr" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/mark-datema-a81244273/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a target="_blank" href="https://github.com/Auguste111" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
<ul class="copyright">
<li>© Mark Datema</li>
</ul>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>
function toggleMenu() {
var menuItems = document.getElementById("menuItems");
menuItems.style.display = (menuItems.style.display === "block") ? "none" : "block";
}
</script>
</body>
</html>