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 http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> Portfolio Ramiz Elias </title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="mediaqueries.css" />
</head>
<body>
<nav id="desktop-nav">
<div class="logo">Ramiz Elias</div>
<div>
<ul class="nav-links">
<li><a href="#about">Over Mij</a></li>
<li><a href="#experience">Skills</a></li>
<li><a href="#projects">Projecten</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<nav id="hamburger-nav">
<div class="logo"> Ramiz Elias </div>
<div class="hamburger-menu">
<div class="hamburger-icon" onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
</div>
<div class="menu-links">
<li><a href="#about" onclick="toggleMenu()">About</a></li>
<li><a href="#experience" onclick="toggleMenu()">Experience</a></li>
<li><a href="#projects" onclick="toggleMenu()">Projecten</a></li>
<li><a href="#contact" onclick="toggleMenu()">Contact</a></li>
</div>
</div>
</nav>
<section id="profile">
<div class="section__pic-container">
<img src="./assets/Ramiz.jpg" alt="Ramiz" />
</div>
<div class="section__text">
<p class="section__text__p1">welkom ik ben </p>
<h1 class="title">Ramiz Elias</h1>
<p class="section__text__p2">Roc midden Nederland Student</p>
<div class="btn-container">
<button
class="btn btn-color-2"
onclick="window.open('./assets/CV.png')"
>
Mijn CV
</button>
</div>
</section>
<section id="about">
<p class="section__text__p1">Meer over Mij</p>
<h1 class="title">About Me</h1>
<div class="section-container">
<div class="section__pic-container">
<img
src="./assets/Ramiz.jpg"
alt="Profile picture"
class="about-pic"
/>
</div>
<div class="about-details-container">
<div class="about-containers">
<div class="details-container">
<img
src="./assets/experience.png"
alt="Experience icon"
class="icon"
/>
<h3>Ervaring</h3>
<p>Beginnend <br />software Developer</p>
</div>
<div class="details-container">
<img
src="./assets/education.png"
alt="Education icon"
class="icon"
/>
<h3>Opleiding</h3>
<p>Software Developer<br />niveau 4</p>
</div>
</div>
<div class="text-container">
<p>
Ik ben Ramiz Elias, 17 jaar oud, en ik zit in het eerste jaar van ROC Midden Nederland, waar ik de opleiding Software Developer volg."
</p>
</div>
</div>
</div>
<img
/>
</section>
<section id="experience">
<p class="section__text__p1"></p>
<h1 class="title">Skills </h1>
<div class="experience-details-container">
<div class="about-containers">
<div class="details-container">
<h2 class="experience-sub-title"></h2>
<div class="article-container">
<article>
<img
src="./assets/checkmark.png"
alt="Experience icon"
class="icon"
/>
<div>
<h3>HTML</h3>
<p>Beginnend </p>
</div>
</article>
<article>
<img
src="./assets/checkmark.png"
alt="Experience icon"
class="icon"
/>
<div>
<h3>CSS</h3>
<p>Beginnend </p>
</div>
</article>
<article>
<img
src="./assets/checkmark.png"
alt="Experience icon"
class="icon"
/>
<div>
<h3>Git</h3>
<p>Beginnend</p>
</div>
</article>
<article>
<article>
<img
src="./assets/checkmark.png"
alt="Experience icon"
class="icon"
/>
<div>
<h3>javascript
</h3>
<p>Beginnend</p>
</div>
</article>
<article>
</div>
</div>
</div>
</div>
<img
/>
</section>
<section id="projects">
<p class="section__text__p1"></p>
<h1 class="title">Projecten</h1>
<div class="experience-details-container">
<div class="about-containers">
<div class="details-container color-container">
<div class="article-container">
<img
/>
</div>
<h2 class="experience-sub-title project-title">Project een
</h2>
<p></p>
<img src="media/TechnoWire _banner - kopie.png" width="250" alt="">
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="window.open('school/TEchnowire/index.html', '_blank')"
>
Live Demo
</button>
</div>
</div>
<div class="details-container color-container">
<div class="article-container">
</div>
<h2 class="experience-sub-title project-title">Project Twee</h2>
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
>
Live Demo
</button>
</div>
</div>
<div class="details-container color-container">
<div class="article-container">
<img
/>
</div>
<h2 class="experience-sub-title project-title">Project Drie </h2>
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
>
Live Demo
</button>
</div>
</div>
</div>
</div>
<img
/>
</section>
<section id="contact">
<p class="section__text__p1">neem contact op
</p>
<h1 class="title">Contact Mij</h1>
<div class="contact-info-upper-container">
<div class="contact-info-container">
<img
src="./assets/email.png"
alt="Email icon"
class="icon contact-icon email-icon"
/>
<p><a href="mailto:ramizelias2005@gmail.com">ramizelias2005@gmail.com</a></p>
</div>
<div class="contact-info-container">
</div>
</div>
</section>
<footer>
<nav>
<div class="nav-links-container">
<ul class="nav-links">
<li><a href="#about">Over Mij</a></li>
<li><a href="#experience">Skills</a></li>
<li><a href="#projects">Projecten</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<p></p>
</footer>
<script src="script.js"></script>
</body>
</html>