-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfavourites.html
44 lines (38 loc) · 1.8 KB
/
favourites.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is a simple IMDb clone project built using HTML, CSS, Bootstrap, and Vanilla JavaScript. The app utilizes the OMDB API to search for movies and display information about them. Users can also mark movies as their favorites and view them later." />
<meta name="keywords" content="Imdbclone, movies, web app, CloneApp" />
<meta name="author" content="Mohamed Irfanullah M" />
<!-- Title and icons -->
<title>Imdb Clone</title>
<link rel="icon" href="./Images/icon.png">
<!-- Css and BootStrap and Icons-->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<script src="https://kit.fontawesome.com/49ffe5a360.js" crossorigin="anonymous"></script>
</head>
<body class="bg-black bg-opacity-10" data-bs-theme="dark">
<!-- NavBar -->
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./Images/logo.png" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
Favourites
</a>
<a class=" text-white link-light link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
href="index.html">Back to Home</a>
</div>
</nav>
<!-- End of Nav -->
<div id="favorites-container" class="d-flex flex-column mb-3 m-5 ">
<!-- Displays the Favourites -->
</div>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script type="module" src="./Scripts/favourites.js"></script>
<!-- End -->
</body>
</html>