├── README.md
├── 1.png
├── tv.png
├── Apple.png
├── emoji.jpg
├── ipad.jpg
├── ipad.png
├── mac.jpg
├── play.jpg
├── watch.jpg
├── watch.png
├── airpods.jpg
├── homepod.jpg
├── iphone.jpg
├── search.png
├── search1.png
├── iphone13.jpg
├── iphone131.jpg
├── severance.jpg
├── index.html
└── style.css
/README.md:
--------------------------------------------------------------------------------
1 | # Apple
--------------------------------------------------------------------------------
/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/1.png
--------------------------------------------------------------------------------
/tv.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/tv.png
--------------------------------------------------------------------------------
/Apple.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/Apple.png
--------------------------------------------------------------------------------
/emoji.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/emoji.jpg
--------------------------------------------------------------------------------
/ipad.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/ipad.jpg
--------------------------------------------------------------------------------
/ipad.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/ipad.png
--------------------------------------------------------------------------------
/mac.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/mac.jpg
--------------------------------------------------------------------------------
/play.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/play.jpg
--------------------------------------------------------------------------------
/watch.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/watch.jpg
--------------------------------------------------------------------------------
/watch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/watch.png
--------------------------------------------------------------------------------
/airpods.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/airpods.jpg
--------------------------------------------------------------------------------
/homepod.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/homepod.jpg
--------------------------------------------------------------------------------
/iphone.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/iphone.jpg
--------------------------------------------------------------------------------
/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/search.png
--------------------------------------------------------------------------------
/search1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/search1.png
--------------------------------------------------------------------------------
/iphone13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/iphone13.jpg
--------------------------------------------------------------------------------
/iphone131.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/iphone131.jpg
--------------------------------------------------------------------------------
/severance.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/viswajithka97/Apple/HEAD/severance.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Apple
8 |
9 |
10 |
11 |
12 |
13 |
14 |

15 |
16 |
31 |
32 |
33 |
34 |
Get No Cost EMI for 3, 6 or 12 months with qualifying Credit Cards from most leading banks.*Learn more
35 |
36 |
37 |
38 |
iPhone 13 Pro
39 | Oh.So.Pro.
40 |
41 |
42 |
47 |
48 |
iPhone 13
49 |
Your new superpower.
50 |
54 |

55 |
56 |
57 |
58 |
59 |
60 |
MacBook Pro.
61 |
62 |
63 |
Supercharged for pros.
64 |
65 |
66 |
71 |
72 |
73 |
77 |

78 |
81 |
85 |

86 |
87 |
88 |
89 |

90 |
91 |
92 |
Mega power.Mini sized.
93 |
94 |
98 |

99 |
100 |
101 |

102 |
103 |
Airpods
104 |
105 |
106 |
All-new with Spacial audio
107 |
108 |
112 |
113 |
114 |
115 |
Homepod mini
116 |
117 |
121 |

122 |
123 |
124 |
125 |
There are so many reasons
to switch to iphone.
126 |
127 |
128 |
Arshiya K.switched because of its lightning-fast chips.
129 |
Hear her and that of others.
130 |
131 |
135 |

136 |
137 |
138 |
139 |

