diff options
Diffstat (limited to '11/contact.html')
| -rw-r--r-- | 11/contact.html | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/11/contact.html b/11/contact.html new file mode 100644 index 0000000..5d56d12 --- /dev/null +++ b/11/contact.html @@ -0,0 +1,125 @@ +<!doctype html> +<!-- + Student: Name Surname + File Name: contact.html + Date: 2024/11/18 +--> +<html lang="en"><head><meta charset="utf-8"> +<meta name="description" content="Contact us at (814)555-8989 or visit us at 8989 Rescue Drive, Ocala, FL for more information."> +<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>Contact Us - Location | 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"> + <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> + <div id="form"> + <h2>Complete the form below and we will contact you soon.</h2> + <form class="form-grid"><!-- Start Form --> + <fieldset> + <legend>Contact Information</legend> + <label for="fName">First Name:</label> + <input type="text" name="fName" id="fName"> + <label for="lName">Last Name:</label> + <input type="text" name="lName" id="lName"> + <label for="bName">Name of Business:</label> + <input type="text" name="bName" id="bName"> + <label for="email">Email:</label> + <input type="email" name="email" id="email"> + <label for="phone">Phone:</label> + <input type="tel" name="phone" id="phone"> + </fieldset> + <fieldset> + <legend>Additional Information</legend> + <p>would like more information about:</p> + <label for="vol"><input type="radio" name="info" + id="vol" value="Volunteering"> + Volunteering</label> + <label for="sponsor"><input type="radio" name="info" + id="sponsor" value="Sponsorship Opportunities"> + Sponsorship Opportunities</label> + <label for="wild"><input type="radio" name="info" + id="wild" value="Wildlife"> + Wildlife</label> + <label for="other"><input type="radio" name="info" + id="other" value="Other"> + Other, please specify below</label> + <label for="questions">What questions do you + have for us?</label> + <textarea name="questions" id="questions" rows="5"> + </textarea> + </fieldset> + <input type="submit" id="submit" value="Submit" class="btn"> + </form> + </div> + </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> |