-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (59 loc) · 2.64 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>The Book Nook</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="icon" type="image/x-icon" href="logoThree.png">
<!-- DM Sans-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap" rel="stylesheet">
</head>
<!-- nav bar -->
<header>
<div class = "total-header">
<img class="logo" src="logoThree.png">
<section class="header-buttons">
<a href="index.html" class="header-button">Home</a>
<a href="recommendationsHtml/recommendations.html" class="header-button">Recommendations</a>
<a href="bookQuiz.html" class="header-button">Book Quiz</a>
<a href="diverseVoices.html" class="header-button">Diverse Voices</a>
<a href="bookClubs.html" class="header-button" header-button">Book Club</a>
<a href="bookEvents.html" class="header-button">Book Events</a>
</section>
</div>
</header>
<!-- heading -->
<div class="top-section">
<div class="top-text">
<h1 class="home-title"> The Book Nook</h1>
<p class="home-statement"> <em>Your reading journey starts here.</em></p>
<br>
<br>
<a href="bookQuiz.html" class="home-page-button">Find personalized recommendations</a>
</div>
<!-- book image -->
<img class="home-img"
src="https://images.pexels.com/photos/5489752/pexels-photo-5489752.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"
alt="Books! :)">
</div>
<!-- mission statement -->
<div class="mission-statement">
<h3 class="mission"><strong>Our Mission</strong></h3>
<p class="mission-text"> Our mission is to create an inclusive platform for people to discover diverse, compelling
books and elevate their reading experience. We want to encourage people to get into reading by giving them a
baseline of personal book recommendations, as well as access to resources to find books from different genres and
further explore the realm of books. </p>
</div>
<body>
<script src="script.js"></script>
</body>
</html>
<!-- "https://o.remove.bg/downloads/0b4f798d-4a63-4cd0-b717-09c6b4ef304d/hand-drawn-flat-design-stack-books_23-2149342941-removebg-preview.png" -->