-
Notifications
You must be signed in to change notification settings - Fork 0
/
movies.html
49 lines (42 loc) · 2.09 KB
/
movies.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
<!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">
<!-- Nav Bar -->
<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">
Movies Details
</a>
<div class="navbox-2"><a
class=" text-white link-light link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover m-2"
href="favourites.html">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>
</div>
</nav>
<!-- End of Nav Bar -->
<div class="result-container d-flex align-items-center justify-content-center m-5" id="result-container">
<!-- Displays the Movie Here -->
</div>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="./Scripts/movies.js" type="module"></script>
<!-- End -->
</body>
</html>