diff options
Diffstat (limited to 'rescue/09/contact.html')
| -rw-r--r-- | rescue/09/contact.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/rescue/09/contact.html b/rescue/09/contact.html new file mode 100644 index 0000000..f9413ca --- /dev/null +++ b/rescue/09/contact.html @@ -0,0 +1,99 @@ +<!doctype html> +<!-- + Student: Name Surname + File Name: contact.html + Date: 2024/10/21 +--> +<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> + <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> + <p>© Copyright 2021. All Rights Reserved.</p> + <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a> + </footer> +</div> +</body></html> |