-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
153 lines (143 loc) · 5.59 KB
/
contact.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chris | Contact</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Each page has a shared reset and general style, along with a specific
Stylesheet unique to that page's styling.-->
<link href="styles/reset.css" rel="stylesheet">
<link href="styles/style.css" rel="stylesheet">
<link href="styles/contactStyle.css" rel="stylesheet">
</head>
<body>
<!--Header and top nav bar are shared across all pages for uniformity-->
<header>
<img src="images/header_Name.png" alt="Chris Lucas">
<nav>
<ul>
<li>
<div class="navButton">
<a href="index.html"
alt="Link to Home Page">
About Chris</a>
</div>
</li>
<li>
<div class="navButton">
<a href="experience.html"
alt="Link to Experience Page">
Experience</a>
</div>
</li>
<li>
<div class="navButton">
<a href="education.html"
alt="Link to Education Page">
Education</a>
</div>
</li>
<li>
<div class="navButton">
<a href="https://chr-lucas.github.io/2350_AssignmentsSite/"
alt="Link to Web Portfolio" target="_blank">
Portfolio</a>
</div>
</li>
<li>
<div class="navButton">
<a href="hobbies.html"
alt="Link to Hobbies Page">
Hobbies</a>
</div>
</li>
<li>
<div class="navButton">
<a href="contact.html"
alt="Contact Me">
Contact</a>
</div>
</li>
</ul>
</nav>
</header>
<article>
<form
action="http://cs2350.richfry.com/"
method="POST">
<!-- Form data for contact page -->
<fieldset>
<legend>CONTACT CHRIS</legend>
<div id="formContainerLeft">
<div>
<label for="userNameText">Name:</label>
<input name="userName" id="userNameText" type="text"
placeholder="Name Required" required>
</div>
<div>
<label for="userEmailEmail">Email:</label>
<input name="userEmail" id="userEmailEmail" type="email"
placeholder="Email Required" required>
</div>
<div>
<p>Where did you hear about the site?</p>
<input name="referralType" id="refferalTypeWSU" type="radio">
<label for="refferalTypeWSU" class="referralLabel">WSU</label>
<input name="referralType" id="referralTypeTwitch" type="radio">
<label for="referralTypeTwitch" class="referralLabel">Twitch</label>
<input name="referralType" id="referralTypeSpotify" type="radio">
<label for="referralTypeSpotify" class="referralLabel">Fluent in Bird</label>
<input name="referralType" id="referralTypeOther" type="radio">
<label for="referralTypeOther" class="referralLabel">Other</label>
</div>
<div>
<p>Are you a bird, or the representative of a bird, interested
in appearing on the <em>Fluent in Bird podcast?</em></p>
<input name="userIsBird" id="birdYes" type="radio">
<label for="birdYes" class="referralLabel">Yes</label>
<input name="userIsBird" id="birdNo" type="radio">
<label for="birdNo" class="referralLabel">No</label>
</div>
</div>
<div id="formContainerRight">
<div id="bioPrompt">
<p>What is your message?</p>
<div>
<textarea name="userMessage" id="userMessageText"
placeholder="Can not send blank message." required></textarea>
</div>
</div>
</div>
</fieldset>
<div id="buttons">
<button type="submit">Submit</button>
<button type="reset">Clear</button>
</div>
</form>
</article>
<!-- Footer repeates top nav menu and provides brief copyright. -->
<footer>
<div>
<a href="index.html"
alt="Link to Home Page"
class="footerLink">About Chris</a>
<a href="experience.html"
alt="Link to Experience Page"
class="footerLink">Experience</a>
<a href="education.html"
alt="Link to Education Page"
class="footerLink">Education</a>
<a href="https://clucas1-5assignmentssite.netlify.app/learningactivites"
alt="Link to Web Portfolio"
target="_blank"
class="footerLink">Portfolio</a>
<a href="hobbies.html"
alt="Link to Hobbies Page"
class="footerLink">Hobbies</a>
<a href="contact.html"
alt="Contact Me"
class="footerLink">Contact</a>
</div>
<p id="copyright">Chris Lucas - CS2350 - ©2023</p>
</footer>
</body>