67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>REBOUR - Contemporary Art Furniture</title>
|
|
<meta name="description" content="Rebour: Créateur de mobilier d'art contemporain inspiré du Space Age et du mouvement Memphis.">
|
|
|
|
<!-- Fonts: Outfit (Geometric/Space) & Space Mono (WIP/Technical) -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Custom Cursor Customization -->
|
|
<div class="cursor-dot"></div>
|
|
<div class="cursor-outline"></div>
|
|
|
|
<div class="page-wrapper">
|
|
<!-- Blueprint Grid overlay -->
|
|
<div class="grid-overlay"></div>
|
|
|
|
<header class="header">
|
|
<div class="logo-text">[ REBOUR ]</div>
|
|
<div class="status-badge">
|
|
<span class="blinking-dot"></span> STATUS: W.I.P
|
|
</div>
|
|
</header>
|
|
|
|
<main class="hero">
|
|
<div class="hero-content">
|
|
<p class="mono-subtitle">// ARCHIVE 001</p>
|
|
<h1 class="hero-title">SHAPING<br>THE FUTURE<br>OF <span class="memphis-highlight">FORM</span></h1>
|
|
|
|
<div class="art-piece-container">
|
|
<!-- Abstract CSS Art Piece representing Memphis / Space Age furniture -->
|
|
<div class="art-piece">
|
|
<div class="shape shape-pill"></div>
|
|
<div class="shape shape-circle"></div>
|
|
<div class="shape shape-arch"></div>
|
|
<div class="shape shape-zigzag"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-description">
|
|
<p>Contemporary art furniture bridging the gap between <br><strong>Space Age</strong> geometry and <strong>Memphis</strong> rebellion.</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer-col">
|
|
<span>© 2026 REBOUR STUDIO</span>
|
|
</div>
|
|
<div class="footer-col right">
|
|
<a href="#" class="memphis-link" data-hover="INSTAGRAM">INSTAGRAM</a>
|
|
<a href="#" class="memphis-link" data-hover="CONTACT">CONTACT</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html>
|