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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
<!doctype html>
<!--
Student: Name Surname
File Name: gallery.html
Date: 2024/11/18
-->
<html lang="en"><head><meta charset="utf-8">
<meta name="description" content="Meet our rescued friends. We have horses, goats, squirrels, pigs, deer, cows, rabbits, birds, turtles, and many more.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/styles.min.css">
<link rel="shortcut icon" href="i/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="i/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="i/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="i/android-chrome-192.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Emblema+One&family=Lora&display=swap" rel="stylesheet">
<title>Gallery | Wild Rescues</title></head><body>
<!-- Skip to Content Link -->
<a class="skip" href="#content">Skip to Content</a>
<div id="wrapper">
<!-- Mobile Nav -->
<nav class="mobile-nav">
<div id="nav-links">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="partnership.html">Partnership</a>
<a href="gallery.html">Gallery</a>
<a href="faqs.html">FAQs</a>
<a href="contact.html">Contact Us</a>
</div>
<a class="nav-icon" onclick="hamburger()">
<div id="icon">☰</div>
</a>
</nav>
<header>
<div class="tab-desk">
<a href="index.html">
<img src="i/baby-hawk.jpg" alt="rescued baby hawk">
</a>
</div>
<div class="mobile">
<h1>🐾 Wild Rescues</h1>
<h3>Rescue. Rehabilitate. Release.</h3>
</div>
</header>
<nav class="tab-desk">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="partnership.html">Partnership</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Use the main area to add the main content to the webpage -->
<main id="content" class="grid">
<aside>
<p>Meet our friends in need.</p>
</aside>
<figure> <!-- Figure Element 1 -->
<img src="i/blind-deer.jpg" alt="blind deer">
<figcaption>Russ is a blind deer. He was brought
to us by a hunter who found him wandering in
circles.</figcaption>
</figure>
<figure> <!-- Figure Element 2 -->
<img src="i/baby-squirrel.jpg"
alt="baby squirrel on a tree house">
<figcaption>Meet Nugget. He is learning how to
climb trees and will be released in a few more
weeks.</figcaption>
</figure>
<figure> <!-- Figure Element 3 -->
<img src="i/cow.jpg" alt="face of a cow">
<figcaption>This is Ellie. She was neglected by
her owner and malnourished when she was rescued.
</figcaption>
</figure>
<figure> <!-- Figure Element 4 -->
<img src="i/goat.jpg"
alt="goat laying in the grass">
<figcaption>Say hi to Vinny. His back legs were
injured, making it difficult for him to get
around.</figcaption>
</figure>
<figure> <!-- Figure Element 5 -->
<img src="i/pig.jpg" alt="pig standing">
<figcaption>Rosie was just a baby when she
arrived. Now she has babies.</figcaption>
</figure>
<figure> <!-- Figure Element 6 -->
<img src="i/baby-pig.jpg" alt="pig standing">
<figcaption>Squirt is one of Rosie’s babies.
</figcaption>
</figure>
<figure> <!-- Figure Element 7 -->
<img src="i/horse.jpg" alt="face of a horse">
<figcaption>Muffin has come a long way. She was
very thin when she was rescued.</figcaption>
</figure>
<figure> <!-- Figure Element 8 -->
<img src="i/hawk.jpg" alt="baby hawk">
<figcaption>Poor Harley was rescued when he was
just three weeks old. He is getting big and will
be released in about a month.</figcaption>
</figure>
<figure> <!-- Figure Element 9 -->
<img src="i/bearded-dragon.jpg" alt="bearded dragon">
<figcaption>Gizmo was abandoned by his owner and
is available for adoption.</figcaption>
</figure>
<figure> <!-- Figure Element 10 -->
<img src="i/bird.jpg" alt="cockatoo">
<figcaption>Peaches was also abandoned by his
owner. He loves to talk.</figcaption>
</figure>
<figure> <!-- Figure Element 11 -->
<img src="i/hedgehog.jpg" alt="hedgehog">
<figcaption>Sonny was just a baby when he was
brought to us for rehabilitation.</figcaption>
</figure>
<figure> <!-- Figure Element 12 -->
<img src="i/tortoise-pyramid.jpg"
alt="tortoise with shell pyramiding">
<figcaption>Poor Victor has "shell pyramiding,"
a form of bone disease.</figcaption>
</figure>
</main>
<footer>
<div class="copyright">
<p>© Copyright 2021. All Rights Reserved.</p>
<a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a>
</div>
<div class="social">
<a href="https://www.facebook.com"><img src="i/facebook-logo.png" alt="Facebook logo"></a>
<a href="https://www.twitter.com"><img src="i/twitter-logo.png" alt="Twitter logo"></a>
</div>
</footer>
</div>
<script src="scripts/script.js"></script>
</body></html>
|
