-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
36 lines (36 loc) · 1.61 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en" class="hasjs">
<head>
<title>ITMD 362 - Project 1</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" media="screen" href="css/reset.css" />
<link rel="stylesheet" media="screen" href="css/style.css" />
<script async src="js/script.js"></script>
</head>
<body>
<div id="Form">
<form method="get" autocomplete="on" action="#null" name="userForm" onsubmit="formLog(event), setTimeout(), formCompletion()">
<div class="Header">
<h1>Unreleased Top Food Secrets</h1>
<p>Sign up to learn the top culinary secrets the world has never seen before!</p>
</div>
<div class="name">
<label for="name">Full Name:</label>
<input type="text" name="name" id="name" autocomplete="on" placeholder="Your Full Name" maxlength="32" pattern="[A-Za-z]{1,32}+[.*\S+.*]{2,3}" required/>
</div>
<div class="email">
<label for="email">Email:</label>
<input type="email" name="email" id="email" autocomplete="on" placeholder="youremail@mail.domain" pattern="[a-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" required/>
</div>
<div class="phone">
<label for="phone">Phone Number:</label>
<input type="tel" name="phone" id="phone" autocomplete="on" placeholder="111-111-1111" pattern="[0-9]{3}[0-9]{3}[0-9]{4}" required/>
</div>
<div class="submit">
<input type="submit" name="submit" id="submit" value="Sign Up" />
</div>
</form>
</div>
</body>
</html>