-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (78 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
<!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">
<link rel="shortcut icon" type="image/x-icon" href="imgs/apple-icon.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;600&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/7f5651cd65.js" crossorigin="anonymous"></script>
<title>Apple</title>
</head>
<body>
<article class="img-background">
<section class="hero-your-verse">
<nav class="nav-bar">
<li class="nav-text" id="border-fix"><a href="#" class="nav-font"><img class="apple"src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI5MS41MzggMjkxLjUzOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkxLjUzOCAyOTEuNTM4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojQ0NEMEQyOyIgZD0iTTE4OC4zNzMsNDQuMzA4YzEwLjk3LTExLjc0NCwxOC4zOS0yOC4wNDksMTYuMzU5LTQ0LjMwOGMtMTUuODA0LDAuNTY0LTM0Ljk1OCw5LjI3Ny00Ni4zMDIsMjEuMDINCgkJYy0xMC4xNjksMTAuMzk2LTE5LjA3MiwyNy4wMTEtMTYuNjk2LDQyLjk1MUMxNTkuMzY5LDY1LjE2NCwxNzcuMzg1LDU2LjAzMywxODguMzczLDQ0LjMwOHogTTIyMi4wMywxNTYuNTkzDQoJCWMtMC4zMzctMzYuNDUxLDI4Ljg1OS01My45NTgsMzAuMTUyLTU0LjgwNGMtMTYuNDE0LTI0Ljc1My00MS45NzctMjguMTQtNTEuMDgxLTI4LjUyMmMtMjEuNzY3LTIuMjg1LTQyLjQ0MiwxMy4xODItNTMuNDkzLDEzLjE4Mg0KCQljLTExLjAwNiwwLTI4LjAzLTEyLjg4Mi00Ni4wODMtMTIuNTM2Yy0yMy43MzMsMC4zOTEtNDUuNjAxLDE0LjIxMS01Ny43OSwzNi4xMTRDMTkuMDgxLDE1NC4wOSwzNy40MTYsMjE5LjM2Myw2MS40NCwyNTUuMTA0DQoJCWMxMS43NDQsMTcuNDk3LDI1LjcyNywzNy4xMjUsNDQuMDg5LDM2LjQxNWMxNy43MjUtMC43MSwyNC40MDctMTEuNzg5LDQ1Ljc5Mi0xMS43ODljMjEuMzk0LDAsMjcuMzg0LDExLjc4OSw0Ni4xMDEsMTEuNDM0DQoJCWMxOS4wNDUtMC4zNTUsMzEuMDk4LTE3LjgzNCw0Mi43NDItMzUuMzg2YzEzLjQ3My0yMC4yOTIsMTkuMDI3LTM5LjkzOCwxOS4zNDUtNDAuOTMNCgkJQzI1OS4xLDIxNC42MTEsMjIyLjQyMSwyMDAuMTgyLDIyMi4wMywxNTYuNTkzeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=" /></a></li>
<li class="nav-text"><a href="#" class="nav-font">Store</a></li>
<li class="nav-text"><a href="#" class="nav-font">Mac</a></li>
<li class="nav-text"><a href="#" class="nav-font">IPod</a></li>
<li class="nav-text"><a href="#" class="nav-font">IPhone</a></li>
<li class="nav-text"><a href="#" class="nav-font">IPad</a></li>
<li class="nav-text"><a href="#" class="nav-font">ITunes</a></li>
<li class="nav-text"><a href="#" class="nav-font">Support</a></li>
<li class="nav-text"><form action=""><input type="search" name="" id="nav-search"></form></li><div><i class="fas fa-search"></i><div id="sp-magnify"><div class="magnify-searchmode"></div><div class="magnify"></div></div>
</nav>
<header class="header">
<h1 class="font title">What will your verse be?</h1>
<h2 class="font sub-headline">Everyone has something to share. See how people are using iPad in their unique ways to add to the world’s story.</h2>
<h3 class="font film-link"><a href="#" class="film-link">Watch the “Your Verse” film and explore the stories<img class="play-button"src="https://img.icons8.com/ios/50/ffffff/circled-play--v1.png"/></a></h3>
</header>
</section>
</article>
<aside class="container" >
<div class="promo-imgs-container">
<li class="promo-imgs"><a href="#"><img class="imgs" src="imgs/promo_iphone5s.png" alt="" srcset=""></a></li>
<li class="promo-imgs"><a href="#"><img class="imgs" src="imgs/promo_iphone5c.png" alt="" srcset=""></a></li>
<li class="promo-imgs"><a href="#"><img class="imgs" src="imgs/promo_30_years.png" alt="" srcset=""></a></li>
<li class="promo-imgs"><a href="#"><img class="imgs" src="imgs/promo_supplier_responsibility.png" alt="" srcset=""></a></li>
</div>
</section>
<footer id="homefooter" data-hires="true">
<div class="wrapper">
<p class="left text">Shop the <a class="links" href="https://web.archive.org/web/20140301004610/http://store.apple.com/us" >Apple Online Store</a> (1-800-MY-APPLE), visit an <a class="links" href="/web/20140301004610/http://www.apple.com/retail/" >Apple Retail Store</a>, or find a <a class="links" href="/web/20140301004610/http://www.apple.com/buy/">reseller</a>.</p>
</div>
<ul class="piped right"><li class="first">
<a class="links" href="/web/20140301004610/http://www.apple.com/sitemap/" >Site Map</a></li>
<li>
<a class="links left-border hot-news" href="/web/20140301004610/http://www.apple.com/hotnews/">Hot News</a></li><li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/rss/" >RSS Feeds</a></li>
<li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/pr/" >Media Info</a></li>
<li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/environment/">Environment</a></li>
<li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/jobs/" >Job Opportunities</a></li>
<li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/contact/">Contact Us</a></li>
<li class="worldwide">
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/choose-your-country/" >
<img class="us-logo"src="https://web.archive.org/web/20140301004610im_/http://images.apple.com/global/elements/flags/16x16/usa.png" alt="Choose your country or region" height="16" width="16"></a>
</li></ul>
<div class="left-b">
<p class="copyright text">Copyright © 2014 Apple Inc. All rights reserved.
<ul class="copyright">
<li class="first">
<a class="links" href="/web/20140301004610/http://www.apple.com/legal/" >Terms of Use</a></li>
<li>
<a class="links left-border" href="/web/20140301004610/http://www.apple.com/legal/privacy/" >Privacy Policy</a>
</li>
</ul>
</p>
</div>
</footer>
</body>
</html>