-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
350 lines (310 loc) · 15.2 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
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
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Apple Vision Pro-Apple</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="/images/knowledge_graph_logo.png" type="image/x-icon">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="phone.css">
</head>
<body>
<div id="main">
<div id="page">
<div class="navbar">
<div class="logo">
<img src="images/vector3.svg" alt="">
</div>
<ul>
<li>Store</li>
<li>Mac</li>
<li>iPad</li>
<li>iPhone</li>
<li>Watch</li>
<li>Airpods</li>
<li>Tv & Home</li>
<li>Enterainment</li>
<li>Accessories</li>
<li>Support</li>
</ul>
<div class="nav-icons">
<i class="fa-solid fa-magnifying-glass"></i>
<i class="fa-solid fa-cart-shopping"></i>
<i class="fa-solid fa-bars" id="menu"></i>
</div>
</div>
<video muted src="images/1st.mp4"></video>
<nav>
<h3>Apple Vision Pro</h3>
<div class="item">
<span><p>overview</p></span>
<p>Guide Tour</p>
<p>Tech Spech</p>
<button>Books a Demo</button>
<button>Buy</button>
</div>
</nav>
<div id="page-bottom">
<img
src="images/apple_vision_pro_logo__ux94yix23r6y_large.png"
alt=""
/>
<h3>Watch the Guided Tour ></h3>
</div>
</div>
<div id="page1">
<h1>Welcome to the era of spatial computing</h1>
<video src="images/large.mp4" autoplay loop muted></video>
</div>
<div id="page2">
<h1>
Apple Vision Pro seamlessly blends <br />
digital content with your physical space.
</h1>
<video src="images/large (1).mp4" autoplay loop muted></video>
</div>
<div id="page3">
<div id="page3-upper">
<img src="images/logo__4zgkuyebgtem_large.png" alt="" />
<div id="page3-upper-inner">
<h3>WATCH THE FILM</h3>
<h3>WATCH THE EVENT ></h3>
</div>
</div>
<img src="Apple vision image.png" alt="" />
<button>+ Take a closer look</button>
</div>
<div id="page4">
<div id="center-page4">
<h5>Apps</h3>
<h1>Free your desktop.
<br>
And your apps will follow.</h1>
</div>
<video src="/images/large (2).mp4" autoplay loop muted></video>
</div>
<div id="page5">
<div class="left5">
<h1>Your apps live in <br> your space.</h1>
<h2>Your apps live in your space.</h1>
</div>
<div class="right5">
<h3>With Vision Pro, you have an infinite canvas that transforms how you use the apps you love. Arrange apps anywhere and scale them to the perfect size, making the workspace of your dreams a reality — all while staying present in the world around you. Browse the web in Safari, create a to-do list in Notes, chat in Messages, and seamlessly move between them with a glance.</h3>
<button> + Learn more about apps</button>
</div>
</div>
<div id="page6">
<h3>Design</h3>
<h1>Designed by Apple.</h1>
<p>Apple Vision Pro is the result of decades of experience designing high‑performance, mobile, and wearable devices — culminating in the most ambitious product Apple has ever created. Vision Pro integrates incredibly advanced technology into an elegant, compact form, resulting in an amazing experience every time you put it on.
Enclosure. A singular piece of three-dimensionally formed laminated glass flows into an aluminum alloy frame that curves to wrap around your face.
Light Seal. The Light Seal</p>
</div>
<div id="page7">
<canvas></canvas>
</div>
<div id="page8">
<h1><span>Enclosure</span> A singular piece of three-dimensionally formed laminated glass flows into an aluminum alloy frame that curves to wrap around your face.</h1>
</div>
<div id="page9">
<h1><span>Light Seal.</span> The Light Seal gently flexes to conform to your face, delivering a precise fit while blocking out stray light.</h1>
</div>
<div id="page10">
<h1>
<span> Head Band. </span>The Head Band provides cushioning, breathability, and stretch. The Fit Dial lets you adjust Vision Pro precisely to your head.</h1>
</div>
<div id="page11">
<h1>
<span> Power. </span>The external battery supports up to 2 hours of use, and all‑day use when plugged in.1</h1>
</div>
<div id="page12">
<h1><span>Sound. </span>Speakers positioned close to your ears deliver rich Spatial Audio while keeping you aware of your surroundings.</h1>
</div>
<div id="page13">
<h1>
<span>EyeSight.</span> An outward display reveals your eyes while wearing Vision Pro, letting others know when you are using apps or fully immersed.</h1>
</div>
<div id="page14">
<div class="left14"></div>
<div class="right14"></div>
</div>
<div id="page15">
<div id="center-page15">
<video src="images/large_2x.mp4" autoplay loop muted ></video>
</div>
</div>
<div id="page16">
<h2>A singular piece of <span>three-dimensionally formed laminated glass</span> acts as an optical surface for the cameras and sensors that view the world. It flows seamlessly into a custom aluminum alloy frame that gently curves to wrap around your face while serving as an attachment point for the <span>Light Seal.</span></h2>
<img src="/images/light_seal__fo87cv0zkcmm_large.jpg" alt="">
<button>+ Learn more about design</button>
</div>
<div id="page17">
<h4>Technology</h4>
<h1>Innovation you can <br> see, hear, and feel.</h1>
<p><span>Pushing boundaries from the inside out.</span> Spatial experiences on Vision Pro are only possible through groundbreaking Apple technology. Displays the size of a postage stamp that deliver more pixels than a 4K TV to each eye. Incredible advances in Spatial Audio. A revolutionary dual‑chip design featuring custom Apple silicon. A sophisticated array of cameras and sensors. All the elements work together to create an unprecedented experience you have to see to believe.
</p>
</div>
<div id="page18">
<canvas></canvas>
</div>
<div id="page19">
<h1>More pixels than a 4K TV. For each eye.</h1>
<h5>The custom micro‑OLED display system features 23 million pixels, delivering stunning resolution and colors. And a specially designed three‑element lens creates the feeling of a display that’s everywhere you look.</h5>
</div>
<div id="page20">
<video src="/images/large5.mp4" autoplay loop muted ></video>
<div id="center-page20">
<h1>Our most advanced <br> Spatial Audio system ever.</h1>
<p>Dual-driver audio pods positioned next to each ear deliver personalized sound while letting you hear what’s around you. Ambient Spatial Audio makes sounds feel like they’re coming from your surroundings. And with audio raytracing, Vision Pro analyzes your room’s acoustic properties — including the physical materials — to adapt and match sound to your space.</p>
</div>
</div>
<div id="page21">
<img id="troff" src="https://www.apple.com/v/apple-vision-pro/a/images/overview/technology/features/eye_tracking_off__fx6m2dj3mlqq_large.jpg" alt="">
<img id="tron" src="https://www.apple.com/v/apple-vision-pro/a/images/overview/technology/features/eye_tracking_on__ln11reqs6mi6_large.jpg" alt="">
</div>
<div id="page22">
<img id="snroff" src="https://www.apple.com/v/apple-vision-pro/a/images/overview/technology/features/sensors_off__cfzcmow4c3f6_large.jpg" alt="">
<img id="snron" src="https://www.apple.com/v/apple-vision-pro/a/images/overview/technology/features/sensors_all__dp0a8e4y4u4i_large.jpg" alt="">
</div>
<div id="page23">
<img src="images/sensors_chips__s805s5o3gkii_medium.jpg" alt="">
</div>
<div id="page24">
<div id="center-page24">
<span id="title">
<h1>Revolutionary dual‑chip performance.</h1>
</span>
<p>A unique dual‑chip design enables the spatial experiences on Apple Vision Pro. The powerful <span>M2 </span>chip simultaneously runs visionOS, executes advanced computer vision algorithms, and delivers stunning graphics, all with incredible efficiency. And the brand-new <span>R1</span> chip is specifically dedicated to process input from the cameras, sensors, and microphones, streaming images to the displays within 12 milliseconds — for a virtually lag-free, real-time view of the world.</p>
<button>+ Learn more about design</button>
</div>
</div>
<div id="page25">
<img src="images/vector3.svg" alt="">
<h2>Privacy and Security</h2>
<h1>When it comes to privacy, we don’t blink.</h1>
<p> <span>Privacy and security built in.</span> Like every Apple product and service, Apple Vision Pro was designed to help protect your privacy and keep you in control of your data. It builds on the foundation of existing Apple privacy and security features with new technologies like Optic ID, a secure authentication system that uses the uniqueness of your iris.</p>
</div>
<footer>
<div class="inform">
<p>1. Testing conducted by Apple in November 2023 using preproduction Apple Vision Pro units and software. Testing consisted of full battery discharge while performing each of the following tasks: video playback, internet browsing, spatial video capture, and FaceTime. Video playback tested in conjunction with an Environment, using 2D movie content purchased from the Apple TV app. Internet browsing tested using 20 popular websites. FaceTime tested between two Apple Vision Pro units with Personas enabled. Tested with Wi-Fi associated to a network. Battery life depends on device settings, usage, network, environmental conditions, and many other factors. Battery tests are conducted using specific Apple Vision Pro units; actual results may vary.</p>
<p>2. Valid prescription required. Not all prescriptions are supported. Vision correction accessories are sold separately.</p>
<p>© 2023 TAKE-TWO INTERACTIVE SOFTWARE INC. All Rights Reserved.</p>
<p>© 2023 NBA Properties, Inc. All Rights Reserved. Officially Licensed Product of the National Basketball Association.</p>
<p>A subscription may be required for some services. Not all content may be available in all areas.</p>
<p>Disney+ subscription required.</p>
<p>Everything Everywhere All At Once © 2022 A24 Distribution, LLC. All rights reserved.</p>
<p>Avatar: The Way of Water © 2022 20th Century Studios and TSG Entertainment Finance LLC.</p>
<p>Users must be 13 years or older.</p>
<p>Available in the U.S. on apple.com, in the Apple Store app, and at Apple Stores.</p>
<div class="line"></div>
</div>
<div class="list">
<div class="head">
<img src="images/vector3.svg" alt="">
<h5>Apple vision pro</h5>
</div>
<div class="menu-list">
<ul>
<h5> Shop and Learn </h5>
<li> Store </li>
<li> Mac</li>
<li> iPad</li>
<li> iPhone</li>
<li> Watch</li>
<li> Airpods</li>
<li> TV & House</li>
<li> AirTag</li>
<li>Apple Wallet</li>
<li> Wallet</li>
</ul>
<ul>
<h5> Account</h5>
<li>Manage Your Apple ID</li>
<li> Store Account</li>
<li>iCloud.com</li>
<h5> Entertainment</h5>
<li>Apple One</Li>
<li>Apple TV+</Li>
<li>Apple Music</Li>
<li>Apple Arcade</Li>
<li>Apple Podcasts</Li>
<li>Apple Books</Li>
<li>App Store</Li>
</ul>
<ul>
<h5>Apple Store</h5>
<li>Find a Store</li>
<li>Genius Bar</li>
<li>Today at Apple</li>
<li>Apple Camp</li>
<li>Apple Trade In</li>
<li>Ways to Buy</li>
<li>Recycling Programme</li>
<li>Investors</li>
<li>Events</li>
<li>Order Status</li>
<li>Shopping Help</li>
</ul>
<ul>
<h5>For Business</h5>
<li>Apple and Business</li>
<li>Shop for Business</li>
<h5>For Education</H5>
<li>Apple and Education</li>
<li>Shop for Education</li>
<li>Shop for University</li>
<h5>For Healthcare</h5>
<li>Apple in Healthcare</li>
<li>Health on Apple Watch</li>
</ul>
<ul>
<h5>Apple Values</h5>
<li>Accessibility</li>
<li>Education</li>
<li>Environment</li>
<li>Privacy</li>
<li>Supplier Responsibility</li>
<h5>About Apple</H5>
<li>Newsroom</li>
<li>Apple Leadership</li>
<li>Career Opportunities</li>
<li>Investors</li>
<li>Ethics & Compliance</li>
<li>Events</li>
<li>Contact Apple</li>
</ul>
</div>
<p class="bottom">More ways to shop: <span> Find an Apple Store </span> or <span> other retailer</span> near you. Or call 1-800-MY-APPLE.</p>
<div class="line1"></div>
</div>
<div class="links">
<p> Copyright © 2024 Apple Inc. All rights reserved.
<a href="#">Privacy Policy |</a> <a href="#"> Terms of Use |</a> <a href="#"> Sales Policy |</a> <a
href="#"> Legal</a> <a href="#"> Site Map</a>
</p>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="script.js"></script>
</body>
</html>