-
Notifications
You must be signed in to change notification settings - Fork 20
/
Copy pathindex.html
124 lines (111 loc) · 5.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>apple.com</title>
<link rel="icon" type="image/png" sizes="32x32" href="https://1000logos.net/wp-content/uploads/2016/10/Apple_logo_grey.png">
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
media="screen and (max-width: 1170px)"
href="phone.css"
/>
</head>
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap"
rel="stylesheet"
/>
<body id="body">
<div class="container">
<nav class="navbar">
<img src="./Images/apple(grey).jpg" class="logo" />
<ul>
<li><a href="#">Mac</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Watch</a></li>
<li><a href="#">TV</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Support</a></li>
</ul>
<img src="./Images/searching.jpg" class="searching" alt="">
<img src="./Images/bag.jpg" class="bag" id="bag-icon" alt="">
</nav>
<div class="bag-items" id="bag-items">
<p>Your bag is empty</p>
<ul>
<li><a href="#">Bag</a></li>
<li><a href="#">Favourites</a></li>
<li><a href="#">Orders</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Sign In</a></li>
</ul>
</div>
<div class="moreinfo">
<p>
Shop now at the Apple Store online with many great ways to buy. Get
free, no-contact delivery, Specialist help and
<a href="#"> more > </a>
</p>
</div>
<div class="fcontainer">
<div class="fitem_1"> <img class="iphone14pro" src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_14_pro_light__dfhcc00ur2oi_large.svg" alt="">
<span class="label">iPhone 14 Pro</span>
</div>
<div class="fitem_2"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_14_light__fwknsxkf80uq_large.svg" alt="">
<span class="label">iPhone 14</span>
</div>
<div class="fitem_3"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_13_light__ewo3e0sf67o2_large.svg" alt="">
<span class="label">iPhone 13</span>
</div>
<div class="fitem_4"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_se_light__fhg8duy6ffau_large.svg" alt="">
<span class="label">iPhone SE</span>
</div>
<div class="fitem_5"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_12_light__cxh2ll1zwpw2_large.svg" alt="">
<span class="label">iPhone 12</span>
</div>
<div class="fitem_6"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_compare_light__f4jj7brpbvm2_large.svg" alt="">
<span class="label">Compare</span>
</div>
<div class="fitem_7"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/airpods_light__8oj157p2476a_large.svg" alt="">
<span class="label">AirPods</span>
</div>
<div class="fitem_8"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/airtag_light__cb2bmnv6aoeu_large.svg" alt="">
<span class="label">AirTag</span>
</div>
<div class="fitem_9"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/accessories_light__ed5l6ipsevqu_large.svg" alt="">
<span class="label">Accessories</span>
</div>
<div class="fitem_10"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/iphone_ios_light__b8s4ws8o77iq_large.svg" alt="">
<span class="label">iOS 16</span>
</div>
<div class="fitem_11"> <img src="https://www.apple.com/v/iphone/home/bk/images/chapternav/shop_iphone_light__b2toggskllle_large.svg" alt="">
<span class="label">Shop iPhone</span>
</div>
</div>
<div class="content">
<div class="iphone12desc"><img src="./Images/content.jpg" alt="" /></div>
<div class="iphone12-links">
<a href="#">Learn more ></a> <a href="#">Buy ></a>
</div>
<div class="iphone12img"><img src="./Images/iphone12ss.jpg" alt="" /></div>
</div>
<div class="content2">
<div class="prodesc"><img src="./Images/content2.jpg" alt="" /></div>
<div class="iphone12-links">
<a href="#">Learn more ></a> <a href="#">Buy ></a>
</div>
<div class="proimg"><img src="./Images/iphone12pro.jpg" alt="" /></div>
</div>
</div>
<footer id="footer">
<p>More ways to shop.<a href="#">Find a retailer near you.</a>Or call 00000800 040 1966.</p><br>
<hr>
<br>
<p>Copyright © 2021 Apple Inc; All rights reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="#">Sales Policy</a> | <a href="#">Legal</a> | <a href="#">Site Map</a> </p>
</footer>
<script src="operation.js"></script>
</body>
</html>