From 05158207fdd9bbd1371fac856278ae3cebad5642 Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: rescue 6 --- 06/about.html | 77 +++++++++++++++++++ 06/contact.html | 56 ++++++++++++++ 06/css/styles.css | 225 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 06/index.html | 68 +++++++++++++++++ 06/question.txt | 22 ++++++ 06/template.html | 49 ++++++++++++ 6 files changed, 497 insertions(+) create mode 100644 06/about.html create mode 100644 06/contact.html create mode 100644 06/css/styles.css create mode 100644 06/index.html create mode 100644 06/question.txt create mode 100644 06/template.html diff --git a/06/about.html b/06/about.html new file mode 100644 index 0000000..ee3288f --- /dev/null +++ b/06/about.html @@ -0,0 +1,77 @@ + + + + + + + + +Wild Rescues: About +
+
+
+ + rescued baby hawk + +
+
+

🐾 Wild Rescues

+

Rescue. Rehabilitate. Release.

+
+
+ + + + +
+
+

About Us

+

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.

+

Wild Rescues is a member of the + + National Wildlife Rehabilitators Association. +

+ + tortoise eating vegetation + +

We help many animals, such as:

+
    +
  • Raccoons
    • +
  • Squirrels
    • +
  • Fox
    • +
  • Birds
    • +
  • Horses
    • +
  • Deer
    • +
  • Pigs
    • +
  • Reptiles
    • +
+ +

Did you find an injured or orphaned animal? + Contact us to see if we can help.

+
+
+ + +
+ diff --git a/06/contact.html b/06/contact.html new file mode 100644 index 0000000..6210b7b --- /dev/null +++ b/06/contact.html @@ -0,0 +1,56 @@ + + + + + + + + +Wild Rescues: Contact +
+
+
+ + rescued baby hawk + +
+
+

🐾 Wild Rescues

+

Rescue. Rehabilitate. Release.

+
+
+ + + + +
+
+

You can reach us at:

+

(814) 555-8989

+

(814) 555-8989

+

Email: + contact@wildrescues.net

+

Address: Rescue Drive, Ocala, FL 34471

+
+
+ + +
+ diff --git a/06/css/styles.css b/06/css/styles.css new file mode 100644 index 0000000..16cbf6c --- /dev/null +++ b/06/css/styles.css @@ -0,0 +1,225 @@ +/* + Author: Name Surname + File Name: styles.css + Date: 2024/09/23 +*/ + +/* CSS Reset */ +body,header,nav,main,footer,img,h1,h3,ul{ + 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; +} + +#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; + } +} + +/* 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; + } + + /* Desktop Viewport: Style rules for main content */ + info ul{ + margin-left: 5%; + } +} + +/* 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; + } +} + +/* Media Query for Print */ +@media print{ + body{ + background-color: #FFFFFF; + color: #000000; + } +} diff --git a/06/index.html b/06/index.html new file mode 100644 index 0000000..fc4d9c3 --- /dev/null +++ b/06/index.html @@ -0,0 +1,68 @@ + + + + + + + + +Wild Rescues: Home +
+
+
+ + rescued baby hawk + +
+
+

🐾 Wild Rescues

+

Rescue. Rehabilitate. Release.

+
+
+ + + + +
+
+

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.

+ +

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.

+ +

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.

+
+
+

Our Latest Rescue: Baby Raccoons

+ hands holding three baby raccoons +

Our latest rescues, Fizz, Bandit, and Mohawk. These + three little guys were found abandoned near a home.

+
+
+ + +
+ diff --git a/06/question.txt b/06/question.txt new file mode 100644 index 0000000..ad33b21 --- /dev/null +++ b/06/question.txt @@ -0,0 +1,22 @@ +Question: +In step 14, you created a style rule for a gradient. Discuss +at least three different ways this gradient could be applied. + +Answer: +Some alternative ways to create this gradient would be: + +1. background: linear-gradient(hsl(33,50%,93%),hsl(30,35%,35%)); + + Using HSL colors values instead of hexadecimal color values + +2. background-image: src("gradient.png"); + + Designing a gradient image to use as the background + +3. background: linear-gradient(180deg,#F6EEE4,#78593A); + + Specifying the rotation of the gradient to 180 degrees + +4. background: linear-gradient(rgb(246,238,228),rgb(120,89,58)); + + Using RGB colors values instead of hexadecimal color values diff --git a/06/template.html b/06/template.html new file mode 100644 index 0000000..593b43f --- /dev/null +++ b/06/template.html @@ -0,0 +1,49 @@ + + + + + + + + +Wild Rescues: Template +
+
+
+ + rescued baby hawk + +
+
+

🐾 Wild Rescues

+

Rescue. Rehabilitate. Release.

+
+
+ + + + +
+
+
+
+ + +
+ -- cgit 1.4.1