-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (178 loc) · 6.65 KB
/
index.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!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>Heapify</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">Login | Sign Up</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>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>Heapify</h1>
<p>Join the note-sharing economy and contribute to the free distribution of information among students across the globe.</p>
</div>
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section>
<!-- Highlights -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h3>Struggling through a class that you’re forced to take?</h3>
<h2>Get Started</h2>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="submitNote.html" class="icon fa-floppy-o"><span class="label">Icon</span></a>
<h3>Submit a Note</h3>
</header>
<p>Submitting a note will reward you with credits that can be used to explore other notes in the Note Bank, a crowd-sourced repository of notes.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="noteBank.html" class="icon fa-files-o"><span class="label">Icon</span></a>
<h3>Explore our Note Bank</h3>
</header>
<p>Use your credits to gain access to our endless supply of notes and resources for college classes around the globe.</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="tutorPage.html" class="icon fa-vcard-o"><span class="label">Icon</span></a>
<h3>Find a Tutor</h3>
</header>
<p>Need more personalized help? Find a tutor using our Tutor Matchmaking service and we'll
link you to someone with
</p>
</div>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper">
<div class="inner">
<h2>Interested in becoming a tutor? Apply!</h2>
<p>Submit a brief application to be considered for our Paid Tutor program.
You will be compensated competitively for spreading knowledge if your field of interest.</p>
<a href="tutorPage.html" class="button wide">Apply Now!</a>
</div>
</section>
<!-- Testimonials -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Hear from our Community!</h2>
</header>
<div class="testimonials">
<section>
<div class="content">
<blockquote>
<p>I love heapify more than I love electric cars. Their service is out of this world - I don't even feel like going to Mars anymore.</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/elon-musk-4.jpg" alt="" />
</div>
<p class="credit">- <strong>Elon Musk</strong> <span>CEO - Tesla Motors</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>One of the best business concepts I’ve seen in my tenure at USC, made by students for students. Right up there with Rick's Fast Pizza Delivery!</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/profselbysq.jpg" alt="" />
</div>
<p class="credit">- <strong>Richard W. Selby</strong> <span>Director of Software Products at Northrop Grumman</span></p>
</div>
</div>
</section>
<section>
<div class="content">
<blockquote>
<p>Most convenient tutoring service I’ve ever used. Aced all my finals this year with the help of Heapify!</p>
</blockquote>
<div class="author">
<div class="image">
<img src="images/pic02.jpg" alt="" />
</div>
<p class="credit">- <strong>Janet Smith</strong> <span>USC Marshall Junior ‘19</span></p>
</div>
</div>
</section>
</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>
</html>