index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">

    <!--Open Sans Font-->
    <link rel="stylesheet" href="https://use.typekit.net/lfb8kxi.css">

    <!--Montserrat Font-->
    <link rel="stylesheet" href="https://use.typekit.net/lfb8kxi.css">

    <title>WKNDR – Group Planning Made Easy</title>
</head>
<body>

    <header>
        <div id = "logo-container">
            <img src="Images/logo-2.png" alt="WKNDR logo">
        </div>
        <h3 id = "tagline">Curating the best group experiences in your local area</h3>
    </header>

    <div class="container">
        <div class="section">
            <div>
                <h3>Group Planning Made Easy</h3>
                <p>WKNDR makes it easy for friends to collaborate and plan group experiences together. Whether it’s for a day or for a weekend getaway, WKNDR will aggregate everyone’s interests to generate a dynamic itinerary that everyone in the group will enjoy.</p>
                <a id = "first-btn" href = "#test-form">Learn More</a>
            </div>
            <img src="Images/young-people.jpg" alt="Young People smiling and drinking martinis">
        </div>
        <div class="section">
            <h3>WKNDR allows you to:</h3>
            <div id = "icon-container">
                <div>
                    <img src="Images/time.png" alt="Hand holding a clock">
                    <p>Save time in planning</p>
                </div>
                <div>
                    <img src="Images/Unique.png" alt="A ribbon of stars centering around a Diamond">
                    <p>Access unique local experiences</p>
                </div>
                <div>
                    <img src="Images/Fun.png" alt="Two friends talking with a happy expression">
                    <p>Find something everyone will enjoy</p>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="column">
                <h3>Stay in the loop!</h3>
                <p>
                    By entering your email address, you will play a vital part in helping Stamford Startup Studio build WKNDR.
                    Email recipients will receive a chance to participate in <b>user interviews</b>, <b>usability testing</b>, and <b>updates on launches</b>.
                </p>
                <form id = "test-form" action="https://getform.io/f/6a31f9d3-5833-4803-a5e5-817565d53a74" method="POST" target="_blank">
                <!--GetForm.io-->
                    <div class="form-container">
                        <input id = "email" type="email" name="Email" placeholder = "Enter Email" required>
                        <button class = "submit" type = "submit">Follow</button>
                    </div>
                </form>
                <p id = "note">Note: Your information will not be used in any marketing capacity.</p>
            </div>
        </div>
    </div>
    <footer>&copy; 2021-2022 Stamford Startup Studio. </footer>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/style.css">

	<!--Open Sans Font-->
	<link rel="stylesheet" href="https://use.typekit.net/lfb8kxi.css">

	<!--Montserrat Font-->
	<link rel="stylesheet" href="https://use.typekit.net/lfb8kxi.css">

	<title>WKNDR – Group Planning Made Easy</title>
	</head>
	<body>

	<header>
	<div id = "logo-container">
	<img src="Images/logo-2.png" alt="WKNDR logo">
	</div>
	<h3 id = "tagline">Curating the best group experiences in your local area</h3>
	</header>

	<div class="container">
	<div class="section">
	<div>
	<h3>Group Planning Made Easy</h3>
	<p>WKNDR makes it easy for friends to collaborate and plan group experiences together. Whether it’s for a day or for a weekend getaway, WKNDR will aggregate everyone’s interests to generate a dynamic itinerary that everyone in the group will enjoy.</p>
	<a id = "first-btn" href = "#test-form">Learn More</a>
	</div>
	<img src="Images/young-people.jpg" alt="Young People smiling and drinking martinis">
	</div>
	<div class="section">
	<h3>WKNDR allows you to:</h3>
	<div id = "icon-container">
	<div>
	<img src="Images/time.png" alt="Hand holding a clock">
	<p>Save time in planning</p>
	</div>
	<div>
	<img src="Images/Unique.png" alt="A ribbon of stars centering around a Diamond">
	<p>Access unique local experiences</p>
	</div>
	<div>
	<img src="Images/Fun.png" alt="Two friends talking with a happy expression">
	<p>Find something everyone will enjoy</p>
	</div>
	</div>
	</div>
	<div class="section">
	<div class="column">
	<h3>Stay in the loop!</h3>
	<p>
	By entering your email address, you will play a vital part in helping Stamford Startup Studio build WKNDR.
	Email recipients will receive a chance to participate in <b>user interviews</b>, <b>usability testing</b>, and <b>updates on launches</b>.
	</p>
	<form id = "test-form" action="https://getform.io/f/6a31f9d3-5833-4803-a5e5-817565d53a74" method="POST" target="_blank">
	<!--GetForm.io-->
	<div class="form-container">
	<input id = "email" type="email" name="Email" placeholder = "Enter Email" required>
	<button class = "submit" type = "submit">Follow</button>
	</div>
	</form>
	<p id = "note">Note: Your information will not be used in any marketing capacity.</p>
	</div>
	</div>
	</div>
	<footer>© 2021-2022 Stamford Startup Studio. </footer>
	</body>
	</html>