diff options
| author | s1n <[email protected]> | 2020-03-09 13:17:26 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-03-09 13:17:26 -0700 |
| commit | e31ccb826c9874e1010735a18746197e554d38e5 (patch) | |
| tree | 786f01ee98428735812f07d9c74d94ebc50c01e8 | |
| parent | Create temp (diff) | |
| download | cs2-e31ccb826c9874e1010735a18746197e554d38e5.tar.xz cs2-e31ccb826c9874e1010735a18746197e554d38e5.zip | |
int
| -rw-r--r-- | cs2-apple/index.html | 242 | ||||
| -rw-r--r-- | cs2-apple/main.css | 311 | ||||
| -rw-r--r-- | cs2-apple/main.scss | 345 |
3 files changed, 898 insertions, 0 deletions
diff --git a/cs2-apple/index.html b/cs2-apple/index.html new file mode 100644 index 0000000..918b795 --- /dev/null +++ b/cs2-apple/index.html @@ -0,0 +1,242 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Apple</title>
+ <link rel="shortcut icon" href="https://www.apple.com/favicon.ico" type="image/x-icon">
+ <link rel="stylesheet" href="main.css">
+ </head>
+ <body>
+ <div class="header">
+ <div id="header-background"></div>
+ <div class="header-main">
+ <div class="header-navbar-items">
+ <a href="https://apple.com/" id="header-apple-logo" style="position: relative; top: 3.5px;">
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Apple_logo_grey.svg/1200px-Apple_logo_grey.svg.png"
+ alt="" width="15px">
+ </a>
+ <a href="https://apple.com/mac/">Mac</a>
+ <a href="https://apple.com/ipad/">iPad</a>
+ <a href="https://apple.com/iphone/">iPhone</a>
+ <a href="https://apple.com/watch/">Watch</a>
+ <a href="https://apple.com/tv/">TV</a>
+ <a href="https://apple.com/music/">Music</a>
+ <a href="https://support.apple.com">Support</a>
+ <a href="https://apple.com/us/search" id="header-search-icon" style="position: relative; top: 7.5px;">
+ <img src="https://cdn1.iconfinder.com/data/icons/hawcons/32/698956-icon-111-search-512.png" alt="" width="25px">
+ </a>
+ <a href="https://apple.com/us/shop/goto/bag" id="header-market-icon" style="position: relative; top: 15.5px;">
+ <img src="https://i.imgur.com/rvLrV5v.png" alt="" width="17px">
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <div class="main">
+ <div class="main-iphone-11-pro" style="color: white; font-family: Arial, Helvetica, sans-serif; text-align: center;">
+ <a href="https://www.apple.com/iphone-11-pro/">
+ <img src="https://www.apple.com/v/home/a/images/heroes/iphone-11-pro/hero__dvsxv8smkkgi_largetall.jpg" alt="">
+ </a>
+ <p style="font-size: 50px; font-weight: bold; margin-bottom: -20px;">iPhone 11 Pro</p>
+ <p style="font-size: 25px;">Pro cameras. Pro display. Pro performance.</p>
+
+ <p style="color: grey; margin-top: -10px;">From $28.29/mo. or $679 with trade-in.¹</p>
+
+ <div id="main-iphone-11-pro-information">
+ <a href="https://apple.com/iphone-11-pro/">Learn more > </a>
+ <a href="https://apple.com/us/shop/goto/buy_iphone/iphone_11_pro">Buy ></a>
+ </div>
+ </div>
+
+ <div class="main-iphone-11" style="color: black; font-family: Arial, Helvetica, sans-serif; text-align: center;">
+ <a href="https://www.apple.com/iphone-11/">
+ <img src="https://www.apple.com/v/home/a/images/heroes/iphone-11/hero__dvsxv8smkkgi_largetall.jpg" alt="">
+ </a>
+ <p style="font-size: 50px; font-weight: bold; margin-bottom: -20px;">iPhone 11</p>
+ <p style="font-size: 25px;">Just the right amount of everything.</p>
+
+ <p style="color: grey; margin-top: -10px;">From $18.70/mo. or $449 with trade-in.¹</p>
+
+ <div id="main-iphone-11-information">
+ <a href="https://apple.com/iphone-11/">Learn more > </a>
+ <a href="https://apple.com/us/shop/goto/buy_iphone/iphone_11">Buy ></a>
+ </div>
+ </div>
+
+ <div class="main-watch" style="color: black; font-family: Arial, Helvetica, sans-serif; text-align: center;">
+ <a href="https://www.apple.com/apple-watch-series-5/">
+ <img src="https://www.apple.com/v/home/a/images/heroes/watch-series-5/hero__dvsxv8smkkgi_largetall.jpg" alt="">
+ <img style="position: relative; top: -680px;" src="https://www.apple.com/v/home/a/images/logos/watch-series-5/logo_hero__trsrpeu6koqy_large.png" alt="">
+ </a>
+ <p style="font-size: 25px;">
+ With the new Always-On Retina display.<br>
+ You've never seen a watch like this.
+ </p>
+
+ <div id="main-watch-information">
+ <a href="https://www.apple.com/apple-watch-series-5/">Learn more > </a>
+ <a href="https://www.apple.com/us/shop/goto/apple_watch">Buy ></a>
+ </div>
+ </div>
+
+ <div id="main-banner-background"></div>
+
+ <div class="main-banner-layer-1">
+ <img src="https://i.imgur.com/uwoo1Ub.png" alt="">
+ <img src="https://i.imgur.com/3FdPnum.png" alt="">
+ </div>
+
+ <div class="main-banner-layer-2">
+ <img src="https://i.imgur.com/E7TTmcv.png" alt="">
+ <img src="https://i.imgur.com/RfoHkZF.png" alt="">
+ </div>
+
+ <div class="main-banner-layer-3">
+ <img src="https://i.imgur.com/P9BPOMG.png" alt="">
+ <img src="https://i.imgur.com/IRuCi3I.png" alt="">
+ </div>
+ </div>
+
+ <div class="footer">
+ <div class="main-trade-in-values" style="color: #948FB5; font-size: 12px; width: 100%; background: #f5f5f7;">
+ <p>
+ 1. Trade In: Trade‑in values vary. iPhone 11 and iPhone 11 Pro promotional pricing is after trade‑in of iPhone 8 Plus and iPhone X in good condition. Additional trade‑in values
+ require purchase of a new iPhone, subject to availability and limits. Must be at least 18. Apple or its trade-in partners reserve the right to refuse or limit any Trade In
+ transaction for any reason. In‑store trade‑in requires presentation of a valid, government-issued photo ID (local law may require saving this information). Sales tax may be
+ assessed on full value of new iPhone. Additional terms from Apple or Apple’s trade-in partners may apply. Monthly pricing: Available to qualified customers and requires 0%
+ APR, 24-month installment loan with Citizens One or Apple Card Monthly Installments and iPhone activation with AT&T, Sprint, T-Mobile, or Verizon. Taxes and shipping not
+ included. Additional Apple Card Monthly Installments terms are in the <a id="main-trade-in-values-customer-agreement" href="https://www.goldmansachs.com/terms-and-conditions/Apple-Card-Customer-Agreement.pdf">Customer Agreement</a>. Additional iPhone Payments terms are here.
+
+ 2. $4.99/month after free trial. No commitment. Plan automatically renews after trial until cancelled.
+ Officially Licensed Product of United States Women’s National Team Players Association © 2019.
+
+ © NHL
+
+ Case and band combinations can be made within collections (Apple Watch, Apple Watch Nike, and Apple Watch Hermès) only.
+ Apple TV+ is $4.99/month after free trial. One subscription per Family Sharing group. Offer good for 3 months after eligible device activation. Plan automatically renews until
+ cancelled. Restrictions and other terms apply.
+
+ <hr style="width: 980px; background-color: #948FB5; height: 1px; border: 0;">
+ </p>
+ </div>
+
+ <div class="footer-links">
+ <div id="footer-background"></div>
+
+ <p id="footer-links-header-shop-learn">Shop and Learn</p>
+ <div class="footer-links-shop-learn">
+ <a href="https://www.apple.com/mac/">Mac</a><br>
+ <a href="https://www.apple.com/ipad/">iPad</a><br>
+ <a href="https://www.apple.com/iphone/">iPhone</a><br>
+ <a href="https://www.apple.com/watch/">Watch</a><br>
+ <a href="https://www.apple.com/tv/">TV</a><br>
+ <a href="https://www.apple.com/music/">Music</a><br>
+ <a href="https://www.apple.com/airpods/">AirPods</a><br>
+ <a href="https://www.apple.com/homepod/">HomePod</a><br>
+ <a href="https://www.apple.com/ipod-touch/">iPod touch</a><br>
+ <a href="https://www.apple.com/us/shop/goto/buy_accessories">Accessories</a><br>
+ <a href="https://www.apple.com/us/shop/goto/giftcards">Gift Cards</a>
+ </div>
+
+ <p id="footer-links-header-services" style="position: absolute; top: 0px; left: 180px;">Services</p>
+ <div class="footer-links-services" style="position: absolute; top: 38px; left: 180px; width: 100%;">
+ <a href="https://www.apple.com/apple-music/">Apple Music</a><br>
+ <a href="https://www.apple.com/apple-news/">Apple News+</a><br>
+ <a href="https://www.apple.com/apple-tv-plus/">Apple TV+</a><br>
+ <a href="https://www.apple.com/apple-arcade/">Apple Arcade</a><br>
+ <a href="https://www.apple.com/apple-card/">Apple Card</a><br>
+ <a href="https://www.apple.com/icloud/">iCloud</a>
+ </div>
+
+ <p id="footer-links-header-account" style="position: absolute; top: 200px; left: 180px;"">Account</p>
+ <div class="footer-links-account" style="position: absolute; top: 240px; left: 180px; width: 200%;">
+ <a href="https://appleid.apple.com/us/">Manage Your Apple ID</a><br>
+ <a href="https://www.apple.com/us/shop/goto/account">Apple Store Account</a><br>
+ <a href="https://www.icloud.com/">iCloud.com</a>
+ </div>
+
+ <p id="footer-links-header-store" style="position: absolute; top: 0; left: 340px; width: 100%;">Apple Store</p>
+ <div class="footer-links-store" style="position: absolute; top: 36px; left: 340px; width: 200%;">
+ <a href="https://www.apple.com/retail/">Find a Store</a><br>
+ <a href="https://www.apple.com/retail/geniusbar/">Genius Bar</a><br>
+ <a href="https://www.apple.com/today/">Today at Apple</a><br>
+ <a href="https://www.apple.com/today/camp/">Apple Camp</a><br>
+ <a href="https://www.apple.com/retail/fieldtrip/">Field Trip</a><br>
+ <a href="https://itunes.apple.com/app/apple-store/id375380948?pt=2003&ct=footer&mt=8">Apple Store App</a><br>
+ <a href="https://www.apple.com/us/shop/goto/special_deals">Refurbished and Clearance</a><br>
+ <a href="https://www.apple.com/us/shop/goto/payment_plan">Financing</a><br>
+ <a href="https://www.apple.com/us/shop/goto/trade_in">Apple Trade In</a><br>
+ <a href="https://www.apple.com/us/shop/goto/order/list">Order Status</a><br>
+ <a href="https://www.apple.com/us/shop/goto/help">Shopping Help</a>
+ </div>
+
+ <p id="footer-links-header-business" style="position: absolute; top: 0; left: 540px; width: 100%;">For Business</p>
+ <div class="footer-links-business" style="position: absolute; top: 36px; left: 540px; width: 200%;">
+ <a href="https://www.apple.com/business/">Apple and Business</a><br>
+ <a href="https://www.apple.com/retail/business/">Shop for Business</a>
+ </div>
+
+ <p id="footer-links-header-education" style="position: absolute; top: 90px; left: 540px; width: 100%;">For Education</p>
+ <div class="footer-links-education" style="position: absolute; top: 128px; left: 540px; width: 200%;">
+ <a href="https://www.apple.com/education/">Apple and Education</a><br>
+ <a href="https://www.apple.com/us/shop/goto/educationrouting">Shop for College</a>
+ </div>
+
+ <p id="footer-links-header-health" style="position: absolute; top: 194px; left: 540px; width: 100%;">For Healthcare</p>
+ <div class="footer-links-health" style="position: absolute; top: 231px; left: 540px; width: 200%;">
+ <a href="https://www.apple.com/healthcare/">Apple in Healthcare</a><br>
+ <a href="https://www.apple.com/healthcare/apple-watch/">Health on Apple Watch</a><br>
+ <a href="https://www.apple.com/healthcare/health-records/">Health Records on iPhone</a>
+ </div>
+
+ <p id="footer-links-header-goverment" style="position: absolute; top: 312px; left: 540px; width: 200%;">For Government</p>
+ <div class="footer-links-goverment" style="position: absolute; top: 352px; left: 540px; width: 200%;">
+ <a href="https://www.apple.com/r/store/government/">Shop for Government</a><br>
+ <a href="https://www.apple.com/us/shop/goto/eppstore/veteransandmilitary">Shop for Veterans and Military</a>
+ </div>
+
+ <p id="footer-links-header-values" style="position: absolute; top: 0px; left: 760px; width: 100%">Apple Values</p>
+ <div class="footer-links-values" style="position: absolute; top: 36px; left: 760px; width: 200%">
+ <a href="https://www.apple.com/accessibility/">Accessibility</a><br>
+ <a href="https://www.apple.com/education/connectED/">Education</a><br>
+ <a href="https://www.apple.com/environment/">Enviorment</a><br>
+ <a href="https://www.apple.com/diversity/">Inclusion and Diversity</a><br>
+ <a href="https://www.apple.com/privacy/">Privacy</a><br>
+ <a href="https://www.apple.com/supplier-responsibility/">Supplier Responsibility</a>
+ </div>
+
+ <p id="footer-links-header-apple" style="position: absolute; top: 194px; left: 760px; width: 100%">About Apple</p>
+ <div class="footer-links-apple" style="position: absolute; top: 236px; left: 760px; width: 200%;">
+ <a href="https://www.apple.com/newsroom/">Newsroom</a><br>
+ <a href="https://www.apple.com/newsroom/">Apple Leadership</a><br>
+ <a href="https://www.apple.com/jobs/us/">Job Opportunities</a><br>
+ <a href="https://investor.apple.com/">Investors</a><br>
+ <a href="https://www.apple.com/apple-events/">Events</a><br>
+ <a href="https://www.apple.com/contact/">Contact Apple</a>
+ </div>
+ </div>
+
+ <div class="footer-apple-stores-locales">
+ <p>More ways to shop: <a href="https://www.apple.com/retail/">Find an Apple Store</a> or <a href="https://locate.apple.com/">other retailer</a> near you. Or call 1-800-MY-APPLE.</p>
+ </div>
+
+ <hr id="footer-hr-2">
+
+ <div class="footer-page-end-note">
+ <p style="display: inline;">Copyright © 2020 Apple Inc. All rights reserved.</p>
+
+ <div class="footer-page-end-note-nav">
+ <a href="https://www.apple.com/legal/privacy/">Privacy Policy <span>|</span> </a>
+ <a href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of Use <span>|</span> </a>
+ <a href="https://www.apple.com/us/shop/goto/help/sales_refunds">Sales and Refunds <span>|</span> </a>
+ <a href="https://www.apple.com/legal/">Legal <span>|</span> </a>
+ <a href="https://www.apple.com/sitemap/">Site Map</a>
+ </div>
+
+ <img src="https://www.apple.com/ac/flags/1/images/us/16.png" alt="">
+ <a href="https://www.apple.com/choose-country-region/" id="footer-page-end-note-us" style="display: inline;"> United States</a>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file diff --git a/cs2-apple/main.css b/cs2-apple/main.css new file mode 100644 index 0000000..d3a685d --- /dev/null +++ b/cs2-apple/main.css @@ -0,0 +1,311 @@ +html, body { + background-color: #000000; + overflow-x: hidden; +} + +/* HEADER START */ +.header { + background: rgba(0, 0, 0, 0.774); + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1; + font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: white; + word-spacing: 70px; + font-size: 14px; +} + +#header-apple-logo { + -webkit-transition: 0.5s; + transition: 0.5s; +} + +#header-apple-logo:hover { + color: grey; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.header-navbar-items a { + text-decoration: none; + color: #B3B3B3; + -webkit-transition: 0.5s; + transition: 0.5s; + display: inline; +} + +.header-navbar-items a:hover { + color: white; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.header-navbar-items { + position: relative; + top: -18px; +} + +.header-main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* HEADER END */ +/* MAIN START */ +.main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.main-iphone-11-pro p { + position: relative; + top: -700px; +} + +.main-iphone-11-pro img { + position: relative; +} + +#main-iphone-11-pro-information a { + font-size: 21px; + font-weight: 400; + color: #1797FF; + text-decoration: none; + position: relative; + top: -700px; +} + +#main-iphone-11-pro-information a:hover { + text-decoration: underline; +} + +.main-iphone-11 { + position: absolute; + top: 742px; +} + +.main-iphone-11 p { + position: relative; + top: -700px; +} + +.main-iphone-11 img { + position: relative; +} + +#main-iphone-11-information a { + font-size: 21px; + font-weight: 400; + color: #1797FF; + text-decoration: none; + position: relative; + top: -700px; +} + +#main-iphone-11-information a:hover { + text-decoration: underline; +} + +.main-watch { + position: absolute; + top: 1478px; +} + +.main-watch p { + position: relative; + top: -700px; +} + +.main-watch img { + position: relative; +} + +#main-watch-information a { + font-size: 21px; + font-weight: 400; + color: #1797FF; + text-decoration: none; + position: relative; + top: -700px; +} + +#main-watch-information a:hover { + text-decoration: underline; +} + +#main-banner-background { + background: white; + position: absolute; + top: 2210px; + height: 191.5%; + width: 100%; +} + +.main-banner-layer-1 { + position: absolute; + top: 2228px; +} + +.main-banner-layer-2 { + position: absolute; + top: 2820px; +} + +.main-banner-layer-3 { + position: absolute; + top: 3411px; +} + +/* MAIN END */ +/* FOOTER START */ +.footer { + position: absolute; + top: 93px; + left: 0px; + width: 100%; + background: #f5f5f7; + font-family: Arial, Helvetica, sans-serif; +} + +.main-trade-in-values { + position: absolute; + top: 3911px; + word-wrap: break-word; + white-space: pre-wrap; +} + +.main-trade-in-values p { + position: relative; + top: -20px; + left: 400px; +} + +#main-trade-in-values-customer-agreement { + text-decoration: none; + color: #6f6a8f; +} + +#main-trade-in-values-customer-agreement:hover { + text-decoration: underline; +} + +#footer-background { + background: #f5f5f7; + z-index: -2; + position: absolute; + top: 10px; + left: -500px; + height: 171.5%; + width: 5000%; +} + +.footer-links { + position: absolute; + top: 4241px; + left: 465px; + z-index: 3; + background: #f5f5f7; + font-size: 12px; +} + +.footer-links p { + font-weight: bold; +} + +.footer-links div a { + color: #948FB5; + text-decoration: none; + line-height: 25px; +} + +.footer-links div a:hover { + text-decoration: underline; +} + +.footer-apple-stores-locales { + position: absolute; + top: 4681px; + left: 465px; + z-index: 3; + color: #948FB5; + font-size: 12px; +} + +.footer-apple-stores-locales a { + color: #1797FF; + text-decoration: none; +} + +.footer-apple-stores-locales a:hover { + text-decoration: underline; +} + +#footer-hr-2 { + background-color: #948FB5; + border: 0; + position: absolute; + width: 980px; + height: 1px; + top: 4721px; + z-index: 3; + left: 462px; +} + +.footer-page-end-note { + position: absolute; + top: 4741px; + z-index: 3; + left: 462px; + color: #948FB5; + font-size: 12px; +} + +.footer-page-end-note-nav a { + position: relative; + top: -14px; + left: 290px; + color: #6265AB; + text-decoration: none; +} + +.footer-page-end-note-nav a:hover { + text-decoration: underline; +} + +.footer-page-end-note-nav span { + color: #948FB5; +} + +.footer-page-end-note img, #footer-page-end-note-us { + position: relative; + top: -30px; + left: 880px; +} + +#footer-page-end-note-us { + top: -33px; + text-decoration: none; + color: #948FB5; +} + +#footer-page-end-note-us:hover { + text-decoration: underline; +} + +/* FOOTER END */ diff --git a/cs2-apple/main.scss b/cs2-apple/main.scss new file mode 100644 index 0000000..514e276 --- /dev/null +++ b/cs2-apple/main.scss @@ -0,0 +1,345 @@ +html, body {
+ background-color: #000000;
+ overflow-x: hidden;
+}
+
+/* HEADER START */
+
+.header {
+ background: rgba(0, 0, 0, 0.774);
+
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 1;
+
+ font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: white;
+ word-spacing: 70px;
+ font-size: 14px;
+}
+
+#header-apple-logo {
+ transition: 0.5s;
+}
+
+#header-apple-logo:hover {
+ color: grey;
+ transition: 0.5s;
+}
+
+.header-navbar-items a {
+ text-decoration: none;
+ color: #B3B3B3;
+ transition: 0.5s;
+ display: inline;
+}
+
+.header-navbar-items a:hover {
+ color: white;
+ transition: 0.5s;
+}
+
+.header-navbar-items {
+ position: relative;
+ top: -18px;
+}
+
+.header-main {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+/* HEADER END */
+
+
+
+/* MAIN START */
+.main {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+// iPhone 11 Pro
+
+.main-iphone-11-pro p {
+ position: relative;
+ top: -700px;
+}
+
+.main-iphone-11-pro img {
+ position: relative;
+}
+
+#main-iphone-11-pro-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-iphone-11-pro-information a:hover {
+ text-decoration: underline;
+}
+
+// iPhone 11
+
+.main-iphone-11 {
+ position: absolute;
+ top: 742px;
+}
+
+.main-iphone-11 p {
+ position: relative;
+ top: -700px;
+}
+
+.main-iphone-11 img {
+ position: relative;
+}
+
+#main-iphone-11-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-iphone-11-information a:hover {
+ text-decoration: underline;
+}
+
+// Watch
+
+.main-watch {
+ position: absolute;
+ top: 1478px;
+}
+
+.main-watch p {
+ position: relative;
+ top: -700px;
+}
+
+.main-watch img {
+ position: relative;
+}
+
+#main-watch-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-watch-information a:hover {
+ text-decoration: underline;
+}
+
+// Banner Background
+
+#main-banner-background {
+ background: white;
+
+ position: absolute;
+ top: 2210px;
+ height: 191.5%;
+ width: 100%;
+}
+
+// Banner #1
+
+.main-banner-layer-1 {
+ position: absolute;
+ top: 2228px;
+}
+
+// Banner #2
+
+.main-banner-layer-2 {
+ position: absolute;
+ top: 2820px;
+}
+
+// Banner #2
+
+.main-banner-layer-3 {
+ position: absolute;
+ top: 3411px;
+}
+
+/* MAIN END */
+
+
+
+/* FOOTER START */
+
+.footer {
+ position: absolute;
+ top: 93px;
+ left: 0px;
+
+ width: 100%;
+
+ background: #f5f5f7;
+
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+// Trade-In Values
+
+.main-trade-in-values {
+ position: absolute;
+ top: 3911px;
+
+ word-wrap: break-word;
+ white-space: pre-wrap;
+}
+
+.main-trade-in-values p {
+ position: relative;
+ top: -20px;
+ left: 400px;
+}
+
+#main-trade-in-values-customer-agreement {
+ text-decoration: none;
+ color: rgb(111, 106, 143);
+}
+
+#main-trade-in-values-customer-agreement:hover {
+ text-decoration: underline;
+}
+
+#footer-background {
+ background: #f5f5f7;
+ z-index: -2;
+
+ position: absolute;
+ top: 10px;
+ left: -500px;
+ height: 171.5%;
+ width: 5000%;
+}
+
+.footer-links {
+ position: absolute;
+ top: 4241px;
+ left: 465px;
+ z-index: 3;
+
+ background: #f5f5f7;
+
+ font-size: 12px;
+}
+
+.footer-links p {
+ font-weight: bold;
+}
+
+.footer-links div a {
+ color: #948FB5;
+ text-decoration: none;
+ line-height: 25px;
+}
+
+.footer-links div a:hover{
+ text-decoration: underline;
+}
+
+.footer-apple-stores-locales {
+ position: absolute;
+ top: 4681px;
+ left: 465px;
+ z-index: 3;
+
+ color: #948FB5;
+ font-size: 12px;
+}
+
+.footer-apple-stores-locales a {
+ color: #1797FF;
+ text-decoration: none;
+}
+
+.footer-apple-stores-locales a:hover {
+ text-decoration: underline;
+}
+
+#footer-hr-2 {
+ background-color: #948FB5;
+ border: 0;
+
+ position: absolute;
+ width: 980px;
+ height: 1px;
+ top: 4721px;
+ z-index: 3;
+
+ left: 462px;
+}
+
+.footer-page-end-note {
+ position: absolute;
+ top: 4741px;
+ z-index: 3;
+ left: 462px;
+
+ color: #948FB5;
+ font-size: 12px;
+}
+
+.footer-page-end-note-nav a {
+ position: relative;
+ top: -14px;
+ left: 290px;
+
+ color: #6265AB;
+ text-decoration: none;
+}
+
+.footer-page-end-note-nav a:hover {
+ text-decoration: underline;
+}
+
+.footer-page-end-note-nav span {
+ color: #948FB5;
+}
+
+.footer-page-end-note img, #footer-page-end-note-us {
+ position: relative;
+ top: -30px;
+ left: 880px;
+}
+
+#footer-page-end-note-us {
+ top: -33px;
+
+ text-decoration: none;
+ color: #948FB5;
+}
+
+#footer-page-end-note-us:hover {
+ text-decoration: underline;
+}
+
+/* FOOTER END */
+
+// Writing this note at 23:31, just finished after like 8 straight hours of work. Cool.
+
+// Finished adding all of the proper links to the a tags at 0:07. Cool.
\ No newline at end of file |