-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathshope.html
266 lines (209 loc) · 12.4 KB
/
shope.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!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>Document</title>
</head>
<link rel="stylesheet" href="shope.css">
<body>
<div id="mainCont">
<nav id="miniNav">
<span><img src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6ICM3Nzc3Nzc7fTwvc3R5bGU+PHBhdGggZD0iTTMwLjgyMSAxNy43NDZsLTMuMS0zLjMyMnYtMC4wNTVoLTAuMDUxbC0xMS42NjctMTIuNDk5LTExLjY3MSAxMi40OTloLTAuMDcwdjAuMDc1bC0zLjA4MyAzLjMwMiAxLjM3NiAxLjI4NCAxLjcwNS0xLjgyOHYxMi45MjhoOC45OTR2LTEwLjQ4OGg1LjQ2OHYxMC40ODhoOC45OTR2LTEyLjk0N2wxLjcyNCAxLjg0NyAxLjM4LTEuMjg0ek0yNS44MzggMjguMjQ4aC01LjIyOXYtMTAuNDg4aC05LjIzM3YxMC40ODhoLTUuMjMxdi0xMy4wNjRsOS44NTgtMTAuNTU2IDkuODM3IDEwLjUzOXYxMy4wODB6IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+" alt=""></span>
<span>India</span>
<span><img style="width: 0.8%;" src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTcuMyIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE3LjMgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjMgMzIiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6ICM3Nzc3Nzc7fTwvc3R5bGU+PHBhdGggZD0iTTE2LjksMTUuMUwyLjMsMC40Yy0wLjUtMC41LTEuNC0wLjUtMS45LDBzLTAuNSwxLjQsMCwxLjlMMTQuMSwxNkwwLjQsMjkuN2MtMC41LDAuNS0wLjUsMS40LDAsMS45czEuNCwwLjUsMS45LDAgbDE0LjctMTQuN0MxNy41LDE2LjQsMTcuNSwxNS42LDE2LjksMTUuMUwxNi45LDE1LjF6IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+" alt=""></span>
<span>For Home</span>
<span><img style="width: 0.8%;" src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTcuMyIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE3LjMgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjMgMzIiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6ICM3Nzc3Nzc7fTwvc3R5bGU+PHBhdGggZD0iTTE2LjksMTUuMUwyLjMsMC40Yy0wLjUtMC41LTEuNC0wLjUtMS45LDBzLTAuNSwxLjQsMCwxLjlMMTQuMSwxNkwwLjQsMjkuN2MtMC41LDAuNS0wLjUsMS40LDAsMS45czEuNCwwLjUsMS45LDAgbDE0LjctMTQuN0MxNy41LDE2LjQsMTcuNSwxNS42LDE2LjksMTUuMUwxNi45LDE1LjF6IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+" alt=""></span>
<span>Laptop Computers & 2-in-1 PCs</span>
</nav>
<!-- 2nd Container -->
<div class="cont1">
<div class="cont1Img">
<img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in-dhs-inspiron-laptops-tile-right-facing.png" alt="">
</div>
<div class="cont1desc">
<p class="cont1descP">Inspiron Laptops & 2-in-1 PCs</p>
<span class="cont1Sp">Versatile Performance | Starting at ₹ 33,990.02</span>
<p class="cont1descP2">Create, consume and connect in style with versatile laptops and 2-in-1s.</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop Inspiron</a></div>
<div class="cont1btn2"><a href="#">Explore Inspiron</a></div>
</div>
</div>
</div>
<!-- wHICH laptop is best for you -->
<div id="container2">
<h1 id="container2H1" >Which laptop is right for you?</h1>
<div id="container2Box">
<div class="container2Box1">
<div class="container2Box1img" >
<img src="https://i.dell.com/is/image/DellContent/content/dam/ss2/page-specific/dell-homepage/pt-br/other/in5320nt-cnb-05000ff090-gy-fpr-cat-compare.png?$S7-png$&wid=800&hei=550&qlt=100,0&resMode=sharp2" alt="">
</div>
<h2 class="container2Box1titel">Versatile performance</h2>
<h2 class="container2Box1price">Starting at ₹ 33,990.02</h2>
<ul class="ult">
<li class="liTag">Perform personal & home office tasks</li>
<li class="liTag">Stream, browse and multitask</li>
<li class="liTag">Video chat with enhanced audio & visuals</li>
<li class="liTag">Creat social Content</li>
</ul>
<div class="container2Box1btn1" >
<a href="product.html">Shope Inspiron</a>
</div>
<div class="container2Box1btn2" >
<a href="#">Explore Inspiron</a>
</div>
</div>
<div class="container2Box1">
<div class="container2Box1img" >
<img src="https://i.dell.com/is/image/DellContent/content/dam/ss2/page-specific/category-pages/latam/dv7620nt-cnb-05000ff090-nonfpr-bk.png?$S7-png$&wid=800&hei=550&qlt=100,0&resMode=sharp2" alt="">
</div>
<h2 class="container2Box1titel">Small Business Productivity</h2>
<h2 class="container2Box1price">Starting at ₹ 41,989.99</h2>
<ul class="ult">
<li class="liTag">Protect data with essential security</li>
<li class="liTag">Power business applications</li>
<li class="liTag">Video chat with enhanced audio & visuals</li>
<li class="liTag">Collaborate with video conferencing</li>
</ul>
<div class="container2Box1btn1" >
<a href="#">Shope Inspiron</a>
</div>
<div class="container2Box1btn2" >
<a href="#">Explore Inspiron</a>
</div>
</div>
<div class="container2Box1">
<div class="container2Box1img" >
<img src="https://i.dell.com/is/image/DellContent/content/dam/ss2/product-images/page/franchise/xps/prod-2011-tablet-xps-13-9315-blue-folio-800x550.png?fmt=png-alpha&wid=800&hei=550" alt="">
</div>
<h2 class="container2Box1titel">Creators and Creativity</h2>
<h2 class="container2Box1price">Starting at ₹ 1,04,989.97</h2>
<ul class="ult">
<li class="liTag">Multitask between intensive programs</li>
<li class="liTag">Produce video, photography and music</li>
<li class="liTag">Create & edit digital content</li>
<li class="liTag">Be productive anywhere</li>
</ul>
<div class="container2Box1btn1" >
<a href="#">Shope Inspiron</a>
</div>
<div class="container2Box1btn2" >
<a href="#">Explore Inspiron</a>
</div>
</div>
</div>
</div>
<!-- cont2 -->
<div class="cont1">
<div class="cont1desc">
<p class="cont1descP">Vostro Laptop</p>
<span class="cont1Sp">Small Business Productivity | Starting at ₹ 41,989.99</span>
<p class="cont1descP2">Power your small business with laptops built to deliver security, performance and enhanced video conferencing.</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop Vostro</a></div>
<div class="cont1btn2"><a href="#">Explore Vostro</a></div>
</div>
</div>
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in-dhs-vostro-laptops-tile-left-facing.png" alt="">
</div>
</div>
<!-- cont3 -->
<div class="cont1 backColor">
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/is/image/DellContent/content/dam/ss2/product-images/page/category/laptop/prod-2024-notebook-xps-13-9320-nt-13-9315-nt-tablet-13-9315-2-in-1-800x620-v2.png?fmt=png-alpha&wid=800&hei=620" alt="">
</div>
<div class="cont1desc">
<p class="cont1descP">XPS Laptops & 2-in-1 PCs</p>
<span class="cont1Sp">Creators & Creativity | Starting at ₹ 1,04,989.97</span>
<p class="cont1descP2">Power your creativity with premium, high-performing and beautifully-crafted laptops with innovative features.</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop XPS</a></div>
<div class="cont1btn2"><a href="#">Explore XPS</a></div>
</div>
</div>
</div>
<!-- cont4 -->
<div class="cont1">
<div class="cont1desc">
<p class="cont1descP">Alienware Gaming Laptops </p>
<span class="cont1Sp">Immersive Gaming Experiences | Starting at ₹ 1,59,989.99</span>
<p class="cont1descP2">Experience high-performance gaming with iconic designs and intelligently engineered laptops.</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop Alienware</a></div>
<div class="cont1btn2"><a href="#">Explore Alienware</a></div>
</div>
</div>
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in-dhs-alienware-laptops-tile-left-facing.png" alt="">
</div>
</div>
<!-- cont5 -->
<div class="cont1 backColor">
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in-dhs-g-series-laptops-tile-right-facing.png" alt="">
</div>
<div class="cont1desc">
<p class="cont1descP">G Series Gaming Laptops </p>
<span class="cont1Sp">Gaming Performance | Starting at ₹ 86,989.98</span>
<p class="cont1descP2">Take your game to the next level with split-second responsiveness and dynamic gameplay.</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop G Series</a></div>
<div class="cont1btn2"><a href="#">Explore G Series</a></div>
</div>
</div>
</div>
<!-- cont5 -->
<div class="cont1">
<div class="cont1desc">
<p class="cont1descP">Laptop Deals </p>
<span class="cont1Sp">Our best-priced laptop computers</span>
<p class="cont1descP2">Take advantage of limited-time savings on select laptops. Shop our exclusive deals and get the best for less</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop Deals</a></div>
<!-- <div class="cont1btn2"><a href="#">Explore G Series</a></div> -->
</div>
</div>
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in-dhs-laptop-deals-left-facing.png" alt="">
</div>
</div>
<!-- cont6 -->
<div class="cont1 backColor">
<div class="cont1Img" >
<img class="rightPadding" src="https://i.dell.com/sites/csimages/Banner_Imagery/all/in5420ntcnb00055rf110gyfpr2.png" alt="">
</div>
<div class="cont1desc">
<p class="cont1descP">Student Laptop Deals</p>
<span class="cont1Sp">Student Special</span>
<p class="cont1descP2">Take advantage of limited-time deals on a wide range of Inspiron, Vostro and more. Shop our exclusive deals and get the best for less | Buy directly from Dell.com</p>
<div class="btnCont">
<div class="cont1btn1"><a href="#">Shop Student Deals</a></div>
<!-- <div class="cont1btn2"><a href="#">Explore G Series</a></div> -->
</div>
</div>
</div>
<div id="lastCont">
<div id="lastCont1">
<div id="lastCont1Box">
<p class="lastCont1BoxP">Give Your Device A Second Life</p>
<p class="lastCont1BoxP2">Recycling your old tech helps us create responsible solutions for us all</p>
<p class="lastCont1BoxTC">*T&C apply.</p>
<div class="lastCont1BoxBtn">Get Started</div>
</div>
<div id="lastCont1Img"><img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/br2304g0001-650239-gl-br-sit-fy23q4-dell-com-recycling-banners-1440x720-category-imm-f-mysg.png" alt=""></div>
</div>
<div id="lastCont1">
<div id="lastCont1Box">
<p class="lastCont1BoxP">Be Free To Be More</p>
<p class="lastCont1BoxP2">Celebrate Republic Day with 10% cashback up to ₹5,000 on Citi cards & Alienware headset at ₹1.</p>
<p class="lastCont1BoxTC">*T&C apply.</p>
<div class="lastCont1BoxBtn">Shop Now</div>
</div>
<div id="lastCont1Img"><img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/cs2303r0001001658759incscofy23q4w12siterepublicdayimm1440x7202.png" alt=""></div>
</div>
</div>
</body>
</html>