-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·153 lines (138 loc) · 7.72 KB
/
Copy pathindex.html
File metadata and controls
executable file
·153 lines (138 loc) · 7.72 KB
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>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Karma</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet">
<link rel="stylesheet" href="stylesheets/normalize.min.css">
<link rel="stylesheet" href="stylesheets/styles.css">
<script src="javascripts/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="mainDiv">
<div class="homepage-hero-module">
<div class="video-container">
<!-- <div class="filter"></div> -->
<video autoplay loop class="fillWidth">
<source src="assets/vid/MP4/Fade-To-Black.mp4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
<source src="assets/vid/WEBM/Fade-To-Black.webm" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
<div class="poster hidden">
<img src="assets/vid/Snapshots/Fade-To-Black.jpg" alt="Sunset time lapse">
</div>
</div>
</div>
<div class="panel panel-default" id="formPanel">
<div class="panel-heading text-center">
<img src="assets/img/logo-light@no-bg.png" height="60px" />
<h1>
Welcome to Karma
</h1>
</div>
<div class="panel-body">
<div class="flex-container" id="homepageOptions">
<div class="flex-item text-center">
<h3>Volunteer</h3>
<div class="btns">
<a class="btn btn-login" href="volunteer.html">Sign In</a>
<button class="btn btn-register" id="volunteerReg" onclick="toggleVolunteerForm()">Register</button>
</div>
</div>
<div class="flex-item text-center">
<h3>Charity</h3>
<div class="btns">
<a class="btn btn-login" href="charity.html">Sign In</a>
<button class="btn btn-register" id="charityReg" onclick="toggleCharityForm()">Register</button>
</div>
</div>
</div>
<div class="flex-container hidden" id="volunteerRegForm">
<form>
<div class="form-group form-inline">
<label for="userFirstName">First Name</label>
<input type="text" class="form-control text" placeholder="Your name" id="userFirstName">
<label for="userLastName">Last Name</label>
<input type="text" class="form-control text" placeholder="Your last name" id="userLastName">
</div>
<div class="form-group form-inline">
<label for="userEmail">Email</label>
<input type="email" class="form-control email" placeholder="Your email" id="userEmail">
<label for="userTel">Phone No.</label>
<input type="number" class="form-control number" placeholder="Your contact number" id="userTel">
</div>
<div class="form-group form-inline">
<label for="userAddress">Address</label>
<input type="text" class="form-control text" placeholder="Your address" id="userAddress">
</div>
<button class="btn btn-primary" id="goBack" onclick="backToHome('volunteerRegForm')">Go back</button>
<!-- <div class="btn-group">
<button type="submit" class="btn btn-primary">Sign In</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Register here...</button>
</div> -->
</form>
</div>
<div class="flex-container hidden" id="charityRegForm">
<form>
<div class="form-group form-inline">
<label for="charityName">Name of Organisation</label>
<input type="text" class="form-control text" placeholder="Your organisation" id="charityName">
<label for="charityRegNo">Registration number</label>
<input type="number" class="form-control number" placeholder="Registration number" id="charityRegNo">
</div>
<div class="form-group form-inline">
<label for="charityEmail">Organisation Email</label>
<input type="email" class="form-control email" placeholder="Contact" id="charityEmail">
<label for="charityTel">Phone No.</label>
<input type="number" class="form-control number" placeholder="Your organisation number" id="charityTel">
</div>
<div class="form-group form-inline">
<label for="charityAddress">Address</label>
<input type="text" class="form-control text" placeholder="Your organisation address" id="charityAddress">
</div>
<button class="btn btn-primary" id="goBack" onclick="backToHome('charityRegForm')">Go back</button>
</form>
</div>
<!-- <form id="vForm">
<div class="form-group">
<input type="email" class="form-control email" placeholder="Enter Volunteer email...">
</div>
<div class="form-group">
<input type="password" class="form-control pwd" placeholder="Enter Password...">
</div>
</form> -->
</div>
</div>
</div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<script src="javascripts/vendor/jquery-1.11.2.min.js"></script>
<script src="javascripts/main.js"></script>
<script src="javascripts/homepage.js"></script>
</body>
</html>