-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
129 lines (116 loc) · 4.86 KB
/
main.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
<!--
• The main page should be a HTML file. It contains general information about the bookshop, such as the address, the contact detail, and the opening times of the bookshop.
• The main page should contain at least one paragraph, one list and one table. For example, you can include a brief introduction of the bookshop in a paragraph, include the main genres in a list, and the opening time in a table.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<title>Main Page</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@floating-ui/core@1.6.0"></script>
<script src="https://cdn.jsdelivr.net/npm/@floating-ui/dom@1.6.3"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
<body>
<header>
<div class="container">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="logo.png" width="70" alt="Logo"> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<div class="headerright">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="main.html"><i class="bi bi-house"></i> main</a>
</li>
<li class="nav-item">
<a class="nav-link" href="books.xml"><i class="bi bi-book"></i> program</a>
</li>
</ul>
</div>
<div class="headercontact">
<div class="headerrighticon">
<a href="tel:02084115000">
<i class="bi bi-phone"></i>
</a>
</div>
<div class="headerrighticon">
<a href="mailto:info@ourbookshop.com">
<i class="bi bi-envelope"></i>
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<div class="container">
<h1> <u>Information</u> </h1>
<p>
Welcome to BookStore, your ultimate online destination for books of all genres. From timeless classics to contemporary bestsellers, our carefully curated collection caters to the diverse tastes of book lovers everywhere. Explore our extensive range of fiction, non-fiction, educational materials, and rare finds. Enjoy seamless browsing and secure shopping, with personalized recommendations just for you. Our mission is to connect readers with the stories that matter, fostering a global community of literary enthusiasts. Experience the joy of reading with PageTurners, where every page promises a new adventure.
</p>
<br>
<br>
<section id="contact">
<h5> <u>contact us</u> </h5>
<p1>Feel free to reach out if you have any questions or need recommendations!</p1>
<ul>
<li>Email: info@ourbookshop.com</li>
<li>Phone: 020 8411 5000</li>
<li>Address: Sheppard Library, Middlesex University, The Burroughs, London NW4 4BT
</li>
</ul>
</section>
<br>
<br>
<section id="openingtimes">
<h3><u>Opening Times</u></h3>
<table class="table">
<tr class="table-primary">
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<td>08:00-17:00</td>
<td>08:00-17:00</td>
<td>08:00-17:00</td>
<td>08:00-17:00</td>
<td>08:00-17:00</td>
<td>Closed</td>
<td>Closed</td>
</tr>
</table>
</section>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<footer>
<div class="container">
<p>© 2024 Our Bookshop</p>
</div>
</footer>
</body>
</html>