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="assets/css/style.css">
<!-- =====BOX ICONS===== -->
<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>
<title>Portfolio</title>
</head>
<body>
<!--===== HEADER =====-->
<header class="l-header">
<nav class="nav bd-grid">
<div>
<a href="#" class="nav__logo">CianΓ‘n</a>
</div>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active-link">Home</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About</a></li>
<li class="nav__item"><a href="#skills" class="nav__link">Skills</a></li>
<li class="nav__item"><a href="#work" class="nav__link">Projecten</a></li>
<li class="nav__item"><a href="#contact" class="nav__link">Contact</a></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
</nav>
</header>
<main class="l-main">
<!--===== HOME =====-->
<section class="home bd-grid" id="home">
<div class="home__data">
<h1 class="home__title">Hi,<br>I'am <span class="home__title-color">CianΓ‘n,</span><br> Software Developer</h1>
<a href="CV/CV CianΓ‘n van der Pol (3).pdf" download class="button">CV download</a>
</div>
<div class="home__social">
<a href="https://www.linkedin.com/in/cianΓ‘n-van-der-pol-1962a1271/" class="home__social-icon"><i class='bx bxl-linkedin'></i></a>
<a href="https://github.com/Epolleke" class="home__social-icon"><i class='bx bxl-github' ></i></a>
</div>
<div class="home__img">
<svg class="home__blob" viewBox="0 0 479 467" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<mask id="mask0" mask-type="alpha">
<path d="M9.19024 145.964C34.0253 76.5814 114.865 54.7299 184.111 29.4823C245.804 6.98884 311.86 -14.9503 370.735 14.143C431.207 44.026 467.948 107.508 477.191 174.311C485.897 237.229 454.931 294.377 416.506 344.954C373.74 401.245 326.068 462.801 255.442 466.189C179.416 469.835 111.552 422.137 65.1576 361.805C17.4835 299.81 -17.1617 219.583 9.19024 145.964Z"/>
</mask>
<g mask="url(#mask0)">
<path d="M9.19024 145.964C34.0253 76.5814 114.865 54.7299 184.111 29.4823C245.804 6.98884 311.86 -14.9503 370.735 14.143C431.207 44.026 467.948 107.508 477.191 174.311C485.897 237.229 454.931 294.377 416.506 344.954C373.74 401.245 326.068 462.801 255.442 466.189C179.416 469.835 111.552 422.137 65.1576 361.805C17.4835 299.81 -17.1617 219.583 9.19024 145.964Z"/>
<image class="home__blob-img" x="50" y="60" href="assets/img/homefoto.png"/>
</g>
</svg>
</div>
</section>
<!--===== ABOUT =====-->
<section class="about section " id="about">
<h2 class="section-title">About</h2>
<div class="about__container bd-grid">
<div class="about__img">
<img src="assets/img/SiansenIngus2.jpg" alt="">
</div>
<div>
<h2 class="about__subtitle">Ik ben CianΓ‘n</h2>
<p class="about__text">Ik ben 18 jaar oud en studeer op het ROCMN voor de opleiding Software Developer In jaar 3, op dit moment is mijn droom baan tech consultant.
<p class="about__text"> De andere man in de foto is Ingmar hier is een link naar zijn portfolio: <a href="https://584701.klas4s23.mid-ica.nl/">Ingmar Portfolio</a></p>
</p>
</div>
</div>
</section>
<!--===== SKILLS =====-->
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>
<div class="skills__container bd-grid">
<div>
<h2 class="skills__subtitle">Skills</h2>
<p class="skills__text">Hoe goed ik ben in deze talen: Html, Css, Javascript/React, C# en Laravel</p>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-html5 skills__icon'></i>
<span class="skills__name">HTML</span>
</div>
<div class="skills__bar skills__html">
</div>
<div>
<span class="skills__percentage">70%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-css3 skills__icon'></i>
<span class="skills__name">CSS</span>
</div>
<div class="skills__bar skills__css">
</div>
<div>
<span class="skills__percentage">70%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-javascript skills__icon' ></i>
<span class="skills__name">Javascript/React</span>
</div>
<div class="skills__bar skills__js">
</div>
<div>
<span class="skills__percentage">50%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxs-paint skills__icon'></i>
<span class="skills__name">C#</span>
</div>
<div class="skills__bar skills__ux">
</div>
<div>
<span class="skills__percentage">30%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxs-paint skills__icon'></i>
<span class="skills__name">Laravel</span>
</div>
<div class="skills__bar skills__laravel">
</div>
<div>
<span class="skills__percentage">50%</span>
</div>
</div>
</div>
<div>
<img src="assets/img/OIP.jpg" alt="" class="skills__img">
</div>
</div>
</section>
<!--===== Projecten =====-->
<section class="work section" id="work">
<h2 class="section-title">Projecten</h2>
<div class="work__container bd-grid">
<a href="http://585455.klas4s23.mid-ica.nl/Technowire/index.html" class="work__img">
<img src="assets/img/technowire.png" alt="">
</a>
<a href="http://585455.klas4s23.mid-ica.nl/l2-pro-2-een-game-in-javascript-Epolleke/" class="work__img">
<img src="assets/img/whacklogo.png" alt="">
</a>
<a href="http://585455.klas4s23.mid-ica.nl/Gastenboek/" class="work__img">
<img src="assets/img/Gastenboek.png" alt="">
</a>
<a href="https://585455.klas4s23.mid-ica.nl/l7-pro-2-e-learning-2023-Epolleke/" class="work__img">
<img src="assets/img/Elearning.png" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/workinprogress.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/workinprogress.jpg" alt="">
</a>
</div>
</section>
<!--===== CONTACT =====-->
<section class="contact section" id="contact">
<h2 class="section-title">Contact</h2>
<div class="contact__container bd-grid">
<form action="" class="contact__form">
<input type="text" placeholder="Name" class="contact__input">
<input type="mail" placeholder="Email" class="contact__input">
<textarea name="" id="" cols="0" rows="10" class="contact__input"></textarea>
<input type="button" value="Enviar" class="contact__button button">
</form>
</div>
</section>
</main>
<!--===== FOOTER =====-->
<footer class="footer">
<p class="footer__title">CianΓ‘n</p>
<div class="footer__social">
<a href="#" class="footer__icon"><i class='bx bxl-facebook' ></i></a>
<a href="#" class="footer__icon"><i class='bx bxl-instagram' ></i></a>
<a href="#" class="footer__icon"><i class='bx bxl-twitter' ></i></a>
</div>
<p class="footer__copy">© CianΓ‘n van der Pol. All rigths reserved</p>
</footer>
<!--===== SCROLL REVEAL =====-->
<script src="https://unpkg.com/scrollreveal"></script>
<!--===== MAIN JS =====-->
<script src="assets/js/main.js"></script>
</body>
</html>