modernize-contest-module/index.html at main · dklein1211/modernize-contest-module · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>modernize</title>
	</head>
	<body>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script type="module" src="./src/app.js"></script>
		<div id="app">
			<div class="header-main">
				<img src="./src/images/Logo-sml.png" alt="modernize">
			</div>

			<div class="content">
				<div class="form-container">
					<div class="header">
						<p class="info">Enter to win a 3rd generation Nest Learning Thermostat worth $249.</p>
					</div>

					<form id="contest_form">
						<div class="container">
							<div class="name">
								<input id="name" type="text" placeholder="Name"/>
							</div>
							<div class="city">
								<input id="city" type="text" placeholder="City"/>
							</div>
							<div class="state">
								<input id="state" type="text" maxlength="2" placeholder="State"/>
							</div>
							<div class="number">
								<input id="number" type="tel" maxlength="12" placeholder="Phone Number"/>
							</div>
							<div class="email">
								<input id="email" type="email" placeholder="Email Address"/>
							</div>
						</div>

						<button type="submit" id="submit_button">ENTER TO WIN</button>
					</form>
				</div>

				<div class="additional-info">
					<label>EVEN MORE SAVINGS</label>
					<div class="info-1">
						<h2>ADVERTORIAL</h2>
						<h1>Tricks Home Owners Use to Eliminate Bills</h1>
						<p>Surging energy bills, unpredictable weather patterns and dissatisfaction with utility companies have homeowners scrambling…</p>
						<a href="http://www.google.com" target="_blank">READ MORE</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>