Social_Cooking/index.html
2026-03-29 23:17:37 +02:00

69 lines
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Social Cooking Wireframe</title>
<!-- Stylesheet für diese Seite-->
<link rel="stylesheet" href="css/landingpage.css" />
<!-- Globales Stylesheet -->
<link rel="stylesheet" href="css/stylesheet_global.css">
</head>
<body>
<!-- Top Navigation mit Seitenlinks -->
<header class="top-nav-wrap">
<div class="top-nav">
<a class="brand" href="index.html" aria-label="Zur Startseite">
<img src="assets/invite-logo.svg" alt="Invite Logo">
</a>
<nav class="top-nav-links" aria-label="Hauptnavigation">
<a class="nav-link active" href="event_overview.html" aria-current="page">Event finden</a>
<a class="nav-link" href="event_create.html">Event erstellen</a>
<a class="profile-pill" href="login.html" aria-label="Profil">M</a>
</nav>
</div>
</header>
<main class="main-content">
<section class="hero">
<div class="hero__left">
<h1 class="hero__title">Zu Tisch mit Fremden bereit für die nächste kulinarische Begegnung?</h1>
<p class="hero__description">Dein Ort um neue Leute kennen zu lernen! Erstelle eigene Events und lade Gäste zu dir nach Hause ein.</p>
<a class="btn btn--primary" href="signup.html">Anmelden</a>
</div>
<div class="hero__right">
<div class="image-card">
<div class="image-card__placeholder"></div>
<div class="social-badge">
<span class="social-badge__dot"></span>
<span class="social-badge__dot"></span>
<span class="social-badge__dot"></span>
</div>
</div>
</div>
</section>
<section class="gallery">
<div class="gallery__track">
<article class="gallery__item"><div class="placeholder"></div></article>
<article class="gallery__item"><div class="placeholder"></div></article>
<article class="gallery__item"><div class="placeholder"></div></article>
</div>
<div class="gallery__dots">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</section>
</main>
</div>
<script src="js/landingpage.js"></script>
</body>
</html>