-
Notifications
You must be signed in to change notification settings - Fork 32
/
explore.html
149 lines (121 loc) · 6.04 KB
/
explore.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
<!--
All Popular Shows and Movies will be displayed here
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Ephesis&family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Style -->
<link rel="stylesheet" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>HacktoberFest</title>
<link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body style="background: #2D6967">
<div class="site-mobile-menu">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<header class="site-navbar" role="banner">
<!-- NAVBAR STARTS -->
<div class="container">
<div class="head-row align-items-center">
<!-- style="position: relative; top: 3px; display: inline-block;" -->
<div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" ><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div>
<div class="col-11 col-xl-2">
<div style = "display: flex;">
<img src = ".\images\logo.png" height="50" width="50" style="margin-right: 20px;">
<h1 text-align="center"><a href="index.html" class="text-white mb-0" style="font-family: Hacktoberfest; font-weight: bolder;">HacktoberFest</a></h1>
</div>
</div>
<div class="col-12 col-md-10 d-none d-xl-block">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu js-clone-nav mr-auto d-none d-lg-block">
<li><a href="index.html"><span>TV</span></a></li>
<li><a href="movies.html"><span>Movies</span></a></li>
<li class="active"><a href="explore.html"><span>Explore</span></a></li>
<li><a href="discover.html"><span>Discover</span></a></li>
<li><a href="myList.html"><span>My List</span></a></li>
</ul>
</nav>
</div>
<!-- <div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div> -->
</div>
</div>
</div>
</header>
<div class="chooseSection">
<button id="movies" class="explore">Movies</button>
<button id="tv" class="explore">TV shows</button>
</div>
<section class="exp-sec">
<div class="exp-sec-info">
<h6 class="display-6">Popular</h6>
</div>
<div class="container popular exp-cont">
<!-- <div>
<img src="https://image.tmdb.org/t/p/w400//2uNW4WbgBXL25BAbXGLnLqX71Sw.jpg" alt="" height ="200px">
<h6>Venom</h6>
</div> -->
<!-- Pupular Content Goes Here -->
</div>
<div class="exp-sec-info">
<h6 class="display-6">Trending</h6>
</div>
<div class="container trending exp-cont">
<!-- Trending Content Goes Here -->
</div>
<div class="exp-sec-info upcoming-heading">
<h6 class="display-6">Upcoming</h6>
</div>
<div class="container upcoming exp-cont">
<!-- Upcoming Content Goes Here -->
</div>
<div class="exp-sec-info">
<h6 class="display-6">Top Rated</h6>
</div>
<div class="container top-rated exp-cont">
<!-- Top Rated Content Goes Here -->
</div>
<div class="exp-sec-info">
<h6 class="display-6">Free to watch</h6>
</div>
<div class="container free exp-cont">
<!-- Free Content Goes Here -->
</div>
</section>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main.js"></script>
<!-- <section id="searchResult">
<div id="main-info"></div>
</section> -->
<script src="js/explore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.4/axios.min.js" integrity="sha512-lTLt+W7MrmDfKam+r3D2LURu0F47a3QaW5nF0c6Hl0JDZ57ruei+ovbg7BrZ+0bjVJ5YgzsAWE+RreERbpPE1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>