-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (120 loc) · 6.76 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
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
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!-- external css linking -->
<link rel='stylesheet' type='text/css' media='screen' href='css/indexStyle.css'>
<!-- use for fontawesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- use for animation -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src='script/index.js'></script>
</head>
<!-- Body Section Start -->
<body>
<!-- Nav Bar Code Start -->
<div class="navbar">
<a href="#home"><img src="images/logo.jpg" class ="logoIcon"></a>
<a href="#"><i class="fa fa-globe g"></i></a>
<div class="dropdown-menu">
<button class="dropbtn">
EN<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Indonasia</a>
<a href="#">English</a>
<a href="#">Spanish</a>
<a href="#">Italiano</a>
<a href="#">French</a>
<a href="#">Espanol</a>
<a href="#">Deutsh</a>
<hr class="l">
<div class="d1">
<a href="#">Norsik</a>
<a href="#">Polski</a>
<a href="#">Portuguese(Brazil)</a>
<a href="#">Sumoi</a>
<a href="#">Svenska</a>
<a href="#">हिन्दी</a>
</div>
</div>
</div>
<a href="#" class="e">Sign In</a>
</div>
<!-- Nav Bar Code End -->
<!-- Banner 1 -->
<div class="banner1v">
<img src="https://m.media-amazon.com/images/G/31/AmazonVideo/2019/MLP.jpg" data-aos="flip-up"class="bannerImg" >
<div class="b1c">
<p class="k" data-aos="zoom-in" >Welcome to Prime Video</p>
<p class="t" data-aos="fade-right">Join Prime to watch the latest movies, TV shows and award-<br>winning Amazon Originals</p>
<button class="button button2" data-aos="zoom-in">Login to join Prime</button>
</div>
</div>
<!-- Grid view -->
<div class="channel1">
<div class="j">
<p class="o" data-aos="zoom-in">Your favorite channels all in<br>one place</p>
<p class="oo">With Prime Video Channels, find shows and movies from<br>your favorite channels all in one place. Enjoy with an add-<br>on subscription to Channels of your choice</p>
</div>
<div class="grid">
<div class="grid-item"data-aos="zoom-in-right"><img class = "gi" src="https://m.media-amazon.com/images/G/31/AmazonVideo/2021/Channels/MLP/LionsgatePlay-426X2946_V1.jpg"></div>
<div class="grid-item"data-aos="zoom-in-right"><img class = "gi"src="https://m.media-amazon.com/images/G/31/AmazonVideo/2021/Channels/MLP/426x294_Discovery.jpg"></div>
<div class="grid-item"data-aos="zoom-in-right"><img class = "gi"src="https://m.media-amazon.com/images/G/31/AmazonVideo/2021/Channels/MLP/426x294_MANORAMAMAX.jpg"></div>
<div class="grid-item"data-aos="zoom-in-right"><img class = "gi"src=" https://m.media-amazon.com/images/G/31/AmazonVideo/2021/Channels/MLP/Erosnow-426X2948_V1.jpg"></div>
</div>
</div>
<!-- Banner 2 -->
<div class="w">
<img src="https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/IN-Living-Room-V2._CB524587855_SY1200_FMJPG_.jpg" class="wi">
<div class=w2>
<p class="k2" data-aos="zoom-in">Great Entertainment</p>
<p class="t2">With your Prime membership, you have access to exclusive<br>
Amazon Originals, blockbuster Bollywood movies,regional movies<br>
and more.
</p>
<button class="button1 button3" data-aos="zoom-in">Get Start</button>
</div>
</div>
<!-- Banner 3 -->
<div class="y">
<img src="https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/PRIME_multi-benefit_MAGNET_2X._SX1440_CR575,0,865,675_QL80_AC_FP_.jpg" class="yi">
<div class=y2>
<p class="k3" data-aos="zoom-in">One membership, many benefits</p>
<p class="t3" data-aos="zoom-in">Your Prime membership now also includes ad-free music along<br>with unlimited free, fast delivery on eligible items, exclusive access<br>to deals & more.
</p>
<button class="button4 button44" data-aos="zoom-in">Get Start</button>
</div>
</div>
<!-- Banner 4 -->
<div class="z">
<img src="https://images-na.ssl-images-amazon.com/images/G/01/digital/video/Magellan_MLP/MLP_Template_Image_Left._SX1440_CR0,0,865,675_QL80_AC_FP_.jpg" class="zi">
<div class=z2>
<p class="k4 "data-aos="zoom-in">Even better with Fire TV Stick</p>
<p class="t4">The biggest movies and TV shows are always better on a big<br>screen. Simply plug in your Amazon Fire TV Stick and stream on<br>any HDTV. Press the voice button on the remote and say the<br>nameof the title you want to watch to find it in seconds. </p>
<button class="button5 button55"data-aos="zoom-in">Get Start</button>
</div>
</div>
<!-- Banner 5 -->
<div class="f">
<img src="https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/IN-kids-30Jan._SX1440_CR575,0,865,675_QL80_AC_FP_.jpg" class="fi">
<div class=f2>
<p class="k5"data-aos="zoom-in">Family Friendly</p>
<p class="t5">With easy to use Parental Controls and a dedicated kids page,<br>enjoy secure, ad-free kids entertainment. Kids can enjoy popular<br>TV shows like Peppa Pig, Powerpuff Girls, and Chhota Bheem.</p>
<button class="button6 button66"data-aos="zoom-in">Get Start</button>
</div>
</div>
<div class= "footer">
<img src="https://m.media-amazon.com/images/G/01/digital/video/acquisition/web_footer_logo._CB462908456_.png" class="fp">
<p style="font-family: Arial, Helvetica, sans-serif;color: white;",>
Made By <a href="http://himanshudadheech.live" data-aos="zoom-in"> Himanshu Dadheech </a>© 2022-2023.
</p>
</div>
</body>
<!-- Body Section End -->
</html>