plan.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Discover Taniti - a small, perfect tropical getaway for solo and family travelers alike. With international dining, exciting nightlife, and impressive natural wonders, it's sure to be a vacation you'll never forget.">
  <meta name="keywords" content="tropical vacation, island getaway, island vacation, tropical island, visit taniti, tanitian vacation">
  <meta name="author" content="Eric Scholl">
  <title>Plan Your Vacation| Discover Taniti - A Pacific Island Paraidse</title>
  <link rel="stylesheet" href="assets/style.css">
  <script type="text/javascript" src="assets/script.js" defer></script>
</head>
<body class="plan subpage">

    <!-- Navigation -->
    <header>
        <nav>
            <a href="index.html">Home</a>
            <a href="dining.html">Dining</a>
            <a href="attractions.html">Attractions</a>
            <a href="nature.html">Nature</a>
            <a href="lodging.html">Lodging</a>
            <a href="transportation.html">Transportation</a>
            <a href="questions.html">Got Questions?</a>
            <a href="plan.html" class="plan-button">Plan Your Stay</a>
        </nav>
    </header>


    <!-- Page Header -->
    <section class="hero">
        <h1>Plan Your Vacation</h1>
        <p>Tagline</p>
    </section>


    <!-- Featured Restaurant -->
    <section class="intro">

        <div class="photo">
            <img src="assets/images/calendar.png" class="small" />
        </div>

        <div class="intro-text">
            <h2>Pick A Date</h2>
            <p>
              <form>
                <input type="date" />
              </form>
            </p>
        </div>
        <div class="intro-text right">
            <h2 id="weatherHeadline">Weather Info</h2>
            <p id="weatherText">Choose a date to see the weather that awaits you!</p>
            <img id="weatherImage" src="" />
        </div>

    </section>
    <p><hr /></p>
    <section class="intro">
        <div class="photo">
            <img src="assets/images/map.png"/>
        </div>
        <div class="intro-text">
            <h2>Find Your Way</h2>
            <p>This will be an interactive map where you can select points of interest and learn more about them.</p>
        
        </div>
    </section>


    <!-- Testimonials -->
    <section class="testimonials">

        <h2>Ready for Paradise?</h2>
<p>We'll contact you to arrange all the details for your perfect vacation so you can start relaxing right away.</p>
        <div class="testimonial-items">
            
        <form id="contactForm" class="contact-form" action="#">

            <div>
            <label for="name">Your Name:</label>
            <input type="text" id="name" name="name" placeholder="Name" required>
            </div>

            <div>
            <label for="telephone">Phone Number:</label>
            <input type="tel" id="telephone" name="telephone" placeholder="Phone Number" required>
            </div>

            <div>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" placeholder="Email Address" required>
            </div>

            <div>
            <label for="timezone">Timezone:</label>
            <select id="timezone" name="timezone" required>
            <option value="Eastern">US Eastern</option>
            <option value="Central">US Central</option>
            <option value="Mountain">US Mountain</option>
            <option value="Alaska">US Alaska</option>
            <option value="HawaiiAleut">Hawaiian / Aleutian</option>
            </select>
            </div>

        <div><input type="submit" value="Submit"></div>
        </form>

        </div>

    </section>

    <!-- Footer -->
    <footer>

        <div class="contact">
            <div class="icon"><img src="assets/images/office.png" /></div>
            <p>
                Office of Tourism<br>
                1-866-584-1336<br>
                <a href="mailto:TOURISM@ISLANDOFTANITI.COM">tourism@islandoftaniti.com</a>
            </p>
        </div>

        <div class="social">
            <span>f</span>
            <span>x</span>
            <span>yt</span>
            <span>in</span>
        </div>

        <div class="footer-links">
            <div>
                <a href="#">Accessibility</a>
                <a href="#">Privacy</a>
                <a href="#">Terms of Use</a>
            </div>

            <div>
                <a href="questions.html">FAQs</a>
                <a href="#">News</a>
                <a href="#">Careers</a>
            </div>
        </div>

    </footer>

</body>
</html>