-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorPage.html
133 lines (126 loc) · 4.46 KB
/
tutorPage.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
<!DOCTYPE HTML>
<!--
Industrious by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Tutor Matchmaking</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">Home</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="submitNote.html">Submit A Note</a></li>
<li><a href="tutorPage.html">Find a Tutor</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>
<!-- Heading -->
<div id="heading" >
<h1>Tutor Matchmaking</h1>
</div>
<!-- Main -->
<section id="main" class="wrapper">
<div class="inner">
<div class="content">
<header>
<h2>Find a Tutor</h2>
</header>
<h3>Form</h3>
<form onsubmit="findTutor()" method="post" action="#">
<div class="row gtr-uniform">
<!-- Break -->
<div class="col-12">
<select name="category" id="category">
<option value="">- Select Class -</option>
<option value="alpha">CSCI-104: Data Structures</option>
<option value="beta">DSO-462: Managing Small Businesses</option>
<option value="gamma">CSCI-102: Intro to Computer Science</option>
<option value="delta">BUAD-307: How to Handle the Business Side</option>
</select>
</div>
<!-- Break -->
<div class="col-4 col-12-small">
<input type="radio" id="radio-alpha" name="radio" checked>
<label for="radio-alpha">Relevancy</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="radio-beta" name="radio">
<label for="radio-beta">Availability</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="radio-gamma" name="radio">
<label for="radio-gamma">Cost</label>
</div>
<!-- Break -->
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Start Searching" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>Heapify</h3>
<p>Heapify is an all-in-one solution for your studying needs. We're on a mission to make every student a confident learner. We give you access to content where and when you need it, so you can learn in sync with your work, school and life. Contribute to the community as a note taker, tutor, or learner. At Heapify we’re here to make your life easier. Sign up today!</p>
</section>
<section>
<h4>Our Services</h4>
<ul class="alt">
<li><a href="#">Note Bank</a></li>
<li><a href="#">Tutor Matchmaking</a></li>
<li><a href="#">Books Rentals</a></li>
<li><a href="#">Scholar Community</a></li>
</ul>
</section>
<section>
<h4>Find Us on Social Media</h4>
<ul class="plain">
<li><a href="#"><i class="icon fa-twitter"> </i>Twitter</a></li>
<li><a href="#"><i class="icon fa-facebook"> </i>Facebook</a></li>
<li><a href="#"><i class="icon fa-instagram"> </i>Instagram</a></li>
<li><a href="#"><i class="icon fa-github"> </i>Github</a></li>
</ul>
</section>
</div>
<div class="copyright">
© Heapify. Photos <a href="https://unsplash.co">Unsplash</a>, Video <a href="https://coverr.co">Coverr</a>.
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
<script>
function findTutor(){
alert("Searching...Please wait");
}
</script>
</html>