-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoteBank.html
127 lines (119 loc) · 5 KB
/
noteBank.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
<!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>Explore Notes</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>Explore Notes</h1>
</div>
<!-- Main -->
<div id="noteList" style="margin: 50px; text-align:center;">
<div class="container-fluid bg-3 text-center">
<div class="row">
<div class="col-sm-3">
<p>Note #1</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #2</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #3</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #4</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
</div>
</div><br>
<div class="container-fluid bg-3 text-center">
<div class="row">
<div class="col-sm-3">
<p>Note #5</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #6</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #7</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
<div class="col-sm-3">
<p>Note #8</p>
<img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
</div>
</div>
</div>
</div>
<!-- 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>