-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
85 lines (85 loc) · 3.81 KB
/
signup.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Final Project: Richard Lahaie</title>
<meta name="description" content="Sign Up Page">
<meta name="author" content="Richard Lahaie">
<link rel="stylesheet" href="styles.css">
<!--Richard Lahaie-->
</head>
<body>
<div class="top-banner">
<!--Image by Gustavo Rezende via [https://www.publicdomainpictures.net/en/view-image.php?image=37308&picture=running-couple] License: CC0 Public Domain (copyright-free)-->
<img src="images/running-right.jpeg" alt="running couple" id="running-right" class="running-right">
<!--Image by Charles Rondeau via [https://www.publicdomainpictures.net/en/view-image.php?image=287463&picture=woman-running] License: CC0 Public Domain (copyright-free)-->
<img src="images/running-left.jpeg" alt="woman running" id="running-left" class="running-left">
<h1>Running Nebraska</h1>
</div>
<div class="nav-bar">
<nav>
<a href="index.html">Home</a> |
<a href="locations.html">Locations</a> |
<a href="5ks.html">5k's</a> |
<a href="groups.html">Groups</a> |
<i>Sign Up</i>
</nav>
</div>
<div class="welcome-call">
<h1 id="welcome">Sign Up with Running Nebraska!</h1>
</div>
<div class="signup-welcome">
<p>
Sign up for our monthly newsletter! It contains information on local and upcoming races. You will also receive
exclusive discounts on Running Nebraska merchindise and other discounts. Happy Running!
</p>
</div>
<div class="signup-form" id="signup-form">
<form name="richForm" onsubmit="return checkInfo()" method="post" action="success.html">
<div class="mainContent" id="mainContent">
<div class="secLabel">
<label for="firstName" class="handle">First Name</label>
</div>
<div class="secInfo">
<input type="text" id="firstName" name="firstName" maxlength="25" autocomplete="off"/>
</div>
<div class="firstNameErr" id="firstNameErr">
Error!
</div>
<div class="firstNameErr2" id="firstNameErr2">
No first name listed or too long!
</div>
<div class="secLabel">
<label for="lastName" class="handle">Last Name</label>
</div>
<div class="secInfo">
<input type="text" id="lastName" name="lastName" maxlength="25"/>
</div>
<div class="lastNameErr" id="lastNameErr">
Error!
</div>
<div class="lastNameErr2" id="lastNameErr2">
No last name listed or too long!
</div>
<div class="secLabel">
<label for="email" class="handle">Email Address</label>
</div>
<div class="secInfo">
<input type="text" id="email" name="email" size="35" maxlength="35"/>
</div>
<div class="emailErr" id="emailErr">
Error!
</div>
<div class="emailErr2" id="emailErr2">
No email listed or incorrect format!
</div>
<div class="secButton">
<input type="submit" name="submit" class="button" value="Submit Information"/>
</div>
</div>
</form>
</div>
<script src="js.js"></script>
<footer id="footer-one">2021 Running Nebraska | <a href="mailto:[email protected]">Contact Us</a></footer>
</body>
</html>