diff options
author | | 1970-01-01 00:00:00 +0000 |
---|---|---|
committer | | 2025-01-14 03:20:53 +0000 |
commit | 588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6 (patch) | |
tree | f1dbc0e6ff59af610a6043889606a8534ef6b1d4 /07 | |
parent | rescue 12 (diff) | |
download | html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.gz html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.bz2 html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.xz html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.zip |
rescue
Diffstat (limited to '07')
-rw-r--r-- | 07/about.html | 81 | ||||
-rw-r--r-- | 07/contact.html | 60 | ||||
-rw-r--r-- | 07/css/styles.css | 270 | ||||
-rw-r--r-- | 07/gallery.html | 122 | ||||
-rw-r--r-- | 07/index.html | 72 | ||||
-rw-r--r-- | 07/question.txt | 32 | ||||
-rw-r--r-- | 07/template.html | 53 |
7 files changed, 0 insertions, 690 deletions
diff --git a/07/about.html b/07/about.html deleted file mode 100644 index 03c0c88..0000000 --- a/07/about.html +++ /dev/null @@ -1,81 +0,0 @@ -<!doctype html> -<!-- - Student: Name Surname - File Name: about.html - Date: 2024/09/23 ---> -<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: About</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> - <div id="info"> - <h2>About Us</h2> - <p>Wild Rescues is a registered nonprofit wildlife - rescue and rehabilitation facility, located in Ocala, - Florida. We help injured, sick, neglected, and orphaned - wildlife. We help rehabilitate these animals and then - release them back into the wild, if possible.</p> - <p>Wild Rescues is a member of the - <a href="https://www.nwrawildlife.org" class="link"> - National Wildlife Rehabilitators Association.</a> - </p> - - <img class="round" src="i/tortoise.jpg" - alt="tortoise eating vegetation"> - - <h3>We help many animals, such as:</h3> - <ul> - <li>Raccoons</li> - <li>Squirrels</li> - <li>Fox</li> - <li>Birds</li> - <li>Horses</li> - <li>Deer</li> - <li>Pigs</li> - <li>Reptiles</li> - </ul> - - <p class="action">Did you find an injured or orphaned animal? - Contact us to see if we can help.</p> - </div> - </main> - - <footer> - <p>© Copyright 2021. All Rights Reserved.</p> - <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> - </footer> -</div> -</body></html> diff --git a/07/contact.html b/07/contact.html deleted file mode 100644 index 7bfa0bf..0000000 --- a/07/contact.html +++ /dev/null @@ -1,60 +0,0 @@ -<!doctype html> -<!-- - Student: Name Surname - File Name: contact.html - Date: 2024/09/23 ---> -<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: Contact</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> - <div id="contact"> - <h2>You can reach us at:</h2> - <p class="tel-link round mobile"><a href="tel:8145558989">(814) 555-8989</a></p> - <p class="tab-desk">(814) 555-8989</p> - <p>Email: <a href="mailto:contact@wildrescues.net" class="link"> - contact@wildrescues.net</a></p> - <p>Address: <a target="_blank" href="https://osm.org/go/ZGOXX6Y--" - class="link">Rescue Drive, Ocala, FL 34471</a></p> - </div> - </main> - - <footer> - <p>© Copyright 2021. All Rights Reserved.</p> - <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> - </footer> -</div> -</body></html> diff --git a/07/css/styles.css b/07/css/styles.css deleted file mode 100644 index 5580dad..0000000 --- a/07/css/styles.css +++ /dev/null @@ -1,270 +0,0 @@ -/* - Author: Name Surname - File Name: styles.css - Date: 2024/09/23 -*/ - -/* CSS Reset */ -body,header,nav,main,footer,img,h1,h3,ul, -aside,figure,figcaption{ - margin: 0px; - padding: 0px; - border: 0px; -} - -/* Style rules for body and images */ -body{ - background-color: #F6EEE4; -} - -img{ - max-width: 100%; - display: block; -} - -/* Style rules for mobile viewport */ - -/* Style rules to show show mobiile class and hide tab-desk class */ -.mobile{ - display: block; -} - -.tab-desk{ - display: none; -} - -/* Style rules for header area */ -.mobile h1, -.mobile h3{ - padding: 2%; - text-align: center; -} - -.mobile h1{ - font-family: "Emblema One",system-ui; - font-weight: 400; - font-style: normal; -} - -.mobile h3{ - font-family: "Lora",serif; - font-weight: 400; - font-style: normal; -} - -/* Style rules for navigation area */ -nav{ - background-color: #2A1F14; -} - -nav ul{ - list-style: none; - text-align: center; -} - -nav li{ - display: block; - font-size: 1.5em; - font-family: Geneva,Arial,sans-serif; - font-weight: bold; - border-top: 0.5px solid #F6EEE4; -} - -nav li a{ - display: block; - color: #F6EEE4; - padding-top: 0.5em; - padding-bottom: 0.5em; - padding-left: 2em; - padding-right: 2em; - text-decoration: none; -} - -/* Style rules for main content */ -main{ - padding: 2%; - font-family: "Lora",serif; - font-weight: 400; - font-style: normal; -} - -main p{ - font-size: 1.25em; -} - -main h3{ - padding-top: 2%; -} - -main ul{ - list-style: square; -} - -/* Style rules for class and id selectors */ -.link{ - color: #4D3319; - text-decoration: none; - font-weight: bold; - font-style: italic; -} - -.action{ - font-size: 1.75em; - font-weight: bold; - text-align: center; -} - -.round{ - border-radius: 6px; -} - -aside{ - text-align: center; - font-size: 1.5em; - font-weight: bold; - text-shadow: 4px 4px 10px #C5A687; -} - -figure{ - border: 4px solid #2A1F14; - box-shadow: 6px 6px 10px #C5A687; - max-width: 400px; - margin: 2% auto; -} - -figcaption{ - padding: 2%; - border-top: 4px solid #2A1F14; -} - -#info ul{ - margin-left: 10%; -} - -#contact{ - text-align: center; -} - -.tel-link{ - background-color: #2A1F14; - padding: 2%; - width: 80%; - margin: 0px auto 0px auto; -} - -.tel-link a{ - color: #F6EEE4; - text-decoration: none; - font-weight: bold; -} - -/* Style rules for footer content */ -footer{ - text-align: center; - font-size: 0.85em; - background-color: #2A1F14; - color: #F6EEE4; - padding-top: 1%; - padding-bottom: 1%; - padding-left: 0%; - padding-right: 0%; -} - -footer a{ - color: #F3E6D8; - text-decoration: none; -} - -/* Media Query for Tablet Viewport */ -@media screen and (min-width:620px), print{ - /* Tablet Viewport: Show tab-desk class, hide mobile class */ - .tab-desk{ - display: block; - } - .mobile{ - display: none; - } - - /* Tablet Viewport: Style rules for nav area */ - nav li{ - border-top: 0px; - display: inline-block; - font-size: 1.25em; - } - nav li a{ - padding: 0.5em; - } - - .grid{ - display: grid; - grid-template-columns: auto auto; - grid-gap: 10px; - } - aside{ - grid-column: 1 / span 2; - } -} - -/* Media Query for Desktop Viewport */ -@media screen and (min-width:1000px), print{ - /* Desktop Viewport: Style rules for nav area */ - nav li{ - font-size: 1.5em; - } - nav li a{ - border-bottom: 0.5em; - border-left: 1.5em; - border-right: 1.5em; - } - nav li a:hover{ - color: #2A1F14; - background-color: #F6EEE4; - opacity: 0.5; - } - - /* Desktop Viewport: Style rules for main content */ - info ul{ - margin-left: 5%; - } - - .grid{ - grid-template-columns: auto auto auto; - grid-gap: 30px; - } - aside{ - grid-column: 1 / span 3; - font-size: 2em; - } -} - -/* Media Query for Large Desktop Viewports */ -@media screen and (min-width:1921px){ - body{ - background: linear-gradient(#F6EEE4,#78593A); - } - - #wrapper{ - width: 1920px; - margin: 0px auto 0px auto; - } - - main{ - background-color: #F6EEE4; - } - - .grid{ - grid-template-columns: auto auto auto auto; - } - aside{ - grid-column: 1 / span 4; - font-size: 3em; - } -} - -/* Media Query for Print */ -@media print{ - body{ - background-color: #FFFFFF; - color: #000000; - } -} diff --git a/07/gallery.html b/07/gallery.html deleted file mode 100644 index 2432bd4..0000000 --- a/07/gallery.html +++ /dev/null @@ -1,122 +0,0 @@ -<!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> diff --git a/07/index.html b/07/index.html deleted file mode 100644 index a06d13c..0000000 --- a/07/index.html +++ /dev/null @@ -1,72 +0,0 @@ -<!doctype html> -<!-- - Student: Name Surname - File Name: index.html - Date: 2024/09/23 ---> -<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: Home</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> - <div id="welcome"> - <p>Welcome to Wild Rescues. Our mission is to rescue, - rehabilitate, and release wildlife back into their natural - environment. We are a nonprofit organization dedicated to - helping injured wildlife.</p> - - <p>Our staff provides around-the-clock care for wildlife - in need. We also provide long-term care for wildlife that - cannot be released back into their natural environment.</p> - - <p>Will you partner with us question mark We need caring - volunteers to help care for our animals. You can also donate, - become a member, or become a sponsor. Contact us today.</p> - </div> - <div id="latest"> - <h2>Our Latest Rescue: Baby Raccoons</h2> - <img class="round" src="i/baby-raccoons.jpg" - alt="hands holding three baby raccoons"> - <p>Our latest rescues, Fizz, Bandit, and Mohawk. These - three little guys were found abandoned near a home.</p> - </div> - </main> - - <footer> - <p>© Copyright 2021. All Rights Reserved.</p> - <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> - </footer> -</div> -</body></html> diff --git a/07/question.txt b/07/question.txt deleted file mode 100644 index cafb8ea..0000000 --- a/07/question.txt +++ /dev/null @@ -1,32 +0,0 @@ -Question: -In this assignment, you created style rules for the aside, -figure, and figcaption elements. Discuss at least three -different declarations you would use to improve the -appearance of these elements. - -Answer: - -1. Shrink the figure element border: -figure{ - border: 2px solid #2A1F14; -} - -2. Remove the text shadow from the figcaption element: -figcaption{ - text-shadow: 0px 0px 0px #000000; -} - -3. Shrink the figcaption element top border: -figcaption{ - border-top: 3px solid #2A1F14; -} - -4. Add a subtle padding to the figure element: -figure{ - padding: 0.3%; -} - -5. Use a better looking font for the aside element: -aside{ - font-family: "Emblema One",system-ui; -} diff --git a/07/template.html b/07/template.html deleted file mode 100644 index d9708c5..0000000 --- a/07/template.html +++ /dev/null @@ -1,53 +0,0 @@ -<!doctype html> -<!-- - Student: Name Surname - File Name: template.html - Date: 2024/09/23 ---> -<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: Template</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> - <div> - </div> - </main> - - <footer> - <p>© Copyright 2021. All Rights Reserved.</p> - <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> - </footer> -</div> -</body></html> |