-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutSalmon.html
67 lines (60 loc) · 2.28 KB
/
aboutSalmon.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Salmon Cookie Shop: Home</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/frontpage.css">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>
<body>
<header>
<a href="index.html">
<img id="logo" src="images/salmon.png" alt="Salmon Cookies Logo">
<h1 class="logotext" id="salmon">Salmon </h1>
<h1 class="logotext" id="cookies">Cookies </h1>
</a>
<ul id=navbar>
<li>
<a href="frontpage.html" alt="About Us">About Us</a>
</li>
<li>
<a href="aboutSalmon.html" alt= "aboutSalmon">About Salmon</a>
</li>
<li>
<a href="merch.html">Our Merch Store</a>
</li>
<li>
<a href="#">Locations</a>
</li>
<li>
<a href="#">Contact Us</a>
</li>
<li>
<a href="sales.html">Sales Information</a>
</li>
</ul>
</header>
<content>
<h2> About Salmon In the Pacific Northwest</h2>
<section id="sectionOne">
<h3>Salmon as a Species</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum enim quia fuga quo sequi recusandae! Iure repellendus minima architecto itaque voluptatum minus?
</p>
<img src="images/chinook.jpg" alt="sub-banner1" title="sub-banner1">
</section>
<section id="sectionTwo">
<h3>Salmon in PNW Culture</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis ab id beatae obcaecati illum facere, eaque aspernatur. Aut similique dolorem, rem quidem.
</p>
<img src="images/fish.jpg" alt="sub-banner1" title="sub-banner1" class="middle">
</section>
<section id="sectionThree">
<h3>Salmon and the Environment</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis ab id beatae obcaecati illum facere, eaque aspernatur. Aut similique dolorem, rem quidem.
</p>
<img src="http://placehold.it/300x175/000" alt="sub-banner1" title="sub-banner1">
</section>
</body>
</html>