-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (151 loc) · 5.89 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
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apple Clone</title>
<link rel="stylesheet" href="./style.css">
<link rel="javascript" href ="index.js">
</head>
<body>
<div class="container">
<div class="navbar">
<div class="logo">
<img src="photo/png-apple-logo-9711.png" alt="logo">
</div>
<ul id="nav_list">
<li>Store</li>
<li>Mac</li>
<li>iPad</li>
<li>iPhone</li>
<li>Watch</li>
<li>AirPods</li>
<li>TV & Home</li>
<li>Entertainment</li>
<li>Accessories</li>
<li>Support</li>
<img class="cross" src="./photo/close-116-512.png" alt="cross">
</ul>
<div class="nav-icons">
<img src="photo/search-icon-png-9969(1).png" alt="search">
<img src="photo/shopping-bag.png" alt="shopping" >
<img class="menuopen" src="./photo/hamburger-menu-5.png" alt="menu">
</div>
</div>
<div class="offers">
<p>
Get up to rs8000 savings on selected products with eligible HDFC Bank cards.plus No Cost EMI from most leading banks.
</p>
<a href="#">See Offers</a>
</div>
<div class="back-video"></div>
<video autoplay loop muted play-inline>
<source src="./video/y2mate.com - iPhone Xr Official Trailer_1080p(1).mp4" type="video/mp4">
</video>
<div class="section">
<div class="titles">
<h1> Store.The best way to buy the products you love. </h1>
</div>
<div class="services">
<img src="./photo/pexels-italo-melo-2379004.jpg" alt=" service">
<p>Need a Shopping help?</p>
<a href="#"> Ask a Specialist</a><br>
<img src="./photo/png-apple-logo-9711.png" alt="service">
<p>Visit an Apple Store</p>
<a href="#">Find one near you</a><br>
</div></div>
<div class="products">
<div class="product">
<img src="./photo/iphone-14-mockup-png-890-download-96223.png" alt="product">
<a href="#">iPhone</a>
</div><div class="product">
<img src="./photo/airpods-32430.png" alt="product">
<a href="#">AirPods</a>
</div><div class="product">
<img src="./photo/Apple-Watch-PNG-Transparent.png" alt="product">
<a href ="#">iWatch</a>
</div><div class="product">
<img src="./photo/Apple-WWDC23-MacBook-Air-15-in-hero-230605.jpg.news_app_ed.jpg" alt="product">
<a href="#">MacBook</a>
</div><div class="product">
<img src="./photo/61d4a6218b51e20004664d4c.png" alt="product">
<a href="#">i Pad</a></div>
<div class="product">
<img src="./photo/pngwing.com(1).png" alt="product">
<a href="#">New Phones</a>
</div></div>
<div class="card-container">
<h1>The latest. Take a look at what's new right now</h1>
<div class="cards">
<div class="card">
<span>LIMITED TIME OFFER</span>
<h1>Save on Mac or iPad for university</h1>
<p> You'll also save on Apple Pencil,Magic Keyboard for iPad</p>
<img src="./photo/61d4a6218b51e20004664d4c.png" alt="">
</div>
<div class="card">
<span>LIMITED TIME OFFER</span>
<h1>MacBook Air 15.Buy Now</h1>
<p> You'll also save on Apple Pencil,Magic Keyboard for iPad</p>
<img src="./photo/Apple-WWDC23-MacBook-Air-15-in-hero-230605.jpg.news_app_ed.jpg" alt="">
</div>
<div style ="background:black" class=card>
<span style="color:white;">LIMITED TIME OFFER</span>
<h1 style="color:white;">MacBook Air 15.Buy Now</h1>
<p style="color: white;"> You'll also save on Apple Pencil,Magic Keyboard for iPad,get 20% off AppleCare+,and more</p>
<img style="height: 180px;"src="./photo/gsmarena_001.jpg" alt="iPhone">
</div>
</div>
</div>
<div class="apple-events">
<h1> Let's Explore Apple Events </h1>
<div class="event-picture">
<img src="./photo/APPLE-EVENT-SEP-2023-WALLPAPER-mod1.jpg" alt="events">
<img src="./photo/apple-event-wallpaper-iphone.png" alt="events">
</div></div>
<div class="section-3">
<h1>iPhone 14 Pro Leather Case with MagSafe-Ink</h1>
<img src="./photo/iphone-14-mockup-png-890-download-96223.png" alt="Phone">
</div>
<div class="menu-items">
<div class="store">
<img src="./photo/png-apple-logo-9711.png" alt="logo">
<p>Apple Store Online</p>
</div>
<div class="menu-list">
<ul>
<li> Shop and Learn</li>
<li>Store</li>
<li> Mac</li>
<li> iPhone</li>
<li> Watch</li>
<li> AirPods</li>
<li>TV & Home</li>
<li>AirTag</li>
</ul>
<ul>
<li>Apple Podcast</li>
<li>Account</li>
<li> Manage Your Apple ID</li>
<li>Apple Store Account</li>
<li>iCloud.com</li>
<li>Entertainment</li>
<li>Apple TV+</li>
<li>Apple Music</li>
</ul>
<ul>
<Li>Apple Values</Li>
<li>Accessibility</li>
<li>Environment</li>
<li>Privacy</li>
<li>Supplier Responsibility</li>
<li>About Apple</li>
</ul>
</div>
<div class="footer">
<p>Copyright 2023 Apple inc.All rights reserved.Privacy Policy Terms of use sales Policy Legal Site Map </p>
</div>
</div>
</div>
</body>
</html>