-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (77 loc) · 5.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!--Navigation bar-->
<header id="header">
<img id="header-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Apple_logo_grey.svg/1200px-Apple_logo_grey.svg.png" alt="Apple logo">
<nav id="nav-bar">
<a class="nav-link" href="#Overview">Overview</a>
<a class="nav-link" href="#Highlights">Highlights</a>
<a class="nav-link" href="#View">View</a>
<a class="nav-link" href="#Pre-order">Pre-order</a>
<a class="nav-link" href="#Notes">Notes</a>
</nav>
</header>
<!--Main Content-->
<div class="main-content">
<!--Product Introduction-->
<section class="main-section black center" id="Overview">
<h3>iPhone 16 Pro</h3>
<h2>Hello, Apple Inteligence.</h2>
<a href="#Pre-order"><button class="ex-action">Get ready</button></a>
<p class="detail"><b>From $999 or $41.62/mo. for 24 mo.*</b>
<br>Apple Intelligence coming this fall**</p>
</section>
<!--Action Button video preview-->
<section class="main-section grey" id="Highlights">
<h1>Get the highlights.</h1>
<div class="video-container">
<h3>So fast. So fluid.
<br>Get a feel for the all-new
<br>Camera Control.</h3>
<iframe id="video" src="https://www.youtube.com/embed/2dI9ql8KSH4?si=FK08PYvbkY62wtX-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</section>
<!--Phone model/colors preview-->
<section class="main-section black" id="View">
<h1>Take a closer look.</h1>
<img src="https://www.apple.com/v/iphone-16-pro/c/images/overview/product-viewer/iphone-pro/all_colors__fdpduog7urm2_large_2x.jpg" alt="iPhone 16 Pro preview in four colors">
<p class="detail">6.3” iPhone 16 Pro in four colors</p>
</section>
<!--Email form-->
<section class="main-section" id="Pre-order">
<h1 class="center">Get ready.</h1>
<form id="form" method="post" action="//www.freecodecamp.com/email-submit">
<label for="email"><h3>What's your contact information?</h3></label>
<input type="email" id="email" name="email" placeholder="Email Address" required>
<p>We'll email you a receipt and send updates to your
<br>mobile phone via SMS or iMessage.</p>
<hr>
<input type="submit" id="submit" class="ex-action big" value="Pre-order">
</form>
</section>
<!--Section separator-->
<section class="dummy-section black"></section>
<!--Legal mumbo jumbo plus source citing-->
<section class="main-section detail small" id="Notes">
<ol>
<li>
Available to qualified customers and requires 24-month installment loan when you select Citizens One or Apple Card Monthly Installments (ACMI) as payment type at checkout at Apple. You'll need to select AT&T, Boost Mobile, T-Mobile, or Verizon as your carrier when you check out. An iPhone purchased with ACMI is always unlocked, so you can switch carriers at any time. Subject to credit approval and credit limit. Taxes and shipping are not included in ACMI and are subject to your card's variable APR. Additional Apple Card Monthly Installments terms are in the Apple Card Customer Agreement. Additional iPhone Payments terms are here. ACMI is not available for purchases made online at special storefronts. The last month's payment for each product will be the product's purchase price, less all other payments at the monthly payment amount. ACMI financing is subject to change at any time for any reason, including but not limited to, installment term lengths and eligible products. See support.apple.com/kb/HT211204 for information about upcoming changes to ACMI financing.
</li>
<li>
Apple Intelligence will be available in beta on all iPhone 16 models, iPhone 15 Pro, iPhone 15 Pro Max, and iPad and Mac with M1 and later, with Siri and device language set to U.S. English, as part of an iOS 18, iPadOS 18, and macOS Sequoia update this fall. English (Australia, Canada, New Zealand, South Africa, UK) language support available this December. Some features and support for additional languages, like Chinese, English (India, Singapore), French, German, Italian, Japanese, Korean, Portuguese, Spanish, Vietnamese, and others, will be coming over the course of the next year.
</li>
<li>
All information and credit goes to <a class="link" href="https://apple.com/" target="_blank">Apple</a> and is from their <a class="link" href="https://www.apple.com/iphone-16-pro/" target="_blank">iPhone 16 Pro page</a>.
</li>
</ol>
</section>
</div>
</body>
</html>