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="homeNav">Portfolio | Home</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 active" data-translate="homeNav">Home</a>
<a href="index.html" class="home active">
<i class="fa-solid fa-house"></i>
</a>
<a href="about-me.html" class="about-me" data-translate="aboutMeNav">About me</a>
<a href="about-me.html" class="about-me">
<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="home-main">
<div class="profile-container">
<div class="text-section">
<div class="title" data-translate="homeTitle">Hi, I'm Rick Deurloo</div>
<div class="description" data-translate="homeDesc">
</div>
<div class="bottom-wrapper">
<a href="contact-me.html" class="contact-me-btn" data-translate="contactMeNav">Contact me</a>
<a href="contact-me.html" class="contact-me-btn responsive">
<i class="fa-solid fa-envelope"></i>
</a>
<div class="socials">
<a href="https://github.com/Rickd377" target="_blank" title="Github">
<i class="fa-brands fa-github"></i>
</a>
<a href="https://www.instagram.com/rickd377_/" target="_blank" title="Instagram">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/in/rick-deurloo-939934295/" target="_blank" title="LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</main>
<script src="./js/dots.js" defer></script>
<script src="./js/translation.js"></script>
</body>
</html>