-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (95 loc) · 5.12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Jesse Flores">
<meta name="description" content="Learn about our bakery and view our menu which includes a wide selection of products.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Tim's Bake n Bake</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Page header -->
<header>
<nav class="navbar">
<a class="navbar__home" href="#">Tim's Bake n Bake</a>
<button class="navbar__menubtn" type="button" name="button" role="button">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
<div class="navbar__options">
<ul class="navbar__list">
<li class="navbar__item"><a href="#mission">About</a></li>
<li class="navbar__item"><a href="./menu.html">Menu</a></li>
<li class="navbar__item"><a href="#info">Contact</a></li>
</ul>
</div>
</nav>
</header>
<!-- Main page content -->
<main>
<div class="intro">
<h1 class="intro__title">Bread</h1>
<p class="intro__description">Freshly baked, all the time every time.</p>
</div>
<div id="mission" class="mission">
<div class="mission__imgcontainer">
<img src="img/dough.jpg" alt="A ball of bread dough on a flour covered table">
</div>
<div class="mission__descriptions">
<h2>Our Philosophy</h2>
<p class="mission__paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="mission__sign">Signature</p>
</div>
</div>
<div class="products">
<div class="products__description">
<h2>Freshly baked</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="products__menu">
<div class="products__menuouter">
<div class="products__menuinner">
<a class="products__menubtn" href="./menu.html">View Menu</a>
</div>
</div>
</div>
</div>
</main>
<!-- Page footer -->
<footer>
<div id="info" class="info">
<div class="address">
<h4>Address</h4>
<p>123 Street<br> Big City, State</p>
</div>
<div class="hours">
<h4>Hours</h4>
<p>Mon-Fri: 7am-5pm</p>
<p>Sat-Sun: 8am-2pm</p>
</div>
<div class="contact">
<h4>Contact</h4>
<p>(123)-456-780</p>
<p>info@email com</p>
</div>
<div class="follow">
<h4>Follow Us</h4>
<a class="twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
<a class="facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
</div>
</div>
<span>© 2022 Jesse Flores</span>
</footer>
<script src="js/script.js"></script>
</body>
</html>