wwr/index.html

<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Home page">
    <meta name="author" content="Ariel Antequiera">
    <link rel="stylesheet" type="text/css" href="../wwr/styles/rafting.css">
    <title>Whitewater Rafting Home</title>
</head>

<body>
    <header class="aboutHeader">
        <img src="../wwr/images/logo.png" alt="Whitewater Rafting Site Logo" class="logo">
        <nav class="aboutNavbar">
            <a href="./index.html">Home</a>
            <a href="./about.html">About Us</a>
            <a href="./trips.html">Trips</a>
            <a href="./contact.html">Contact Us</a>
        </nav>
    </header>

    <main>
        <section class="hero">
            <img src="../wwr/images/Rio_Salvaje.jpeg" alt="Rafting image" class="background-image">
            <h1>Whitewater Rafting</h1>
            <div class="moto2">
                <p>
                    Enjoy the best experiences on Whitewater Rafting!
                </p>
            </div>
        </section>

        <section class="adventures">
            <figure>
                <img src="../wwr/images/1.jpg" alt="Los Dientes del Diablo">
                <figcaption>Los Dientes del Diablo</figcaption>
            </figure>
            <figure>
                <img src="../wwr/images/3.jpg" alt="Half Day Adventure">
                <figcaption>Half Day Adventure</figcaption>
            </figure>
            <figure>
                <img src="../wwr/images/5.jpg" alt="River Bliss Retreat">
                <figcaption>River Bliss Retreat</figcaption>
            </figure>
        </section>


        <section class="history">
            <div class="indexContent">
                <img src="../wwr/images/4.jpg" alt="rafting history">
                <div>
                    <h4 style="text-align: left;">Contact Us!</h4>
                    <p>
                    Feel the thrill of the rapids and the rush of the river with our rafting adventures! If you have any
                    questions, comments, or would like to book your next unforgettable rafting experience, our team is
                    here to assist you. Whether you're a first-time rafter looking for guidance or a seasoned pro
                    seeking a new challenge, we're ready to help.
                </p>
                <br>
                <a href="./contact.html"><button>Contact Us</button></a>
                </div>
                
            </div>
        </section>
<br>
        <section class="indexContent">
            <h3>EMAIL NEWSLETTER</h3>
    <p>Get season updates, new rafting videos, and our most recent blog posts. Learn more</p>

    <p>BONUS: Win a Free Trip for Two!<br>Subscribe once for a chance to win every month!</p>

    <form action="your-submit-action-url" method="POST">
        <label for="email">Email Address *</label>
        <input type="email" id="email" name="email" required placeholder="johndoe@gmail.com">
        <br>
        <input class="newsletterbutton" type="submit" value="Subscribe">
    </form>
        </section>
        <br>
    </main>

    <footer>
        <p>©️ 2023 Ariel Antequiera - Whitewater Rafting - WDD130 // <a href="./images/wfhome.png">Wireframe</a></p>
        <nav class="sociallinks">
            <a href="https://www.facebook.com" target="_blank">
                <img src="./images/facebook.webp" alt="Facebook">
            </a>

            <a href="https://www.twitter.com" target="_blank">
                <img src="./images/twitter.webp" alt="Twitter">
            </a>

            <a href="https://www.instagram.com" target="_blank">
                <img src="./images/instagram.webp" alt="Instagram">
            </a>
        </nav>
    </footer>
</body>

</html>