140 |
141 |
142 |
143 |
260 |
261 |
262 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0%;
3 | }
4 | .nav{
5 | width:100%;
6 | height:40px;
7 | background: rgba(0,0,0,0.8);
8 |
9 |
10 | }
11 | .logo{
12 | height:38px;
13 | width: 13px;
14 | color:#f5f5f7;
15 |
16 | margin-left: 462px;
17 | }
18 | .logo1{
19 | height:40px;
20 | width: 14px;
21 | color:#f5f5f7;
22 | margin-right: 5px;
23 | margin-top:-14px;
24 |
25 | }
26 | .logo2{
27 | height:40px;
28 | width: 14px;
29 | color:#f5f5f7;
30 | margin-right: 5px;
31 | margin-top:-14px;
32 | }
33 | .menu{
34 | width:1000px;
35 | height:15px;
36 | float:440px;
37 | }
38 | ul{
39 |
40 | float:440px;
41 | display: flex;
42 | justify-content: center;
43 | align-items: 440px;
44 | color: #f5f5f7;
45 | list-style: none;
46 | margin-left: 422px;
47 | margin-top: -30px;
48 | font-size:12px;
49 | font-weight:400px;
50 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
51 | opacity:.8;
52 |
53 | }
54 |
55 | a{
56 | padding-right: 38px;
57 |
58 | }
59 | .nocostemi{
60 | background-color:#fbfbfd;
61 | width:100%;
62 | height:47px;
63 | margin-top: 16px;
64 |
65 | }
66 | .para{
67 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
68 | opacity:.8;
69 | text-align: center;
70 | margin-left: -3px;
71 | padding:15px;
72 | font-size: 14px;
73 | opacity:.8;
74 | }
75 | .phone{
76 | width:100%;
77 | height:50px;
78 |
79 | }
80 | .head{
81 | margin-top: -3px;
82 | text-align: center;
83 | margin-left: -11px;
84 | font-size: 52px;
85 | letter-spacing: -0.005em;
86 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
87 | font-weight: 550;
88 |
89 | }
90 |
91 | .subhead{
92 | text-align:center;
93 | margin-left: -20px;
94 | margin-top:11px;
95 | font-size:26px;
96 | font-weight:100;
97 | letter-spacing: .004em;
98 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
99 | opacity:.8;
100 | line-height: 1.10722;
101 | }
102 | .head learn{
103 | width:100%;
104 | height:10px;
105 |
106 | }
107 | .learn{
108 | font-size: 19px;
109 | margin-top: 202px;
110 | margin-left: 15px;
111 | color: #06c;
112 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
113 |
114 | }
115 | .Buy{
116 | font-size: 19px;
117 | margin-top: 15px;
118 | margin-left: 15px;
119 | color: #06c;
120 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
121 |
122 | }
123 | .iphone13{
124 | width: 100%;
125 | height:740px;
126 | background-color: #32283b;
127 | }
128 | .iphone{
129 | padding-top: 50px;;
130 | margin-top: 4px;
131 | margin-left:822px;
132 | font-size: 52px;
133 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
134 | letter-spacing: -2px;
135 | color: #fbfbfd;
136 | }
137 | .new{
138 | margin-top: 12px;
139 | margin-left:817px;
140 | font-size: 25px;
141 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
142 | letter-spacing: -1px;
143 | color: #fec2eb;
144 | }
145 | .ilearn{
146 | width: 90%;
147 | height: 73px;
148 |
149 | padding: 10px;
150 | }
151 |
152 | .learn1{
153 | font-size: 19px;
154 | padding-top: 10px;
155 | margin-bottom: 202px;
156 | margin-left: 824px;
157 | color: #06c;
158 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
159 |
160 | }
161 | .Buy1{
162 | font-size: 19px;
163 | margin-top: 57px;
164 | margin-left: 7px;
165 | color: #06c;
166 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
167 | opacity:.8;
168 | }
169 | .macbook{
170 | margin-top: 50px;
171 | text-align: center;
172 | margin-left: 7px;
173 | font-size: 52px;
174 | letter-spacing: -0.005em;
175 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
176 | font-weight: 550;
177 |
178 | }
179 | .macbook pro{
180 | margin-top: 50px;
181 | text-align: center;
182 | margin-left: 7px;
183 | font-size: 54px;
184 | letter-spacing: -0.005em;
185 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
186 | font-weight: 550;
187 |
188 | }
189 | .super{
190 | margin-top: 6px;
191 | text-align: center;
192 | margin-left: 7px;
193 | font-size: 20px;
194 | letter-spacing: -0.005em;
195 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
196 | font-weight: 550;
197 | opacity:.8;
198 | }
199 | .hlearn{
200 | width:100%;
201 | height:30px;
202 | margin-top: 20px;
203 |
204 | }
205 | .learn2{
206 | font-size: 19px;
207 | margin-top: 202px;
208 | margin-left: 840px;
209 | color: #06c;
210 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
211 |
212 | }
213 | .Buy2{
214 | font-size: 19px;
215 | margin-top: 57px;
216 | margin-left: 7px;
217 | color: #06c;
218 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
219 | opacity:.8;
220 | }
221 | .other{
222 | height:1920px;
223 | width:100%;
224 | margin-top:460px;
225 | }
226 | .watch{
227 | height:640px;
228 | width:50%;
229 | background-color: #f5f5f7 ;
230 | float: left;
231 | margin-top: 0px;
232 | }
233 | .header{
234 | width:100%;
235 | height:82px;
236 | background-color: #f5f5f7 ;
237 | }
238 | .new1{
239 | font-size: 12px;
240 | color:red;
241 | margin-left: 470px;
242 | margin-top: 10px;
243 | }
244 | .wimg{
245 | margin-top: -53px;
246 | margin-left: 395px;
247 | padding: 13px;
248 | }
249 | .display{
250 | margin-top: 10px;
251 | margin-left:320px;
252 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
253 | font-size: 21px;
254 |
255 | }
256 | .hlearn1{
257 | width:100%;
258 | height:30px;
259 | margin-top: 20px;
260 |
261 | }
262 | .learn3{
263 | font-size: 19px;
264 | margin-top: 202px;
265 | margin-left: 375px;
266 | color: #06c;
267 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
268 |
269 | }
270 | .Buy3{
271 | font-size: 19px;
272 | margin-top: 57px;
273 | margin-left: 7px;
274 | color: #06c;
275 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
276 | opacity:.8;
277 | }
278 | .mini{
279 | height:640px;
280 | width:50%;
281 | background-color: #fbfafc;
282 | float: left;
283 | }
284 | .ipad{
285 | margin-left:377px;
286 | margin-top:48px;
287 | background-color: #fbfbfd;
288 | }
289 | .headm{
290 | width:90%;
291 | height:15px;
292 | padding: 14px;
293 | }
294 | .mega{
295 | margin-left:328px;
296 | margin-top:10px ;
297 | font-size: 23px;
298 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
299 | }
300 | .hlearn2{
301 | width:100%;
302 | height:30px;
303 | margin-top: 20px;
304 | }
305 | .learn4{
306 | font-size: 19px;
307 | margin-top: 202px;
308 | margin-left: 360px;
309 | color: #06c;
310 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
311 | }
312 | .Buy4{
313 | font-size: 19px;
314 | margin-top: 57px;
315 | margin-left: 7px;
316 | color: #06c;
317 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
318 | opacity:.8;
319 | }
320 | .airpod{
321 | height:640px;
322 | width:50%;
323 | float: left;
324 | background-color: #FBFAFC;
325 | }
326 | .air{
327 | width:100%;
328 | height:35px;
329 | }
330 | .pod{
331 | font-size: 40px;
332 | line-height: 1.1;
333 | font-weight: 550;
334 | letter-spacing: 0em;
335 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
336 | margin-top: 18px;
337 | margin-left: 369px;
338 | }
339 | .allnew{
340 | width: 100%;
341 | height:20px;
342 | }
343 | .spacial{
344 | font-size: 18px;
345 | line-height: 1.1;
346 | font-weight: 400;
347 | letter-spacing: 0em;
348 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
349 | margin-top: 20px;
350 | margin-left: 338px;
351 | }
352 | .hlearn3{
353 | width:100%;
354 | height:30px;
355 | margin-top: 13px;
356 | }
357 | .learn5{
358 | font-size: 19px;
359 | margin-top: 202px;
360 | margin-left: 338px;
361 | color: #06c;
362 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
363 | }
364 | .Buy5{
365 | font-size: 19px;
366 | margin-top: 57px;
367 | margin-left: 7px;
368 | color: #06c;
369 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
370 | opacity:.8;
371 | }
372 | .homepod{
373 | height:640px;
374 | width:50%;
375 | background-color:#FBFAFC;
376 | float: left;
377 | }
378 | .home{
379 | width: 100%;
380 | height:10px
381 | }
382 | .hpod{
383 | font-size: 40px;
384 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
385 | margin-top: 49px;
386 | margin-left:370px;
387 | font-weight: 600;
388 | letter-spacing: 0em;
389 | }
390 | .hlearn4{
391 | width:100%;
392 | height:30px;
393 | margin-top: 50px;
394 | }
395 | .learn6{
396 | font-size: 19px;
397 | margin-top: 202px;
398 | margin-left: 400px;
399 | color: #06c;
400 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
401 | }
402 | .Buy6{
403 | font-size: 19px;
404 | margin-top: 57px;
405 | margin-left: 7px;
406 | color: #06c;
407 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
408 | opacity:.8;
409 | }
410 | .emoji{
411 | height:640px;
412 | width:50%;
413 | background-color: rgb(247,210,221);
414 | float: left;
415 |
416 | }
417 | .ehead{
418 | width:100%;
419 | height:20px;
420 | }
421 | .switch{
422 | font-size: 40px;
423 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
424 | margin-top: 49px;
425 | margin-left:-25px;
426 | font-weight: 600;
427 | letter-spacing: -2px;
428 | text-align: center;
429 | }
430 | .para1{
431 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
432 | margin-top: 83px;
433 | margin-left:232px;
434 | font-size: 20px;
435 | }.para2{
436 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
437 | margin-top: 5px;
438 | margin-left:330px;
439 | justify-content: center;
440 | font-size: 20px;
441 |
442 | }
443 | .hlearn5{
444 | width:100%;
445 | height:30px;
446 | margin-top: 5px;
447 | }
448 | .learn7{
449 | font-size: 16px;
450 | margin-top: 202px;
451 | margin-left: 330px;
452 | color: #06c;
453 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
454 | }
455 | .Buy7{
456 | font-size: 16px;
457 | margin-top: 57px;
458 | margin-left: -17px;
459 | color: #06c;
460 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
461 | opacity:.8;
462 | }
463 | .emojipic{
464 | width:100%;
465 | padding-top: 10px;
466 | }
467 | .tv{
468 | height:620px;
469 | width:50%;
470 | float: left;
471 |
472 | }.footerhead{
473 | width:100%;
474 | height:680px;
475 | background-color: #F4F5F6;
476 |
477 | }
478 | .fhead{
479 | margin-top: 10px;
480 | padding-top:30px;
481 | margin-left: 500px;
482 | font-size: 13px;
483 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
484 | color: #89898E;
485 | }
486 | .subfooter{
487 | margin-top: 21px;
488 | }
489 | .shop{
490 | width:196px;
491 | height:350px;
492 | margin-left: 500px;
493 | float: left;
494 | color: #5F5F61;
495 | }
496 | ol{
497 | line-height: 25px;
498 | list-style: none;
499 | margin-left: -40px;
500 | margin-top: 4px;
501 | font-size:12px;
502 | font-weight:400px;
503 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
504 | /* opacity:.8; */
505 | color: #6e6e73;
506 | }
507 | .Services{
508 | width:196px;
509 | height:350px;
510 | color: #5F5F61;
511 | float: left;
512 | }
513 | .applestore{
514 | width:196px;
515 | height:350px;
516 | color: #5F5F61;
517 | float: left;
518 | }
519 | .buisness{
520 | width:196px;
521 | height:350px;
522 | color: #5F5F61;
523 | float: left;
524 | }
525 | .applevalues{
526 | width:196px;
527 | height:350px;
528 | color: #5F5F61;
529 | float: left;
530 | }
531 | .line{
532 | margin-top: -24px;
533 | padding-top:30px;
534 | margin-left: 500px;
535 | font-size: 13px;
536 | font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
537 | color: #89898E;
538 | }
539 |
540 | .span{
541 |
542 | margin-top: 385px;
543 | margin-left: 500px;
544 | font-size: 13px;
545 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
546 | color: #ACACB0;
547 |
548 | }
549 | .copyright{
550 | margin-top: 10px;
551 | margin-left:500px;
552 | font-size: 12px;
553 | color:#7F7F83;
554 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
555 | }
556 | ul1{
557 | float:440px;
558 | display: flex;
559 | justify-content: center;
560 | list-style: none;
561 | margin-left: 171px;
562 | margin-top: -13px;
563 | font-size:12px;
564 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
565 | opacity:.8;
566 | margin-right: 10px;
567 |
568 | }
569 | .a1{
570 | margin-top: -17px;
571 | margin-left: 1485px;
572 | display: flex;
573 | font-size:12px;
574 | font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
575 | }
576 |
--------------------------------------------------------------------------------