-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathvolunteers.html
146 lines (141 loc) · 5.08 KB
/
volunteers.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
<html lang="en">
<head>
<link rel="shortcut icon" href="pic/favicon.ico">
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<!-- Important meta tags according to getbootstrap.com -->
<meta content="" name="This is the volunteers page for Forever Furries Adoption repository">
<meta content="" name="CS361 Project B">
<title>
Forever Furries - Volunteers
</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap theme -->
<link rel="stylesheet" href="css/bootstrap-theme.css">
<script src='js/volunteer.js'></script>
</head>
<body role="document" onload="populateShelterDropbox();">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/showhide.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Fixed navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<!-- Container for the navigation bar items -->
<div class="container">
<div class="navbar-header">
<!-- Upper left page name button -->
<a class="navbar-brand" href="home.html">
<img src="pic/foreverfurries.gif" height="25" width="150" alt="Forever Furries">
</a>
</div>
<!-- Navigation bar menu items -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
::before
<li>
<a href="home.html">
Home
</a>
</li>
<li>
<a href="adoptions.php">
Adoptions
</a>
</li>
<li class="active">
<a href="volunteers.html">
Volunteers
</a>
</li>
<li>
<a href="donations.html">
Donations
</a>
</li>
</ul>
</div>
<!-- /.nav-collapse -->
</div>
</nav>
<br><br><br><br> <!-- Properly aligns the showcase container -->
<div class="container theme-showcase" role="main">
<!-- This class creates a gray block for large text on the page -->
<div class="jumbotron">
<h1>
Volunteers Needed!
</h1>
<p>
Your local shelter is able to operate thanks to amazing support from local volunteers. If you would like to help care for the special pets in your community, please select your shelter and submit your volunteer information form below.
</p>
</div>
<form class="form-inline" method="POST" action="sendform.php">
<p>
<!--Placeholder select dropdown start-->
<label for="shelter" name="mySelect" onChange="showhide.js">Shelter</label>
<br>
<select class="form-control" id="mySelect" name="mySelect" required>
<!--This will be changed following integration with Kevin and Drea-->
<!--Will need to populate value of each option with email address of user from database-->
<!--Once that is implemented, functionality here and in sendform.php should work-->
<!--Will need to test by putting one of our email addresses into the database in place of a shelter's-->
<option value="none" disabled selected style='display:none;'>Select a shelter</option>
</select>
</p>
<!--Placeholder end-->
<p>
<div class="form-group">
<label for="firstName">First name </label>
<input type="text" class="form-control" id="firstName" name="firstName" placeholder="Enter first name " required>
</div>
<div class="form-group">
<label for="lastName">Last name </label>
<input type="text" class="form-control" id="lastName" name="lastName" placeholder="Enter last name " required>
</div>
</p>
<p>
<div class="form-group">
<label for="email">Email</label>
<br>
<input type="email" size="30" class="form-control" id="Email" name="Email" placeholder="Enter email address" required>
</div>
</p>
<p>
<div class="form-group">
<label for="experience">Experience</label>
<br>
<textarea class="form-control" rows="5" cols="65" maxlength="100" name = "Experience" placeholder="Briefly describe any experience with animals" id="Experience"></textarea>
</div>
</p>
<p>
<div class="form-group">
<label for="questions">Questions?</label>
<br>
<textarea class="form-control" maxlength="100" rows="5" cols="65" name="Questions" placeholder="Ask away" id="Questions"></textarea>
</div>
</p>
<div id="submitreset">
<p>
<input class="btn btn-primary" type="Submit" name="Submit" id="mySubmit" value="Submit">
<input class="btn btn-primary" type="Reset" name="Reset" id="myReset" value="Reset">
</p>
</div>
</form>
</div>
</body>
<footer class="footer">
<div class="container">
<br /><br />
<div style="text-align:center">
<img src="pic/footerlogo.gif" height="70" width="150">
<p class="text-muted">©<br /></p>
</div>
<br /><br />
</div>
</footer>
</html>