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">
<meta author="Rick Deurloo">
<meta name="description" content="Website description">
<meta name="keywords" content="Website keywords">
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/all.css">
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/sharp-thin.css">
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/sharp-solid.css">
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/sharp-regular.css">
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/sharp-light.css">
<link rel="stylesheet" href="./styles/dist/css/style.css">
<link rel="icon" href="./assets/favicon-black.ico" type="image/x-icon" media="(prefers-color-scheme: light)">
<link rel="icon" href="./assets/favicon-white.ico" type="image/x-icon" media="(prefers-color-scheme: dark)">
<script>
let lang = localStorage.getItem('selectedLanguage') || 'en';
const preload = document.createElement('link');
preload.rel = 'preload';
preload.href = `./js/translations/${lang}.json`;
preload.as = 'fetch';
preload.crossOrigin = 'anonymous';
document.head.appendChild(preload);
</script>
<link rel="preload" href="./js/translation.js" as="script">
<title data-translate-title="aboutMeNav">Portfolio | About me</title>
</head>
<body>
<div class="floating-dots-container"></div>
<header>
<div class="language-toggle">
<div class="lang-option selected" data-lang="en" data-translate="englishOption">English</div>
<div class="lang-option" data-lang="nl" data-translate="dutchOption">Dutch</div>
<div class="lang-option selected responsive" data-lang="en">EN</div>
<div class="lang-option responsive" data-lang="nl">NL</div>
</div>
<nav>
<a href="index.html" class="home" data-translate="homeNav">Home</a>
<a href="index.html" class="home">
<i class="fa-solid fa-house"></i>
</a>
<a href="about-me.html" class="about-me active" data-translate="aboutMeNav">About me</a>
<a href="about-me.html" class="about-me active">
<i class="fa-solid fa-user"></i>
</a>
<a href="projects.html" class="projects" data-translate="projectsNav">Projects</a>
<a href="projects.html" class="projects">
<i class="fa-solid fa-sharp fa-briefcase"></i>
</a>
</nav>
<a href="contact-me.html" class="contact-me">
<span data-translate="contactMeNav">Contact me</span>
<span class="responsive">
<i class="fa-solid fa-envelope"></i>
</span>
</a>
</header>
<div class="loader">
<div class="spinner"></div>
</div>
<main class="about-me-main">
<div class="about-container">
<div class="image-section">
<img src="./assets/pixel-image.png" alt="">
</div>
<div class="text-section">
<div class="text-wrapper">
<div class="title" data-translate="aboutMeNav">About me</div>
<p class="description" data-translate="aboutMeDescription">
I'm a {age}-year-old software developer with great front-end skills. I have a passion for clean, visually
appealing website. I love coding and I constantly push myself to improve, from mastering CSS/SCSS to
learning other programming languages. My latest project, E-learning, is my personal favorite, it showcases
my eye for detail and creativity in web design. Outside of coding, you'll find me playing guitar or expanding
my collection of over 70 unique Monster Energy cans. My goal is to work as a professional front-end or app
developer.
</p>
</div>
<div class="programming-languages">
<div class="pr-lang">
<img src="./assets/icons/html-icon.png" alt="">
<span>HTML</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/css-icon.png" alt="">
<span>CSS</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/scss-icon.png" alt="">
<span>SCSS</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/javascript-icon.png" alt="">
<span>JavaScript</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/php-icon.png" alt="">
<span>PHP</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/sql-icon.png" alt="">
<span>SQL</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/csharp-icon.png" alt="">
<span>C#</span>
</div>
<div class="pr-lang">
<img src="./assets/icons/figma-icon.png" alt="">
<span>Figma</span>
</div>
</div>
</div>
</div>
</main>
<script src="./js/dots.js" defer></script>
<script src="./js/translation.js"></script>
</body>
</html>