|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Brew Perfect | Artisan Coffee</title> |
|
|
<meta name="description" content="Artisanal coffee shop brewing the perfect cup since 2015"> |
|
|
<link rel="stylesheet" href="assets/css/styles.css"> |
|
|
<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=Montserrat:wght@400;700&display=swap" rel="stylesheet"> |
|
|
</head> |
|
|
<body> |
|
|
<header> |
|
|
<nav> |
|
|
<div class="logo">Brew Perfect</div> |
|
|
<ul class="nav-links"> |
|
|
<li><a href="#menu">Menu</a></li> |
|
|
<li><a href="#about">About</a></li> |
|
|
<li><a href="#contact">Contact</a></li> |
|
|
</ul> |
|
|
<div class="burger"><span></span><span></span><span></span></div> |
|
|
</nav> |
|
|
</header> |
|
|
|
|
|
<section class="hero"> |
|
|
<div class="hero-text"> |
|
|
<h1>Crafted with Passion</h1> |
|
|
<p>Experience the art of coffee with our expertly roasted beans</p> |
|
|
<a href="#menu" class="cta">View Our Menu</a> |
|
|
</div> |
|
|
<div class="hero-image"> |
|
|
<img src="https://huggingface.co/datasets/akhaliq/anycoder-media/resolve/main/image/20250824_225843_b0ccc994_generated_image_0.jpg" alt="cup full of coffee" style="max-width: 100%; height: auto; border-radius: 8px; margin: 10px 0;" loading="lazy" /> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="menu" class="menu"> |
|
|
<h2>Our Signature Brews</h2> |
|
|
<div class="menu-items"> |
|
|
<div class="menu-item"> |
|
|
<h3>Espresso</h3> |
|
|
<p class="price">$3.50</p> |
|
|
<p>Rich and bold with notes of dark chocolate</p> |
|
|
</div> |
|
|
<div class="menu-item"> |
|
|
<h3>Cappuccino</h3> |
|
|
<p class="price">$4.25</p> |
|
|
<p>Perfect balance of espresso, steamed milk, and foam</p> |
|
|
</div> |
|
|
<div class="menu-item"> |
|
|
<h3>Pour Over</h3> |
|
|
<p class="price">$5.00</p> |
|
|
<p>Single-origin beans brewed to highlight unique flavors</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="about" class="about"> |
|
|
<h2>Our Story</h2> |
|
|
<p>Founded in 2015, Brew Perfect began with a simple mission: to serve the most exceptional coffee in town. We source our beans directly from sustainable farms around the world and roast them in-house to ensure maximum freshness and flavor.</p> |
|
|
</section> |
|
|
|
|
|
<section id="contact" class="contact"> |
|
|
<h2>Visit Us</h2> |
|
|
<div class="contact-info"> |
|
|
<p>123 Coffee Street</p> |
|
|
<p>Portland, OR 97201</p> |
|
|
<p>Hours: Mon-Fri 7am-6pm, Sat-Sun 8am-7pm</p> |
|
|
<p>Phone: (555) 123-4567</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<footer> |
|
|
<p>© 2023 Brew Perfect. All rights reserved.</p> |
|
|
</footer> |
|
|
|
|
|
<script src="assets/js/script.js"></script> |
|
|
</body> |
|
|
</html> |
