-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (85 loc) · 3.44 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pat's Salmon Cookies</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap" rel="stylesheet">
</head>
<header>
<h1>Pat's Salmon Cookies</h1>
</header>
<body>
<main>
<nav>
<a href="/index.html">HOME</a>
<a href="http://">MERCH</a>
<a href="/sales.html">SALES DATA</a>
<a href="">LOCATIONS</a>
</nav>
<div id="BigWave">
<section >
<img class="logo" src="img/salmon.png">
</section>
<h2>OPEN 6am-8pm 7 Days a week </h2>
<p>Outdoor seating is now available in all locations!!!<br><br>Due to Covid deliveries are restricted in certain areas. Call to inquire if this service is available in your area. Minim laboris excepteur non sit fugiat sit veniam tempor labore aliquip. Eiusmod nisi consectetur irure aliquip aliqua exercitation id.<br><br></p>
</div>
<div id="smallwave">
<h3>Our Story</h3>
<section class="Story">
<ul>
<li><img class="family" src="img/family.jpeg"></li>
</ul>
<p>It began with a search for a nutritious snack for our young children. We liquam, laborum odit voluptate sit nulla itaque quisquam quas commodi, labore reiciendis deserunt accusantium accusamus. Ducimus non blanditiis voluptate, distinctio accusantium consequuntur jubdebitis. A guilt-free snack you will love!
<br><br>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sequi vero velit quas consequuntur. Eum esse beatae modi suscipit iusto corporis similique mollitia aspernatur.<br><br><br>
</p>
</section>
</div>
<div id="smallwave">
<h3>Merch</h3>
<section class="Merch">
<ul>
<li><img class="sticker" src="img/fish.jpeg"><figcaption>Stickers 20pack $5</figcaption></li>
<li><img class="shirt" src="img/shirt.jpeg"><figcaption>T-Shirts $20</figcaption></li>
<li><img class="cookiecutter" src="img/cookiecutter.png"><figcaption>Cookie Cutter $5</figcaption></li>
</ul>
<section >
<img class="bottomlogo" src="img/salmon.png">
</section>
</section>
</div>
<footer>
<ul>
<li>Seattle</li>
<li>123 Main St.</li>
<li>123456</li>
</ul>
<ul>
<li>Tokyo</li>
<li>345 Main St.</li>
<li>456456</li>
</ul>
<ul>
<li>Dubai</li>
<li>567 Main St.</li>
<li>765456</li>
</ul>
<ul>
<li>Paris</li>
<li>123 Main St.</li>
<li>454456</li>
</ul>
<ul>
<li>Lima</li>
<li>123 Main St.</li>
<li>123456</li>
</ul>
</footer>
</main>
<script src="json/app.js"></script>
</body>
</html>