-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
110 lines (110 loc) · 3.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Get Popcorn</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="resources/flickity.css" media="screen" />
<link
href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap"
rel="stylesheet"
/>
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"
/>
<script src="resources/flickity.js"></script>
</head>
<body>
<header class="header">
<span class="logo">get Popcorn</span>
<form class="search">
<input
class="search__input"
placeholder="Search for movies...."
required
/>
<button class="search__btn">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</header>
<main>
<section class="view">
<div class="composition">
<h1 class="composition__heading">
Let's explore movies together....
</h1>
</div>
<div class="slideshow">
<div class="navbar category">
<ul class="navbar__list">
<li
class="navbar__item navbar__item--active category-movie"
id="23456"
>
<a href="#" class="navbar__link"
>home
<i class="fa fa-home navbar__icon" aria-hidden="true"></i
></a>
</li>
<li class="navbar__item category-tv">
<a href="#" class="navbar__link"
>TV shows
<i
class="fa fa-television navbar__icon"
aria-hidden="true"
></i
></a>
</li>
<li class="navbar__item category-actor">
<a href="#" class="navbar__link"
>Actors
<i class="fa fa-male navbar__icon" aria-hidden="true"></i
></a>
</li>
</ul>
</div>
<div class="main-carousel"></div>
</div>
</section>
<section class="like">
<div class="like__category">
<h2 class="like__heading">Liked Movies</h2>
<div class="like__container">
<ul class="like__list liked__movies"></ul>
</div>
</div>
<div class="like__category">
<div class="like__category">
<h2 class="like__heading">Liked TV shows</h2>
<div class="like__container">
<ul class="like__list liked__tv"></ul>
</div>
</div>
</div>
<div class="like__category">
<div class="like__category">
<h2 class="like__heading">Liked Persons</h2>
<div class="like__container">
<ul class="like__list liked__person"></ul>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<span class="navbar__copyright"
>get popcorn. ©<br />made by sarthak duggal</span
>
</footer>
<script src="js/bundle.js"></script>
</body>
</html>