rescue 4

author: 1970-01-01 00:00:00 +0000
committer: 2025-01-12 07:28:25 +0000
commit: b841737047181de22e8382380df84c510c89adcf (patch)
tree: 894585a814376dbe8baa6b8aa631cdefd0624405
parent: rescue 3 (diff)
download: html-b841737047181de22e8382380df84c510c89adcf.tar
html-b841737047181de22e8382380df84c510c89adcf.tar.gz
html-b841737047181de22e8382380df84c510c89adcf.tar.bz2
html-b841737047181de22e8382380df84c510c89adcf.tar.xz
html-b841737047181de22e8382380df84c510c89adcf.zip
6 files changed, 318 insertions, 0 deletions
diff --git a/04/about.html b/04/about.html
new file mode 100644
index 0000000..6935864
--- /dev/null
+++ b/04/about.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!--
+	Student: Name Surname
+	File Name: about.html
+	Date: 2024/08/31
+-->
+<html lang="en"><head><meta charset="utf-8">
+<link rel="stylesheet" href="css/styles.css">
+<title>Wild Rescues: About Us</title></head><body>
+
+<header>
+	<a href="index.html">
+		<img src="i/baby-hawk.jpg" alt="rescued baby hawk">
+	</a>
+</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 class="link" href="https://www.nwrawildlife.org">
+			National Wildlife Rehabilitators Association.</a>
+		</p>
+
+		<img 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>&copy; Copyright 2021. All Rights Reserved.</p>
+	<a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a>
+</footer>
+
+</body></html>
diff --git a/04/contact.html b/04/contact.html
new file mode 100644
index 0000000..b5ed9d3
--- /dev/null
+++ b/04/contact.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<!--
+	Student: Name Surname
+	File Name: contact.html
+	Date: 2024/08/31
+-->
+<html lang="en"><head><meta charset="utf-8">
+<link rel="stylesheet" href="css/styles.css">
+<title>Wild Rescues: Contact</title></head><body>
+
+<header>
+	<a href="index.html">
+		<img src="i/baby-hawk.jpg" alt="rescued baby hawk">
+	</a>
+</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>Office: (814) 555-8989</p>
+		<p class="link">Email: <a href="mailto:contact@wildrescues.net">
+		contact@wildrescues.net</a></p>
+		<p class="link">Address: <a href="https://osm.org/go/ZGOXX6Y--"
+		target="_blank">Rescue Drive, Ocala, FL 34471</a></p>
+	</div>
+</main>
+
+<footer>
+	<p>&copy; Copyright 2021. All Rights Reserved.</p>
+	<a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a>
+</footer>
+
+</body></html>
diff --git a/04/css/styles.css b/04/css/styles.css
new file mode 100644
index 0000000..f852066
--- /dev/null
+++ b/04/css/styles.css
@@ -0,0 +1,103 @@
+/*
+	Author: Name Surname
+	File Name: styles.css
+	Date: 2024/09/10
+*/
+
+/* CSS Reset */
+body,header,nav,main,footer,img,h1,h3{
+	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 navigation area */
+nav{
+	background-color: #2A1F14;
+}
+
+nav ul{
+	list-style: none;
+	margin: 0px;
+	text-align: center;
+}
+
+nav li{
+	display: inline-block;
+	font-size: 1.5em;
+	font-family: Geneva,Arial,sans-serif;
+	font-weight: bold;
+}
+
+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: Verdana,Arial,sans-serif;
+}
+
+main p{
+	font-size: 1.25em;
+}
+
+main h3{
+	padding-top: 2%;
+}
+
+main ul{
+	list-style: square;
+}
+
+.link{
+	color: #4D3319;
+	text-decoration: none;
+	font-weight: bold;
+	font-style: italic;
+}
+
+.action{
+	font-size: 1.75em;
+	font-weight: bold;
+	text-align: center;
+}
+
+#contact{
+	text-align: center;
+}
+
+/* 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;
+}
diff --git a/04/index.html b/04/index.html
new file mode 100644
index 0000000..1ffeee3
--- /dev/null
+++ b/04/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<!--
+	Student: Name Surname
+	File Name: index.html
+	Date: 2024/08/31
+-->
+<html lang="en"><head><meta charset="utf-8">
+<link rel="stylesheet" href="css/styles.css">
+<title>Wild Rescues: Home</title></head><body>
+
+<header>
+	<a href="index.html">
+		<img src="i/baby-hawk.jpg" alt="rescued baby hawk">
+	</a>
+</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 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>&copy; Copyright 2021. All Rights Reserved.</p>
+	<a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a>
+</footer>
+
+</body></html>
diff --git a/04/question.txt b/04/question.txt
new file mode 100644
index 0000000..38d8f13
--- /dev/null
+++ b/04/question.txt
@@ -0,0 +1,7 @@
+Question:
+In this assignment, you specified several hexadecimal color values. Find the
+RGB and HSL color value codes for two hexadecimal colors used in this lab.
+
+Answer:
+#F6EEE4 is equivalent to rgb(246,238,228) in RGB and hsl(33.3,50%,92.9%) in HSL.
+#2A1F14 is equivalent to rgb(42,31,20) in RGB and hsl(30,35.5%,12.2%) in HSL.
diff --git a/04/template.html b/04/template.html
new file mode 100644
index 0000000..bfac2c1
--- /dev/null
+++ b/04/template.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+	Student: Name Surname
+	File Name: template.html
+	Date: 2024/08/31
+-->
+<html lang="en"><head><meta charset="utf-8">
+<link rel="stylesheet" href="css/styles.css">
+<title>Wild Rescues: Template</title></head><body>
+
+<header>
+	<a href="index.html">
+		<img src="i/baby-hawk.jpg" alt="rescued baby hawk">
+	</a>
+</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>&copy; Copyright 2021. All Rights Reserved.</p>
+	<a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a>
+</footer>
+
+</body></html>
author		1970-01-01 00:00:00 +0000
committer		2025-01-12 07:28:25 +0000
commit	b841737047181de22e8382380df84c510c89adcf (patch)
tree	894585a814376dbe8baa6b8aa631cdefd0624405
parent	rescue 3 (diff)
download	html-b841737047181de22e8382380df84c510c89adcf.tar html-b841737047181de22e8382380df84c510c89adcf.tar.gz html-b841737047181de22e8382380df84c510c89adcf.tar.bz2 html-b841737047181de22e8382380df84c510c89adcf.tar.xz html-b841737047181de22e8382380df84c510c89adcf.zip