191 lines
No EOL
9 KiB
HTML
Executable file
191 lines
No EOL
9 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Home | Sweet Bake - European style Bakery</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="shortcut icon" href="images/home-logo.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
|
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="#" class="brand">Sweet Bake</a>
|
|
<div class="menu-btn"></div>
|
|
<div class="nav">
|
|
<div class="nav-items">
|
|
<a href="menu.html">Order online</a>
|
|
<a href="gallery.html">Gallery</a>
|
|
<a href="about.html">About</a>
|
|
<a href="contact.html">Contact</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!------------ landing page ------------>
|
|
<section class="home">
|
|
<video src="video/home-1.mp4" class="video-slide active" autoplay muted loop></video>
|
|
<video src="video/home-2.mp4" class="video-slide" autoplay muted loop></video>
|
|
<div class="content active">
|
|
<h1>We bake the world a better place</h1>
|
|
<p>We are delighted to present to you daily, an irresistible selection of fresh ingredients</p>
|
|
<a href="./menu.html">Our Menu</a>
|
|
</div>
|
|
<div class="content">
|
|
<h1>Celebrate your holiday with us</h1>
|
|
<p>Enhance your holiday with our delightful array of freshly baked goods <br> and aromatic brewed beverages.</p>
|
|
<a href="./menu.html">Order Now</a>
|
|
</div>
|
|
<div class="slider-nav">
|
|
<div class="nav-btn active"></div>
|
|
<div class="nav-btn"></div>
|
|
</div>
|
|
</section>
|
|
<!------------ content-1 ------------>
|
|
<div class="gallery">
|
|
<div class="container">
|
|
<div class="tab">
|
|
<input type="radio" class="tab-radio" name="tab-example" id="tab1" checked>
|
|
<label for="tab1" class="tab-label"><img src="images/bakery.png" alt=""><br><br>pastry</label>
|
|
<div class="tab-content">
|
|
<div class="note">
|
|
<div class="container">
|
|
<div class="note-detail">
|
|
<div class="note-img">
|
|
<img src="images/hero-bakery.jpg" alt="">
|
|
</div>
|
|
<div class="note-text">
|
|
<div class="note-text-title">
|
|
<h2>Now</h2>
|
|
</div>
|
|
<h1>Fresh pastries available daily</h1>
|
|
<p>Check out fresh pastries selection for the very best in unique or custom, cookies, tarts, and more. Pre-orders are available</p>
|
|
<div class="order-btn"><a href="#">Order Now</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="radio" class="tab-radio" name="tab-example" id="tab2">
|
|
<label for="tab2" class="tab-label"><img src="images/cake.png" alt=""><br><br> Cake</label>
|
|
<div class="tab-content">
|
|
<div class="note">
|
|
<div class="container">
|
|
<div class="note-detail">
|
|
<div class="note-img">
|
|
<img src="images/hero-cake.jpg" alt="">
|
|
</div>
|
|
<div class="note-text-1">
|
|
<div class="note-text-title-1">
|
|
<h2>Cheers</h2>
|
|
</div>
|
|
<h1>Wishing you a holly jolly <br><span>Christmas</span></h1>
|
|
<p>We would love to cater your holiday gathering! <br> Pre-orders are available</p>
|
|
<div class="order-btn-1"><a href="#">Order Now</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="radio" class="tab-radio" name="tab-example" id="tab3">
|
|
<label for="tab3" class="tab-label"><img src="images/cup.png" alt=""><br><br> Coffee</label>
|
|
<div class="tab-content">
|
|
<div class="note">
|
|
<div class="container">
|
|
<div class="note-detail">
|
|
<div class="note-img">
|
|
<img src="images/hero-coffee.jpg" alt="">
|
|
</div>
|
|
<div class="note-text">
|
|
<div class="note-text-title">
|
|
<h2>New</h2>
|
|
</div>
|
|
<h1>Enjoy your Coffee</h1>
|
|
<p>A cup of coffee lasts only a moment, but it is that moment that makes your day better. <br> Discover you perfect cup with us</p>
|
|
<div class="order-btn"><a href="#">Try Now</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!------------ content-2 ------------>
|
|
<div class="content-2">
|
|
<h1>Best Selling</h1>
|
|
<div class="con-2">
|
|
<div class="container">
|
|
<div class="con-2-detail">
|
|
<div class="con-2-img">
|
|
<img src="images/best-selling-1.jpg" alt="">
|
|
<div class="con-2-text">
|
|
<h3>Macarons</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
|
|
<button class="con-2-btn"><a href="#">Order Now</a></button>
|
|
</div>
|
|
</div>
|
|
<div class="con-2-img">
|
|
<img src="images/best-selling-2.jpg" alt="">
|
|
<div class="con-2-text">
|
|
<h3>Cream Puffs</h3>
|
|
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
<button class="con-2-btn"><a href="#">Order Now</a></button>
|
|
</div>
|
|
</div>
|
|
<div class="con-2-img">
|
|
<img src="images/best-selling-3.jpg" alt="">
|
|
<div class="con-2-text">
|
|
<h3>Cheesecake</h3>
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
<button class="con-2-btn"><a href="#">Order Now</a></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!------------ content-3 ------------>
|
|
<div class="content-3">
|
|
<div class="con-3">
|
|
<div class="container">
|
|
<div class="con-3-detail">
|
|
<div class="con-3-text">
|
|
<h1>current hours</h1>
|
|
</div>
|
|
<div class="con-3-text-detail">
|
|
<h3>Business Hours</h3>
|
|
<p>Monday - Saturday 10:00am - 4:00pm</p>
|
|
<p>Sundays 11:00am - 4:00pm</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="con-3-img"><img src="images/con-3.jpg" alt=""></div>
|
|
</div>
|
|
<!------------ content-4 ------------>
|
|
<div class="content-4">
|
|
<h2>Looking to inquire or ready to make an order?</h2>
|
|
<button class="con-2-btn"><a href="#">Contact Us</a></button>
|
|
<h3>Sweet Bake</h3>
|
|
<div class="con-4-social">
|
|
<a href="#"><i class='bx bxl-facebook'></i></a>
|
|
<a href="#"><i class='bx bxl-instagram' ></i></a>
|
|
<a href="#"><i class='bx bx-mail-send'></i></a>
|
|
<a href="#"><i class='bx bx-phone' ></i></a>
|
|
</div>
|
|
<div class="con-text-4">
|
|
<a href="#">Policy</a>
|
|
<a href="#">FAQ</a>
|
|
</div>
|
|
</div>
|
|
<!------------ footer ------------>
|
|
<footer>
|
|
<p>© 2023 All Right Reserved</p>
|
|
</footer>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |