diff options
Diffstat (limited to '07/gallery.html')
| -rw-r--r-- | 07/gallery.html | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/07/gallery.html b/07/gallery.html new file mode 100644 index 0000000..2432bd4 --- /dev/null +++ b/07/gallery.html @@ -0,0 +1,122 @@ +<!doctype html> +<!-- + Student: Name Surname + File Name: gallery.html + Date: 2024/10/03 +--> +<html lang="en"><head><meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<link rel="stylesheet" href="css/styles.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>Wild Rescues: Gallery</title></head><body> +<div id="wrapper"> + <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> + <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 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> + <p>© Copyright 2021. All Rights Reserved.</p> + <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> + </footer> +</div> +</body></html> |