/
our-mission.html
94 lines (86 loc) · 3.72 KB
/
our-mission.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
<!doctype html>
<html lang="en">
<head>
<!-- Specifies the character encoding for the HTML document. We are using Unicode which is the most common. -->
<meta charset="utf-8">
<!-- This gives the browser instructions on how to control the page's dimensions and scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=5.0">
<!-- Name of my site -->
<title>Our Mission| Cat Rescue</title>
<!-- My Stylesheet, we will cover this next time -->
<link rel="stylesheet" href="css/styles.css">
<!-- Sets the image shown in the browser tab and on different devices as a shortcut -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<nav class="row">
<div class="logoBlock">
<a href="index.html">
<img src="images/logo.png" alt="cat rescue logo" />
</a>
<h1>Cat Rescue</h1>
</div>
<ul>
<li>Our Mission</li>
<li><a href="about.html">About</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="donate.html">Donate</a></li>
</ul>
</nav>
</header>
<main>
<div class="pageIntro">
<div>
<h1>Our Mission</h1>
<p>We are trying to save all the cats it's imporant!</p>
</div>
</div>
<div class="contentBlock row">
<aside>
<img src="images/cat-image.jpg" alt="gray cat looking up sitting in a basket" />
</aside>
<section>
<h2>Ways You Can Help</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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>
<h3>We Need:</h3>
<ul>
<li>Cat Food</li>
<li>Cat Litter</li>
<li>Small Toys</li>
</ul>
</section>
</div>
<hr>
<div class="contentBlock row">
<aside>
<h2>Statistics</h2>
<ol>
<li>Approximately 7.6 million companion animals enter animal shelters nationwide every year. Of
those, approximately 3.4 million are cats.</li>
<li>Each year, approximately 2.7 million animals are euthanized (1.4 million cats).</li>
<li>Approximately 2.7 million shelter animals are adopted each year (1.3 million cats).</li>
<li>About 649,000 animals who enter shelters as strays are returned to their owners. Of those, only
100,000 are cats.</li>
</ol>
</aside>
<section>
<h2>Watch our Rescued Cats</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QUXhoZFDwQg" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</main>
<footer>
© 2020 Cat Rescue
</footer>
</body>
</html>