-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
127 lines (125 loc) · 4.53 KB
/
home.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>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./bshop.css" />
<title>Readopia - Home Page</title>
<link rel="shortcut icon" href="./readopia.ico" type="image/x-icon" />
<script
src="https://kit.fontawesome.com/38647df40d.js"
crossorigin="anonymous"
></script>
</head>
<body class="user-select-none bg-primary">
<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top shadow">
<div class="container-fluid">
<a class="navbar-brand text-primary" href="./home.html"
><i class="fa-solid fa-book-open-reader"></i> Readopia</a
>
<div class="dropdown">
<button
type="button"
class="btn ms-auto me-3 dropdown-toggle"
data-bs-toggle="dropdown"
>
<i class="fa-solid fa-circle-user"></i>
<!-- <span id="uid"></span> -->
</button>
<div class="dropdown-menu">
<!-- <a href="./setting.html" class="dropdown-item"
><i class="fa-solid fa-gear"></i> Settings</a
>
<hr class="dropdown-divider" /> -->
<a href="./index.html" class="dropdown-item text-danger"
><i class="fa-solid fa-right-from-bracket"></i> Sign Out</a
>
</div>
</div>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-pills ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./home.html"
><i class="fa-solid fa-home"></i> Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./addBook.html"
><i class="fa-solid fa-plus"></i> Add Book</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="./search.html"
><i class="fa-solid fa-magnifying-glass"></i> Search Book</a
>
</li>
</ul>
</div>
</div>
</nav>
<div class="container my-5 py-5">
<div class="bg-light shadow rounded m-3 p-3">
<div class="row p-lg-5 p-sm-3">
<div class="col-lg-3 col-sm-12 d-flex justify-content-center">
<img src="./bshop.svg" class="img-fluid" alt="" />
</div>
<div class="col d-flex align-items-center">
<div>
<h1 class="display-4 text-primary">
Welcome,
<!-- <span id="namePoint"></span>, -->
</h1>
<p class="blockquote">A vast library awaits you!</p>
<p>
<span class="text-primary fw-bold">Readopia</span> offers wide
variety of books from countless genres to explore. As you take
first step into the world of contents, the first book you choose
to read or write redefines who you are.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light shadow p-3">
<hr />
<h4 class="text-center text-muted">
<i class="fa-solid fa-book-open-reader"></i> Readopia
</h4>
<p class="text-center text-muted" style="font-size: 8pt">
Made by Anoof Abdul Kadar
</p>
</div>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
crossorigin="anonymous"
></script>
<script src="./logic.js"></script>
<!-- <script>
uname = localStorage.getItem("user");
namePoint.innerHTML = uname;
logout = () => {
localStorage.removeItem("user");
window.location = "index.html";
};
</script> -->
</body>
</html>