-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (114 loc) · 5.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link href="https://fonts.cdnfonts.com/css/sf-pro-display" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AirPods Pro</title>
</head>
<body>
<main id="app">
<section class="features scroll-pin">
<section class="feature feature--grid_12x12 feature--flex-column-on-narrow margin-top-192px">
<section class="feature__desc-container feature__desc-container--grid-content-left">
<p class="feature__desc margin-top-25px scroll-text1">
The chip uses powerful
<strong>adaptation algorithms</strong>
to process sound more quickly, tuning audio at the precise moment you hear it. Every detail is rendered for your specific ear shape, immersing you in
<strong class="color-green">higher‑fidelity sound</strong>.
</p>
<p class="feature__desc margin-top-60px scroll-text2">
<strong>
An inward-facing microphone
</strong>
works with voice enhancement algorithms to recognize and articulate your voice, so your phone and video calls always
<strong class="color-green">
sound completely natural
</strong>.
</p>
</section>
<section class="feature__img-airpod-container">
<img
class="feature__img-airpod scroll-airpod1"
src="/assets/images/audio_airpod_guts_top__d2is2iiz9l6q_large.jpg"
alt="X-Ray Airpods back"
/>
</section>
</section>
<section
class="
feature feature--grid_12x12 feature--flex-column-on-narrow
margin-top-185px margin-bottom-172px"
>
<section class="feature__desc-container feature__desc-container--grid-content-right">
<p class="feature__desc scroll-text3">
<strong>
A custom-built driver and amplifier
</strong>
work with the
<strong class="color-green">
H2 chip
</strong>
to provide lower distortion during playback, so you’ll hear deeper bass and crisper highs — across all volume levels.
</p>
</section>
<section class="feature__img-airpod-container">
<img
class="
feature__img-airpod feature__img-airpod--masked
feature__img-airpod--2left scroll-airpod2"
src="/assets/images/audio_airpod_guts_bottom__bfet1uy1eg0y_large.jpg"
alt="X-Ray AirPods front"
/>
</section>
</section>
<section class="feature feature--full-body media-no-change flex-center">
<div class="flex-center">
<video
class="feature__particles-video scroll-video1"
loop
autoplay
playsinline
muted
aria-hidden="true"
>
<source
src="/assets/media/noise-reduction-endframe.mp4"
type="video/mp4"
>
</video>
</div>
<section class="feature__img-airpod-container media-no-change">
<img
class="
feature__img-airpod feature__img-airpod--masked
feature__img-airpod--2left feature__img-airpod--scaled-down
scroll-airpod3"
src="/assets/images/audio_airpod__dni8q27q7tqq_large.jpg"
alt="Airpods Pro"
/>
</section>
</section>
</section>
<section class="flex-center padding-block-20px">
<span>
Made with
<span class="margin-inline-7px font-size-larger">
☕
</span>
by
<strong>
<a
class="color-green"
href="https://github.com/Mohammed4mach"
>
@moha4mach
</a>
</strong>
</span>
</section>
</main>
<script type="module" src="/main.js"></script>
</body>
</html>