|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<meta name="description" content="Cozy Haven Coffee - Premium coffee experience in the heart of the city"> |
|
|
<title>Cozy Haven Coffee</title> |
|
|
<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=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet"> |
|
|
</head> |
|
|
<body> |
|
|
<header> |
|
|
<div class="container"> |
|
|
<div class="logo"> |
|
|
<h1>Cozy Haven</h1> |
|
|
<span>Coffee</span> |
|
|
</div> |
|
|
<nav> |
|
|
<ul> |
|
|
<li><a href="#home">Home</a></li> |
|
|
<li><a href="#menu">Menu</a></li> |
|
|
<li><a href="#about">About</a></li> |
|
|
<li><a href="#contact">Contact</a></li> |
|
|
</ul> |
|
|
</nav> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<section id="home"> |
|
|
<div class="container"> |
|
|
<div class="hero"> |
|
|
<h2>Experience Coffee Perfection</h2> |
|
|
<p>Handcrafted beverages with the finest beans from around the world</p> |
|
|
<img src="https://huggingface.co/datasets/akhaliq/anycoder-media/resolve/main/image/20250824_231605_51c4573a_generated_image_0.jpg" alt="coffee in a cup" style="max-width: 100%; height: auto; border-radius: 8px; margin: 10px 0;" loading="lazy" /> |
|
|
<button id="order-btn">Order Now</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="menu"> |
|
|
<div class="container"> |
|
|
<h2>Our Menu</h2> |
|
|
<div class="menu-items"> |
|
|
<div class="menu-item"> |
|
|
<h3>Espresso</h3> |
|
|
<p>Strong and bold shot of pure coffee</p> |
|
|
<span>$2.50</span> |
|
|
</div> |
|
|
<div class="menu-item"> |
|
|
<h3>Cappuccino</h3> |
|
|
<p>Espresso with steamed milk foam</p> |
|
|
<span>$3.75</span> |
|
|
</div> |
|
|
<div class="menu-item"> |
|
|
<h3>Latte</h3> |
|
|
<p>Smooth espresso with creamy steamed milk</p> |
|
|
<span>$4.25</span> |
|
|
</div> |
|
|
<div class="menu-item"> |
|
|
<h3>Americano</h3> |
|
|
<p>Espresso with hot water</p> |
|
|
<span>$3.00</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="about"> |
|
|
<div class="container"> |
|
|
<h2>About Us</h2> |
|
|
<p>Founded in 2010, Cozy Haven Coffee is dedicated to bringing you the finest coffee experience. Our beans are ethically sourced and roasted in-house to ensure maximum freshness and flavor in every cup.</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="contact"> |
|
|
<div class="container"> |
|
|
<h2>Visit Us</h2> |
|
|
<div class="contact-info"> |
|
|
<div> |
|
|
<h3>Location</h3> |
|
|
<p>123 Coffee Street</p> |
|
|
<p>Brew City, BC 12345</p> |
|
|
</div> |
|
|
<div> |
|
|
<h3>Hours</h3> |
|
|
<p>Monday-Friday: 6am-8pm</p> |
|
|
<p>Weekend: 7am-9pm</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<footer> |
|
|
<div class="container"> |
|
|
<p>© 2023 Cozy Haven Coffee. All rights reserved.</p> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script src="assets/js/script.js"></script> |
|
|
</body> |
|
|
</html> |
