contact.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Sprint Challenge - Home</title>

  <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
  <link rel="stylesheet" href="css/index.css">

</head>

<body>
    <div class="container contact-page">
        <nav class="flex-container topnav">
            <a href="#">
                <logo>
                    <img src="img/lambda-black.png" alt="Lambda Black Logo">
                </logo>
            </a>
            <div class="nav-links flex-container">
                <a href="index.html">Home</a>
                <a href="about.html">About</a>
                <a href="products.html">Products</a>
                <a href="#">Blog</a>
                <a class="current-page" href="#">Contact</a>
            </div>
        </nav>
        <img class="hero-img" src="img/jumbo.jpg" alt="Timelapse Image of Vehicle Lights on Two Roads">
        <section class="top-content">
            <div class="text-container">
                <h2>Contact Us</h2>
                <label for="name">Name</label>
                <input type="text" name="name" id="input-name"/>
                <label for="email">Email</label>
                <input type="email" name="email" id="input-email"/>
                <label for="name">Name</label>
                <textarea name="request" id="input-request"></textarea>
            </div>
        </section>
        

        <footer>
            <nav>
                <a href="#">Home</a>
                <a href="about.html">About</a>
                <a href="#">Products</a>
                <a href="#">Blog</a>
                <a href="#">Contact</a>
            </nav>
        </footer>
    </div><!-- container -->        
</body>
</html>