-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
131 lines (128 loc) · 4.57 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Librar.io</title>
<link rel="icon" href="assets/book-icon.jpg" type="image/x-icon" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Abel&family=Homemade+Apple&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="./assets/style.css" />
</head>
<body>
<!-- Start Top Bar -->
<div
class="top-bar"
data-responsive-toggle="responsive-menu"
data-hide-for="medium"
>
<button
class="menu-icon"
type="button"
data-toggle="responsive-menu"
></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="responsive-menu">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text">
<a href="index.html" style="color: #25274d;">Librar.io </a>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li><a href="searchcriteria.html">Search Librar.io</a></li>
<li><a href="journals.html">Book Journal</a></li>
<li><a href="about.html">About</a></li>
<li>
<a id="sign-in"><strong>Sign In</strong></a>
</li>
</ul>
</div>
</div>
<!-- End Top Bar -->
<div class="callout small" style="background: #4d6d9a;"></div>
<div class="card-image" id="border-image"></div>
<div class="callout" style="margin-bottom: 2rem;"></div>
<div class="grid-container">
<div class="card boxShadow rounded" id="aboutCard">
<div class="card-divider">
<h2>
<strong>
About Librar.io
</strong>
</h2>
</div>
<div class="card-section">
<p>
Born from a passion for reading and love of books, Librar.io brings
readers into the modern world. The founding developers created a
high-functioning book database that allows the user to find new
reading material and keep a personal book journal. This personal
book club also offers a secure save feature that lets readers build
their own virtual library.
</p>
<p>
As avid readers, developers Charles McRae & Mina Ghaffar make it
their mission to spark everyone's interest to pick up a book and
read. They hope to show that books are more than pages bound
together. A book is the gateway to another world, a start of an
adventure, something to enjoy.
</p>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="grid-x">
<div class="medium cell">
<p>
© Copyright 2020 Charles McRae Peavy & Mina Ghaffar
</p>
<div class="medium cell">
<p>
Connect
<a href="https://www.linkedin.com/in/mcraepv" target="_blank"
><i class="fa fa-linkedin"></i>
</a>
<a href="https://www.instagram.com/mcraepv/" target="_blank"
><i class="fa fa-instagram text-light social"></i>
</a>
<a href="https://github.com/mcraepv" target="_blank"
><i class="fa fa-github text-light social"></i
></a>
</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/js/foundation.min.js"
integrity="sha256-pRF3zifJRA9jXGv++b06qwtSqX1byFQOLjqa2PTEb2o="
crossorigin="anonymous"
></script>
<script>
$(document).foundation();
</script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-firestore.js"></script>
<script src="./assets/script.js"></script>
</body>
</html>