Scribd
Upload
8 views4 pages

DNSKD

Uploaded by

Julia Cabralda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views4 pages

DNSKD

Uploaded by

Julia Cabralda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffee Shop Menu</title>
<link href="https://fonts.googleapis.com/css2?
family=Playfair+Display&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style1.css">
</head>
<body>

<!-- Navigation Bar -->


<nav class="navbar">
<div class="logo">
<img src="logo.png" alt="Coffee Shop Logo">
</div>
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Contacts</a></li>
</ul>
<div class="cart-icon">
<img src="cart.png" alt="Cart">
</div>
</nav>

<!-- Centered "Our Menu" Heading -->


<section class="menu-section">
<h1>Our Menu</h1>
</section>

<!-- Menu Section -->


<section class="menu-container">

<div class="menu-category"> <!-- removed reverse class here -->


<div class="menu-image">
<img src="coffemenu.png" alt="Espresso">
</div>
<div class="menu-items">
<h2>ESPRESSO</h2>
<div class="menu-item">
<div class="item-info">
<h3>Americano</h3>
<p>Espresso with ice, milk, and hazelnut.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Cappuccino</h3>
<p>Espresso with steamed milk and velvety foam.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Double Espresso</h3>
<p>Two bold shots of rich, intense coffee.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Hot Chocolate</h3>
<p>Rich and creamy chocolate drink with marshmallows.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Latte</h3>
<p>Smooth espresso with steamed milk and a light layer of
foam.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>

</div>
</div>

<!-- ICE COFFEE SECTION -->


<div class="menu-category reverse">
<div class="menu-image">
<img src="ice coffee.png" alt="Ice Coffee">
</div>
<div class="menu-items">
<h2>ICE COFFEE</h2>
<div class="menu-item">
<div class="item-info">
<h3>Hazelnut Latte</h3>
<p>Espresso with ice, milk, and hazelnut.</p>
</div>
<div class="item-price">
<span>PHP 100.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Matcha Latte</h3>
<p>Sweetened matcha with milk.</p>
</div>
<div class="item-price">
<span>PHP 120.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Spanish Latte</h3>
<p>Espresso with condensed milk.</p>
</div>
<div class="item-price">
<span>PHP 130.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Native Chocolate</h3>
<p>Thick chocolate made from local cacao beans.</p>
</div>
<div class="item-price">
<span>PHP 150.00</span>
<button>Add to Cart</button>
</div>
</div>

<div class="menu-item">
<div class="item-info">
<h3>French Vanilla Latte</h3>
<p>Espresso with milk and vanilla.</p>
</div>
<div class="item-price">
<span>PHP 150.00</span>
<button>Add to Cart</button>
</div>
</div>
</div>
</div>

<!-- SNACK SECTION -->


<div class="menu-category">
<div class="menu-image">
<img src="snack.png" alt="Snack">
</div>
<div class="menu-items">
<h2>SNACK</h2>
<div class="menu-item">
<div class="item-info">
<h3>Fiesta Nachos</h3>
<p>Crunchy nachos loaded with meat and salsa, served with a
rich cheese dip.</p>
</div>
<div class="item-price">
<span>PHP 80.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>House Burger</h3>
<p>Our original beef patty, ham, bacon, and egg with fresh
lettuce and tomatoes. Served with fries.</p>
</div>
<div class="item-price">
<span>PHP 180.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>Moza Stixx</h3>
<p>Crispy mozzarella sticks served hot and cheesy.</p>
</div>
<div class="item-price">
<span>PHP 130.00</span>
<button>Add to Cart</button>
</div>
</div>
<div class="menu-item">
<div class="item-info">
<h3>carbonara</h3>
<p> Rich and creamy pasta topped with bacon, served with
garlic bread.</p>
</div>
<div class="item-price">
<span>PHP 180.00</span>
<button>Add to Cart</button>
</div>
</div>

<div class="menu-item">
<div class="item-info">
<h3>Spaghetti</h3>
<p>Sweet and savory spaghetti topped with cheese, served
with a crispy fried chicken lollipop.</p>
</div>
<div class="item-price">
<span>PHP 180.00</span>
<button>Add to Cart</button>
</div>
</div>
</div>
</div>

</section>

</body>
</html>

You might also like