<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>HANDOVE | 革の美学</title>
<meta name=”description” content=”HANDOVE – 時を纏う、手仕事のレザーブランド。”>
<link rel=”stylesheet” href=”style.css”> <!– 外部CSS –>
</head>
<body>
<header class=”site-header”>
<div class=”logo”>
<a href=”/”>HANDOVE</a>
</div>
<nav class=”main-nav”>
<ul>
<li><a href=”#about”>About</a></li>
<li><a href=”#lookbook”>Lookbook</a></li>
<li><a href=”#products”>Products</a></li>
<li><a href=”#journal”>Journal</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</nav>
</header>
<section class=”hero” style=”background-image: url(‘images/hero.jpg’);”>
<div class=”overlay”>
<h1 class=”catch”>時を纏う</h1>
<p class=”subcatch”>CRAFTED IN STILLNESS. AGED WITH GRACE.</p>
</div>
</section>
<section class=”philosophy” id=”about”>
<h2>Philosophy</h2>
<p>
縫い目に宿る静けさ。
手の痕跡が、時を美しくする。
私たちが作るのは「モノ」ではなく、「時間の器」です。
</p>
</section>
<section class=”lookbook-preview” id=”lookbook”>
<h2>Lookbook</h2>
<div class=”gallery”>
<figure><img src=”images/look1.jpg” alt=”レザーと陽光”><figcaption>Natural Aging</figcaption></figure>
<figure><img src=”images/look2.jpg” alt=”工房の手元”><figcaption>Studio Silence</figcaption></figure>
</div>
<a href=”/lookbook” class=”btn”>View More</a>
</section>
<section class=”product-preview” id=”products”>
<h2>Products</h2>
<div class=”product-list”>
<article>
<img src=”images/product1.jpg” alt=”handove wallet”>
<h3>Minimal Wallet</h3>
<p>一枚革で仕立てた、手のひらの質感。</p>
</article>
<article>
<img src=”images/product2.jpg” alt=”handove key holder”>
<h3>Key Holder</h3>
<p>持つ人の手に馴染む、日常の彫刻。</p>
</article>
</div>
<a href=”/products” class=”btn”>All Products</a>
</section>
<section class=”journal-preview” id=”journal”>
<h2>Journal</h2>
<article>
<h3>革と向き合うということ</h3>
<time datetime=”2025-06-01″>2025年6月1日</time>
<p>素材と語り、沈黙の中で縫いあげる時間。HANDOVEの制作現場より。</p>
<a href=”/journal/leather-dialogue”>続きを読む</a>
</article>
</section>
<footer class=”site-footer” id=”contact”>
<div class=”contact”>
<p>Contact: info@handove.jp</p>
<p>Instagram: <a href=”https://instagram.com/handove” target=”_blank”>@handove</a></p>
</div>
<p class=”copyright”>© 2025 HANDOVE</p>
</footer>
</body>
</html>