-
Notifications
You must be signed in to change notification settings - Fork 2
/
bookmarks.html
149 lines (146 loc) · 8.32 KB
/
bookmarks.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>7GES - Bookmarks </title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="static/assets/favicon.jpg" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="static/css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-light bg-light bg-gradient static-top">
<div class="container">
<a class="navbar-brand fw-bold" href="index.html">
<img class="logo" src="static/assets/logo.jpg">7GES
</a>
<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 ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="courses.html">Courses</a></li>
<li class="nav-item"><a class="nav-link" href="#">Prices</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-primary fw-bold" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Derkos</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="profile.html">Profile</a></li>
<li><a class="dropdown-item" href="bookmarks.html">Bookmarks</a></li>
<li><a class="dropdown-item" href="#">Change Password</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item text-danger" href="#">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page content-->
<div class="container py-5 bg-body-tertiary">
<div class="text-sm-start text-lg-start mb-3">
<h1>List of my bookmarks</h1>
<p class="lead fw-normal text-muted">Explore Your List of Favorite Courses.</p>
</div>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-2 g-3">
<div class="col-md-12 table-responsive">
<table class="table table-striped">
<thead class="table-primary">
<tr>
<th scope="col">#</th>
<th scope="col">Courses</th>
<th scope="col">Categories</th>
<th scope="col">Status</th>
<th scope="col">Duration</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Introduction to Python programming</td>
<td>Programming</td>
<td>Free</td>
<td>2 Weeks</td>
<td><a href="bookmarks.html" type="button" class="btn btn-sm btn-outline-primary">Remove</a></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Django - Beginners to advanced level</td>
<td>Web Developmwnt</td>
<td>USD 95.99</td>
<td>2 Weeks</td>
<td><a href="bookmarks.html" type="button" class="btn btn-sm btn-outline-primary">Remove</a></td>
</tr>
<tr>
<th scope="row">3</th>
<td>Introduction to SQL Database</td>
<td>Database</td>
<td>USD 25.50</td>
<td>2 Weeks</td>
<td><a href="bookmarks.html" type="button" class="btn btn-sm btn-outline-primary">Remove</a></td>
</tr>
<tr>
<th scope="row">4</th>
<td>Introduction to HTML & CSS</td>
<td>Programming</td>
<td>Free</td>
<td>2 Weeks</td>
<td><a href="bookmarks.html" type="button" class="btn btn-sm btn-outline-primary">Remove</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Footer-->
<footer class="footer bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6 h-100 text-center text-lg-start my-auto">
<ul class="list-inline mb-3">
<li class="list-inline-item"><a href="#!">About</a></li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item"><a href="#!">Contact</a></li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item"><a href="#!">Terms of Use</a></li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item"><a href="#!">Privacy Policy</a></li>
</ul>
<p class="text-muted small mb-4 mb-lg-0">© 7GES Website 2023. All Rights Reserved.</p>
</div>
<div class="col-lg-6 h-100 text-center text-lg-end my-auto">
<ul class="list-inline mb-0">
<li class="list-inline-item me-4">
<a href="#!"><i class="bi-envelope fs-3"></i></a>
</li>
<li class="list-inline-item me-4">
<a href="#!"><i class="bi-facebook fs-3"></i></a>
</li>
<li class="list-inline-item me-4">
<a href="#!"><i class="bi-whatsapp fs-3"></i></a>
</li>
<li class="list-inline-item">
<a href="#!"><i class="bi-linkedin fs-3"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="static/js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>