Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Job Touber</title>
<meta name="description" content="Student software developer">
<link rel="icon" href="image/icon.png">
<link href='https://fonts.googleapis.com/css?family=Raleway:100,200,400,600' rel='stylesheet' type='text/css'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="nav-header">
<div class="nav-brand">
<img src="image/icon.png">
</div>
<i class="fa fa-bars fa-3x"></i>
<div class="header-links">
<ul>
<li data-menuanchor="fifthPage"><a href="#contact">CONTACT</a></li>
<li data-menuanchor="fourthPage"><a href="#projects">PROJECTEN PRIVΓ</a></li>
<li data-menuanchor="thirdPage"><a href="#portfolio">PROJECTEN SCHOOL</a></li>
<li data-menuanchor="secondPage"><a href="#about">ABOUT</a></li>
</ul>
</div>
</div>
<div class="nav-screen">
<i class="fa fa-times fa-3x"></i>
<div class="nav-container">
<div class="nav-links">
<ul id='myMenu'>
<li data-menuanchor="secondPage"><a href="#about">ABOUT</a></li>
<li data-menuanchor="thirdPage"><a href="#portfolio">PROJECTEN SCHOOL</a></li>
<li data-menuanchor="fourthPage"><a href="#projects">PROJECTEN PRIVΓ</a></li>
<li data-menuanchor="fifthPage"><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<div id="fullpage">
<div class="section aboutme" data-anchor="aboutme">
<div class="opaque-bg animated fadeInDown">
<h1 style="color:white">Job<span style="color:#FF6363">/</span>Touber</h1>
<p><span id="holder"></span><span class="blinking-cursor">|</span></p>
</div>
<i id="moveDown" class="fa fa-chevron-down fa-3x bounce"></i>
</div>
<div class="section" data-anchor="skills">
<div class="about">
<div class="content">
<h1 class="wow fadeInDown" data-wow-delay="0.2s">ABOUT ME</h1>
<p class="wow fadeInDown" data-wow-delay="0.2s">Hoi! ik ben Job Touber, 21 jaar oud en ik woon in Amersfoort. Ik volg de opleiding tot software developer niveau 4 op de school ROC midden Nederland in Amersfoort. Ik ben enthousiast, leergierig en ondernemend.</p>
</div>
<div class="imageme">
<img class="wow fadeInDown" data-wow-delay="0.2s" data-src="image/Job.jpg">
</div>
</div>
</div>
<div class="section" data-anchor="projects">
<div class="content-slide">
<div class="slide">
<h1 class="wow fadeInDown" data-wow-delay="0.2s">School projecten</h1>
<p class="wow fadeInDown" data-wow-delay="0.2s">In deze slider vind je projecten die ik voor school heb gemaakt.</p>
<img class="wow fadeInUp" data-wow-delay="0.2s" data-src="">
</div>
<a href="ergowijzer/php/index.php" target="_blank" class="slide">
<h1>Ergowijzer</h1>
<p>Website met informatie over egronomische producten | Groeps opdracht | 16-04-24</p>
<img data-src="image/Ergowijzer-logo.png">
</a>
<a href="Gastemboekvps/index.php" target="_blank" class="slide" id="gastenboek">
<h1>Gastenboek</h1>
<p>Web gastenboek | Individuele opdracht | 04-04-24</p>
<img data-src="image/Gastenboek-logo.png">
</a>
<a href="gamecraft/index.html" target="_blank" class="slide">
<h1>Gamecraft</h1>
<p>Website met 2 javascript spellen | Groeps opdracht | 23-01-24</p>
<img data-src="image/logo-gamecraft-background.png">
</a>
<a href="space shooter/index.html" target="_blank" class="slide">
<h1>Spaceshooter</h1>
<p>Javascript spel | Individuele opdracht | 23-01-24</p>
<img data-src="image/Spaceshooter.jpg">
</a>
<a href="Technowire_job/index.html" target="_blank" class="slide">
<h1>Technowire</h1>
<p>Website ict geschiedenis | Individuele opdracht | 11-10-23</p>
<img data-src="image/TechnoWire_icon.png">
</a>
</div>
</div>
<div class="section" data-anchor="private-projects">
<div class="content-slide2">
<div class="slide">
<h1 class="wow fadeInDown" data-wow-delay="0.2s">PrivΓ© projecten</h1>
<p class="wow fadeInDown" data-wow-delay="0.2s">In deze slider vind je projecten die ik buiten school heb gemaakt.</p>
<img class="wow fadeInUp" data-wow-delay="0.2s" src=""></a>
</div>
<a href="#" target="_blank" class="slide">
<h1>BerryHosting</h1>
<p>Soon!</p>
<img class="toneel" src="image/berryhosting.png">
</a>
<a href="https://toneelverenigingblaricum.nl/" target="_blank" class="slide">
<h1>Toneelvereniging Blaricum</h1>
<p>Website voor Toneelvereniging Blaricum | 24-10-24</p>
<img class="toneel" src="image/toneel.png">
</a>
</div>
</div>
<div class="section" data-anchor="contact">
<div class="contact">
<div class="content wow fadeInDown" data-wow-delay="0.2s">
<h1>CONTACT ME</h1>
<br>
<div class="contactbutton">
<p><span>Email:</span> 584311@edu.rocmn.nl</p>
<button class="cv"><a href="bestanden/cv.pdf" target="_blank">CV</a></button>
</div>
</div>
</div>
</div>
<div class="section fp-auto-height">
<div class="footer">
<p>CONNECT WITH ME</p>
<div class="social-links">
<span><a href="https://www.linkedin.com/in/job-touber-53237b195/" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a></span>
<span><a href="https://github.com/Jobtouber" target="_blank"><i class="fa fa-github fa-2x"></i></a></span>
</div>
</div>
</div>
</div>
<script src='https://code.jquery.com/jquery-2.1.1.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.min.js'></script>
<script src="./script.js"></script>
</body>
</html>