111 lines
No EOL
4.6 KiB
HTML
Executable file
111 lines
No EOL
4.6 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>Contact Us | 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 href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="index.html" class="brand" id="brand-1">Sweet Bake</a>
|
|
<div class="menu-btn"></div>
|
|
<div class="nav">
|
|
<div class="nav-items" id="nav-items-1">
|
|
<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>
|
|
<!------------ contact page ------------>
|
|
<div class="contact-form">
|
|
<div class="contact-title">
|
|
<h2>Contact Us</h2>
|
|
</div>
|
|
<div class="contact-box">
|
|
<div class="contact form">
|
|
<p>Delivery: <span>We do not deliver, all order are in-house pickup.</span></p>
|
|
<p>Cake Design: <span>We can do color changes and topping changes for cakes, but we do not stray from our original cake designs</span></p>
|
|
<form>
|
|
<div class="formbox">
|
|
<div class="row">
|
|
<div class="inputbox">
|
|
<span>First Name</span>
|
|
<input type="text">
|
|
</div>
|
|
<div class="inputbox">
|
|
<span>Last Name</span>
|
|
<input type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="inputbox">
|
|
<span>Email</span>
|
|
<input type="text">
|
|
</div>
|
|
<div class="inputbox">
|
|
<span>Phone Number</span>
|
|
<input type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row1">
|
|
<div class="inputbox">
|
|
<span>Message</span>
|
|
<textarea></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row1">
|
|
<div class="inputbox">
|
|
<input type="submit" value="Send">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="contact info">
|
|
<h3>Hours/Location/Number </h3>
|
|
<div class="infobox">
|
|
<div>
|
|
<p>Monday - Saturday 10:00am - 4:00pm</p>
|
|
<p>Sundays 11:00am - 4:00pm</p>
|
|
<p>1234 N Lincoln Park W <br>Chicago, IL 606060</p>
|
|
<p>(123) 456-7890</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact map">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2968.658151457756!2d-87.63621522350827!3d41.921706962682066!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd36b093a9a07%3A0x940cc06f90294db!2sLincoln%20Park%20Zoo!5e0!3m2!1sth!2sus!4v1703708663155!5m2!1sth!2sus" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-4">
|
|
<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> |