53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Joel Jonischus | Portfolio</title>
|
|
<link rel="stylesheet" href="joel-jonischus.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar">
|
|
<div class="nav-content">
|
|
<a href="#home" class="logo">Joel</a>
|
|
<ul class="nav-links">
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#about">About me</a></li>
|
|
<li><a href="#gallery">Gallery</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<section id="home" class="hero">
|
|
<div class="hero-text">
|
|
<h1>Design. Innovation. Joel.</h1>
|
|
<p>Einfachheit ist die höchste Stufe der Vollendung.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="about-section">
|
|
<div class="container">
|
|
<h2>Über mich</h2>
|
|
<p>Ich bin ein kreativer Kopf mit einer Leidenschaft für digitale Ästhetik. Mein Ziel ist es, Technologie nicht nur funktional, sondern emotional erlebbar zu machen. Wenn ich nicht gerade an neuen Interfaces feile, finde ich Inspiration in der Architektur und der Stille der Natur.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="gallery" class="gallery-section">
|
|
<div class="container">
|
|
<h2>Gallery</h2>
|
|
<div class="bento-grid">
|
|
<div class="grid-item tall" style="background-color: #f2f2f2;"><span>Konzept 01</span></div>
|
|
<div class="grid-item" style="background-color: #e5e5e5;"><span>Minimalismus</span></div>
|
|
<div class="grid-item" style="background-color: #d1d1d1;"><span>Struktur</span></div>
|
|
<div class="grid-item wide" style="background-color: #000; color: #fff;"><span>Night Mode</span></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2024 Joel Jonischus. Designed with precision.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |