-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (95 loc) · 4.35 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=deveice-width, initial-scale=1.0">
<!-- website icon link -->
<link rel="icon" href="https://cdn-icons-png.flaticon.com/512/5977/5977585.png">
<!-- fontawesome link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- izzi toast link -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/izitoast/dist/css/iziToast.min.css">
<!-- animate css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!-- style css link -->
<link rel="stylesheet" href="./style.css">
<script src="https://cdn.lordicon.com/ritcuqlt.js"></script>
<title>IMDb Clone</title>
</head>
<body>
<!-- navbar -->
<nav>
<div class="nav-container">
<div class="logo-container">
<img class="website-logo" src="https://cdn-icons-png.flaticon.com/512/5977/5977585.png" alt="web-logo">
</div>
<div class="nav-controller">
<ul class="nav-ul" type="none">
<li class="home active">Home</li>
<li class="search">Search</li>
<li class="watchlist">Watchlist</li>
<li class="favourite">Favorites</li>
<li><a href="https://www.omdbapi.com/">API</a></li>
<li class="contact-us"><a href="https://ankithub.vercel.app/">Contact Us</a></li>
<i class="fa-solid fa-xmark"></i>
</ul>
<img class="mobile-navbar-button" src=" https://cdn-icons-png.flaticon.com/512/56/56763.png " alt="">
</div>
</div>
</nav>
<!-- home -->
<div class="home-container active">
<div class="slogon-container">
<div class="slogon-p">
<span>Your ultimate source for movies, TV shows, and celebrities.</span>
</div>
<div class="slogon-head">
<span>Enjoy IMDb Searching</span>
</div>
<div class="slogon-p1">
IMDb is the world's most popular and authoritative source for movie, TV, and celebrity content. We offer a comprehensive database of information on films, TV shows, and the people who make them. Our site features reviews, ratings, trailers, and interviews with industry insiders, as well as news and updates on upcoming releases. Whether you're a casual movie-goer or a die-hard cinephile, IMDb has everything you need to stay informed and entertained. With over 200 million unique visitors per month, IMDb is the go-to destination for anyone looking to explore the world of entertainment.
</div>
<button class="home-search-button">Let's Search!</button>
</div>
</div>
<!-- search -->
<div class="search-body">
<div class="searchbar-container">
<div class="search-icon-container">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
<input type="text" placeholder="Serach Movie" id="search-input">
<div class="mic-search-icon-container">
<img src="https://cdn1.iconfinder.com/data/icons/google-s-logo/150/Google_Icons-25-512.png" alt="mic-search" class="mic-icon">
</div>
</div>
<div class="search-slogon">
Discover, rate and watch the latest movies, TV shows and celebrities with IMDb, the world's most authoritative entertainment source.
</div>
<div class="movies-card-container">
</div>
</div>
<!-- movie more details -->
<div class="movie-more-info-container">
</div>
<!-- watchlist -->
<div class="watchlist-body">
<div class="watchlist-card-container">
</div>
</div>
<!-- favourite -->
<div class="favourite-body">
<div class="favourite-card-container">
</div>
</div>
<!-- footer -->
<footer>
<span class="developer-name">@Developed By Ankit Vishwakarma</span>
</footer>
<!-- izzi toast script link -->
<script src="https://cdn.jsdelivr.net/npm/izitoast"></script>
<!-- script link -->
<Script src="./script.js"></Script>
</body>
</html>