Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" sizes="32x32" href="img/logoo.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="process_form.php">
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700&family=Poppins:wght@200&display=swap"
rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap" rel="stylesheet" />
<title>Hesham Portfolio</title>
</head>
<body>
<header>
<div class="container">
<nav>
<div class="nav__content">
<div class="logo"><img src="img/mijnlogo.png" width="130px" alt="logo"></div>
<label for="check" class="checkbox">
<i class="ri-menu-line"></i>
</label>
<input type="checkbox" name="check" id="check" />
<ul class="homenav">
<li><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services"> Projects</a></li>
<li><a href="#skills">skills</a></li>
</ul>
</div>
<div class="right"> <a href="#Contact"><button class="btn btn-primary">Contact</button></a> </div>
</nav>
</div>
<img src="img/mijnlogo.png" class="imgbace">
<div class="hero flex items-centre justify-between">
<div class="left flex-1 justify-center">
</div>
<div class="right flex-1">
<h6>Welkom op mijn website</h6>
<h1>
Ik ben web<br />
<span>Developer</span>
</h1>
<p class="text">
Ik ben programmeren, met name in talen zoals [HTML, CSS, JavaScript, PHP]. Ik
heb ervaring opgedaan tijdens mijn opleiding en projecten, en ben vastberaden
om mijn vaardigheden verder te ontwikkelen.
</p>
<a href="CV (2).pdf" target="_blank">
<div><button class="btn btn-secondary">DOWNLOAD CV</button></div>
</a>
</div>
</div>
</header>
<section class="about" id="about">
<div class="container flex items-centre">
<div class="left flex-1 justify-right">
<img src="img/aboutimgg.png" height="320px" class="aboutimg">
</div>
<div class="right flex-1">
<h1>About <span>Me</span></h1>
<p>
Ik ben Hesham, 18-jarige student, en ik woon al bijna twee jaar met veel plezier in
Nederland. Momenteel ben ik ingeschreven aan het ROC Midden Nederland in
Amersfoort, waar ik de MBO 4-opleiding Software Developer volg. Mijn passie
voor technologie en innovatie heeft mij gemotiveerd om deze opleiding te kiezen,
en ik ben toegewijd aan het ontwikkelen van mijn vaardigheden in
softwareontwikkeling.
</p>
</div>
</div>
</section>
<section class="services" id="services">
<div class="container">
<h1 class="services-head">Porjecten</h1>
<p>Hier zijn mijn school... Porjecten.</p>
<div class="wrapper">
<i id="left" class="fa-solid fa-angle-left"></i>
<ul class="carousel">
<li class="card">
<div class="img"><img src="img/EW.png" alt="img" draggable="false"></div>
<h2>Ergowijzert</h2>
<span>Schoolproject</span>
<a href="https://heshammurshed.com/porjecten/l3-pro-3-ergowijzer-nexuscode/index.html"><button
class="porjectbutton">bekijken</button></a>
</li>
<li class="card">
<div class="img"><img src="img/GB.png" alt="img" draggable="false"></div>
<h2>Gastenboek</h2>
<span>Schoolproject</span>
<a href="https://heshammurshed.com/porjecten/l3-gastenboek-Hes7am/"><button class="porjectbutton">bekijken</button></a>
</li>
<li class="card">
<div class="img"><img src="img/PG.png" alt="img" draggable="false"></div>
<h2>Piano Game</h2>
<span>Schoolproject</span>
<a href="https://heshammurshed.com/porjecten/MyGame/index.html"><button class="porjectbutton">bekijken</button></a>
</li>
<li class="card">
<div class="img"><img src="img/Yard.png" alt="img" draggable="false"></div>
<h2>Yard</h2>
<span>Schoolproject</span>
<a href="yard/index.html"><button
class="porjectbutton">bekijken</button></a>
</li>
<li class="card">
<div class="img"><img src="img/TW.png" alt="img" draggable="false"></div>
<h2>Technowire</h2>
<span>Schoolproject</span>
<a href="Technowire1/index.html"><button
class="porjectbutton">bekijken</button></a>
</li>
<li class="card">
<div class="img"><img src="img/GC.png" alt="img" draggable="false"></div>
<h2>Gamecraft</h2>
<span>Schoolproject</span>
<a href="https://heshammurshed.com/porjecten/l2-pro-3-gamecraft-scriptsavants/index.html"><button
class="porjectbutton">bekijken</button></a>
</li>
</ul>
<i id="right" class="fa-solid fa-angle-right"></i>
</div>
</div>
</section>
<section class="skills" id="skills">
<h1 class="services-head">Skills</h1>
<p class="skllistext">Hier staan mijn vaardigheden</p>
<div class="iconsSkills">
<i class="devicon-html5-plain"></i>
<i class="devicon-css3-plain"></i>
<i class="devicon-javascript-plain"></i>
<i class="devicon-php-plain"></i>
<i class="devicon-azuresqldatabase-plain"></i>
<i class="devicon-github-original"></i>
</div>
</section>
<section class="Contact" id="Contact">
<h1 class="Contacttitle">Contact</h1>
<div class="content">
<form action="process_form.php" method="post">
<input class="main-input1" type="text" name="name" placeholder="Your Name" required>
<input class="main-input3" type="email" name="email" placeholder="Your Email" required>
<textarea class="main-input2" name="message" placeholder="Your Message" required></textarea>
<input type="hidden" name="_captcha" value="false">
<input class="main-input4" type="submit" value="Send Message">
</form>
</form>
<div class="contactinfo">
<div class="icon">
<i class="fa-solid fa-location-dot" style="color: rgb(206, 206, 206);"></i>
<i class="fa-solid fa-phone" style="color: rgb(206, 206, 206);"></i>
<i class="fa-solid fa-envelope" style="color: rgb(206, 206, 206);"></i>
<p class="location">Veenendaal</p>
<p> <a href="tel:0123456789" class="tel-link">+31 685286419</a></p>
<p> <a href="mailto:hesham_20130@yahoo.com" class="email-link">hesham_20130@yahoo.com</a></p>
</div>
<div class="line"></div>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/hesham_murshed"><i class="fab fa-instagram"></i></a>
<a href="https://t.me/Hesham_Murshed"><i class="fab fa-telegram"></i></a>
</div>
</div>
<a href="#"><i class="fa-solid fa-arrow-up fa-bounce"></i></a>
</section>
</body>
<script src="index.js"></script>
</html>