-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (131 loc) · 7.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css"
/>
<title>Document</title>
</head>
<body>
<div id="main">
<div id="page1">
<nav>
<h2>Vision Pro</h2>
<h4>Store</h4>
<h4>Iphone</h4>
<h4>Mac</h4>
<h4>Support</h4>
<button>Notify Me</button>
</nav>
<video src="Assets/girl.mp4" muted></video>
<div id="page_bottom">
<h3>Introducing</h3>
<img src="Assets/apple_vision_pro_logo.png" alt="" />
</div>
</div>
<div id="page2">
<video src="https://www.apple.com/105/media/us/apple-vision-pro/2023/7e268c13-eb22-493d-a860-f0637bacb569/anim/foundation-spatial-computing/medium.mp4" autoplay loop muted></video>
<h2>Welcome to the era of spatial computing</h2>
</div>
<div id="page3">
<video
src="https://www.apple.com/105/media/us/apple-vision-pro/2023/7e268c13-eb22-493d-a860-f0637bacb569/anim/foundation-entertainment/medium.mp4" autoplay muted loop> </video>
<h2>
Apple Vision Pro seamlessly blends digital <br/>content with your
physical space.
</h2>
</div>
<div id="page4">
<canvas></canvas>
</div>
<div id="page5">
<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="page6">
<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="page7">
<h1><span>Head band.</span> The Head Band provides cushioning, breathability, and stretch. The Fit Dial lets you adjust Apple Vision Pro precisely to your head</h1>
</div>
<div id="page8">
<h1><span>Power.</span> The external battery supports up to 2 hours of use, and all‑day use when plugged in.</h1>
</div>
<div id="page9">
<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="page10">
<h1><span>EyeSight. </span>An outward display reveals your eyes while wearing Apple Vision Pro, letting others know when you are using apps or fully immersed.</h1>
</div>
<div id="page11">
<div id="images_conatainer">
<div id="left11">
</div>
<div id="right11"></div>
</div>
</div>
<div id="page12">
<!-- <video
src="https://www.apple.com/105/media/us/apple-vision-pro/2023/7e268c13-eb22-493d-a860-f0637bacb569/anim/foundation-entertainment/medium.mp4" autoplay muted loop> </video> -->
<video src="https://www.apple.com/105/media/us/apple-vision-pro/2024/6e1432b2-fe09-4113-a1af-f20987bcfeee/anim/glass/large.mp4 " autoplay loop muted></video>
</div>
<div id="page13">
<div id="image">
<img src="https://www.apple.com/v/apple-vision-pro/b/images/overview/design/light_seal__fo87cv0zkcmm_large.jpg" alt="">
</div>
<p>A singular piece of three-dimensionally formed laminated glass 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 Light Seal</p>
</div>
<div id="page14">
<div id="text_div">
<div id="text_conatainer">
<h2>Interaction designed for spatial computing.</h2>
<p>Built on the foundation of macOS, iOS, and iPadOS, visionOS enables powerful spatial experiences. Control Apple Vision Pro with your eyes, hands, and voice — interactions feel intuitive and magical. Simply look at an element, tap your fingers together to select, and use the virtual keyboard or dictation to type.</p>
</div>
</div>
<div id="image_container">
<img src="https://www.apple.com/v/apple-vision-pro/b/images/overview/visionos/scaling_ui__gosi0305um2y_large.jpg" alt="">
<img src="https://www.apple.com/v/apple-vision-pro/b/images/overview/visionos/spatial_interaction__br11mf88bzxy_large.jpg" alt="">
</div>
</div>
<div id="page15">
<canvas></canvas>
</div>
<div id="page15_1">
<video src="https://www.apple.com/105/media/us/apple-vision-pro/2024/6e1432b2-fe09-4113-a1af-f20987bcfeee/anim/spatial-audio/large.mp4" autoplay loop muted></video>
</div>
<div id="page16">
<img id="vision_off" src="https://www.apple.com/v/apple-vision-pro/b/images/overview/technology/features/eye_tracking_off__fx6m2dj3mlqq_large.jpg" alt="">
<img id="vision_on" src="https://www.apple.com/v/apple-vision-pro/b/images/overview/technology/features/eye_tracking_on__ln11reqs6mi6_large.jpg" alt="">
<h1>Responsive, precision eye tracking.</h1>
<p>A high‑performance eye‑tracking system of <span>LEDs</span> and <span>infrared cameras</span> infrared cameras projects invisible light patterns onto each eye. This advanced system provides ultraprecise input without your needing to hold any controllers, so you can accurately select elements just by looking at them.</p>
</div>
<div id="page17">
<img id="light_off" src="https://www.apple.com/v/apple-vision-pro/b/images/overview/technology/features/sensors_off__cfzcmow4c3f6_large.jpg" alt="">
<img id="light_on" src="https://www.apple.com/v/apple-vision-pro/b/images/overview/technology/features/sensors_all__dp0a8e4y4u4i_large.jpg" alt="">
<h1>A sophisticated sensor array.</h1>
<p>A pair of <span>high-resolution cameras</span> transmit over one billion pixels per second to the displays so you can see the world around you clearly. The system also helps deliver <span>precise head and hand tracking</span> and <span>real‑time 3D mapping</span> , all while understanding your hand gestures from a wide range of positions.</p>
</div>
<div id="page18">
<img src="https://www.apple.com/v/apple-vision-pro/b/images/overview/technology/features/sensors_chips__s805s5o3gkii_large.jpg" alt="">
<h1>Revolutionary dual‑chip <br> performance.</h1>
<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>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"
integrity="sha512-EZI2cBcGPnmR89wTgVnN3602Yyi7muWo8y1B3a8WmIv1J9tYG+udH4LvmYjLiGp37yHB7FfaPBo8ly178m9g4Q=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"
integrity="sha512-OzC82YiH3UmMMs6Ydd9f2i7mS+UFL5f977iIoJ6oy07AJT+ePds9QOEtqXztSH29Nzua59fYS36knmMcv79GOg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="script.js"></script>
</body>
</html>