-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1260 lines (1209 loc) · 48.4 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
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/style.css" />
<title>iPhone 12 Pro and iPhone 12 Pro Max - Apple</title>
</head>
<body>
<header class="top_main_header">
<nav class="top_nav_1">
<div class="nav_links_wrapper">
<ul>
<li><a href="#" class="logo_icon_anchor"></a></li>
<li><a href="#">Mac</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Watch</a></li>
<li><a href="#">TV</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Where to Buy</a></li>
<li><a href="/search" class="search_icon_anchor"></a></li>
</ul>
</div>
</nav>
</header>
<section class="top_nav_2_wrapper">
<nav class="top_nav_2 container_980px">
<div class="product_logo_box">
<a href="#"> iPhone 12 Pro </a>
</div>
<div class="right_nav_links_box">
<ul>
<li><span>Overview</span></li>
<li>
<a href="#">Tech Specs</a>
</li>
</ul>
</div>
</nav>
</section>
<main>
<section class="top_video_section">
<div class="top_title_box">
<div class="black_overly_animation"></div>
<h2>iPhone 12 Pro</h2>
<h1>It’s a leap year.</h1>
</div>
<div class="video_container_translate_box">
<div class="top_video_container">
<video
id="video_1"
muted="muted"
src="./assets/Videos/large.mp4"
></video>
</div>
</div>
</section>
<section class="first_paragraph_section">
<p class="p_24px first_paragraph">
A14 Bionic rockets past every other smartphone chip. The Pro camera
system takes low-light photography to the next level — with an even
bigger jump on iPhone 12 Pro Max. And Ceramic Shield delivers four
times better drop performance. Let’s see what this thing can do.
</p>
<div class="anchor_center">
<a href="#" class="watch_the_event_anchor"
>Watch the event
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="#fff"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</span>
</a>
</div>
</section>
<section class="less_bezel_more_screen_section">
<div class="center_box">
<h2 class="text_center title">
<div class="black_overly_animation each_black_overly"></div>
Less bezel,more screen.
</h2>
</div>
<div class="video_wrapper video_2_wrapper">
<img src="./assets/png_video_top.png" alt="" />
<video
id="video_2"
muted="muted"
src="./assets/Videos/large_2.mp4"
></video>
</div>
</section>
<section class="compare_section">
<div class="compaer_video_and_text_wrapper">
<div class="video_wrapper video_wrapper_3">
<video
src="./assets/Videos/large_3.mp4"
id="video_3"
muted="muted"
></video>
<div class="compare_button_wrapper">
<button>Compare sizes to iPhone 11 Pro</button>
</div>
</div>
<div class="compare_text_wrapper">
<div class="left_text">
<p class="p_17px">iPhone 12 Pro Max</p>
<p class="p_17px">
6.7” Super Retina XDR display<sup><a href="#">1</a></sup>
</p>
</div>
<div class="right_text">
<p class="p_17px">iPhone 12 Pro</p>
<p class="p_17px">
6.1” Super Retina XDR display<sup><a href="#">1</a></sup>
</p>
</div>
</div>
</div>
</section>
<section class="kick_glass_section">
<div class="container_980px">
<div class="center_box">
<h2 class="text_center kicks_title d-inline-block p_r">
<div class="black_overly_animation each_black_overly"></div>
Kicks glass.
</h2>
</div>
</div>
<div class="container_1304px text_center kicks_glass_img_box">
<img
src="./assets/design_tougher_glass__czlsbgxawrki_large.jpg"
alt="Large Iphone"
/>
</div>
<div class="container_980px text_center kicks_bottom_gradient_box">
<h3 class="gradient_text">
<div
class="black_overly_animation each_black_overly"
data-rotate="45"
></div>
Ceramic Shield, tougher than any smartphone glass
</h3>
<button class="default_button">Find out how</button>
</div>
</section>
<section class="water_resistent_section">
<div class="water_splash_main_image_box">
<div class="water_splash_2_box"></div>
<div class="water_splash_3_box"></div>
</div>
<div class="content_wrapper">
<h2 class="_content">Blows other phones out of the water.</h2>
<p class="p_21px p_with_sup _content">
Industry‑leading IP68 water resistance <sup><a href="#">3</a></sup>
</p>
</div>
</section>
<section class="finishing_touch_section">
<div class="video_wrapper">
<video src="./assets/Videos/large_4.mp4"></video>
</div>
<h2 class="text_center">Four finishing touches.</h2>
<p class="p_21px text_center">
Pacific Blue, Gold, Silver, and Graphite
</p>
</section>
<section class="grid_section">
<div class="grid_title_box">
<div
class="black_overly_animation each_black_overly"
data-rotate="150"
></div>
<h2 class="text_center big_h2_gray">A14 Bionic</h2>
<p class="bold_p text_center big_p_white">
The only thing even close was our last chip.
</p>
</div>
<p class="p_24px text_center grid_long_desc">
A14 Bionic is the first 5-nanometer chip in the industry, with
advanced components literally atoms wide. Forty percent more
transistors rev up speeds while increasing efficiency for great
battery life. And a new ISP powers Dolby Vision recording — something
no pro movie camera, let alone any other phone, can do.
</p>
<div class="grid_layout_wrapper">
<div class="grid_bg_lighting_wrapper">
<div class="bg_light bg_light_1"></div>
<div class="bg_light bg_light_3"></div>
<div class="bg_light bg_light_4"></div>
</div>
<div class="cell span_5"></div>
<div class="cell span_7 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<p class="p_17px">Up to</p>
<div class="gradient_text_box">
<h3 class="gradient_text">50<span>%</span></h3>
<p class="p_17px">faster</p>
</div>
<p class="p_17px">CPU and GPU than any other smartphone chip</p>
</div>
</div>
</div>
<div class="cell span_3"></div>
<div class="cell span_5 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<div class="gradient_text_box">
<h3 class="gradient_text">11.8 <span>billion</span></h3>
</div>
<p class="p_17px">transistors</p>
</div>
</div>
</div>
<div class="cell span_4"></div>
<div class="cell span_4 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<p class="p_17px">First</p>
<div class="gradient_text_box">
<h3 class="gradient_text">5 <span>nm</span></h3>
</div>
<p class="p_17px">chip in the industry</p>
</div>
</div>
</div>
<div class="cell span_2"></div>
<div class="cell span_6 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<p class="p_17px">Up to</p>
<div class="gradient_text_box">
<h3 class="gradient_text">80<span>%</span></h3>
</div>
<p class="p_17px">faster Neural Engine</p>
</div>
</div>
</div>
<div class="cell span_4"></div>
<div class="cell span_4 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<div class="gradient_text_box">
<h3 class="gradient_text">16<span>-core</span></h3>
</div>
<p class="p_17px">Neural Engine</p>
</div>
</div>
</div>
<div class="cell span_4"></div>
<div class="cell span_8 c_w">
<div class="cell_content_box">
<div class="cell_op_to_0">
<p class="p_17px">Up to</p>
<div class="gradient_text_box">
<h3 class="gradient_text">70<span>%</span></h3>
</div>
<p class="p_17px">machine learning accelerators</p>
</div>
</div>
</div>
<div class="cell span_4"></div>
</div>
<div class="text_wrapper">
<p class="gradient_text grid_btm_content">
Generations ahead of any other smartphone chip
</p>
<button class="default_button grid_btm_content">Find out how</button>
</div>
</section>
<section class="lidar_scanner_section">
<div class="container_58_percent lider_title_container">
<div class="title_wrapper">
<div
class="black_overly_animation each_black_overly"
data-rotate="150"
></div>
<h2 class="big_h2_gray">LiDAR Scanner</h2>
<p class="subtitle big_p_white">AR at the speed of light.</p>
</div>
</div>
<div class="video_wrapper video_wrapper_5">
<video src="./assets/Videos/large_5.mp4"></video>
</div>
<div class="container_980px lidar_bottom_text_box">
<p class="p_21px op_0_to_1_y">
The LiDAR Scanner on iPhone 12 Pro measures how long it takes light
to reflect back from objects, so it can create a depth map of any
space you’re in. Because it’s ultrafast and accurate, AR apps can
now transform a room into a realistic rainforest or show you exactly
how a new sneaker will fit.
</p>
<div class="gradient_text_with_line_box">
<div class="top_box op_0_to_1_y">
<p class="gradient_text">
NASA is developing LiDAR technology for Mars missions
</p>
<div class="gradient_line"></div>
</div>
<p class="gradient_text op_0_to_1_y">A depth map in nanoseconds</p>
<button class="default_button op_0_to_1_y">Find out how</button>
</div>
</div>
</section>
<section class="pro_camera_system_section">
<div class="container_980px title_box p_r">
<div
class="black_overly_animation each_black_overly"
data-rotate="150"
></div>
<h2 class="big_h2_gray">Pro camera system</h2>
<p class="big_p_white">A new day for Night mode.</p>
</div>
<div class="container_980px pro_cam_bg_wrapper">
<div class="big_bg_section"></div>
</div>
<div class="container_980px">
<div class="container_58_percent">
<div class="paragraph_section">
<p class="p_21px op_0_to_1_y">
Night mode comes to both the Wide and Ultra Wide cameras, and
it’s better than ever at capturing incredible low-light shots.
LiDAR makes Night mode portraits possible. And the Wide camera
lets in 27 percent more light, for greater detail and sharper
focus day or night.
</p>
</div>
<div class="gradient_text_with_line_box">
<div class="top_box op_0_to_1_y">
<p class="gradient_text">
Wide camera with ƒ/1.6 aperture captures 27% more light
</p>
<div class="gradient_line"></div>
</div>
<div class="top_box op_0_to_1_y">
<p class="gradient_text">
New 7‑element Wide lens for edge‑to‑edge sharpness
</p>
<div class="gradient_line"></div>
</div>
<div class="top_box op_0_to_1_y">
<p class="gradient_text">
New OIS makes 5000 adjustments per second
</p>
<div class="gradient_line"></div>
</div>
<p class="gradient_text op_0_to_1_y">
LiDAR delivers up to 6x faster autofocus in low light
</p>
</div>
</div>
</div>
</section>
<section class="camerus_maximus_section">
<div class="container_980px op_0_to_1">
<div class="container_58_percent">
<div class="title_box">
<h2>12 Pro Max. Camerus maximus.</h2>
</div>
</div>
</div>
<div class="big_bg_box"></div>
<div class="container_980px bottom_paragraph">
<p class="p_21px">
The bigger iPhone maxes out the Pro camera system. A 47 percent
larger sensor and larger pixels dramatically increase the amount of
light gathered on the Wide camera. A new OIS stabilizes the sensor
instead of the lens so your shots are steady — even when you’re not.
And the new 65 mm Telephoto camera lets you zoom in tighter on
portraits.
</p>
</div>
<div class="container_980px two_part_gradient_text_box">
<div class="left_col">
<div class="gradient_text_with_line_box">
<div class="op_0_to_1_y">
<p class="gradient_text">87% better low‑light photos</p>
<div class="gradient_line"></div>
</div>
<div class="op_0_to_1_y">
<p class="gradient_text">Bigger</p>
<p class="gradient_text">1.7 μm pixels</p>
</div>
</div>
</div>
<div class="right_col">
<div class="gradient_text_with_line_box">
<div class="op_0_to_1_y">
<p class="gradient_text">5x optical zoom range</p>
<div class="gradient_line"></div>
</div>
<div class="op_0_to_1_y">
<p class="gradient_text">
New sensor-shift optical image stabilization
</p>
</div>
</div>
<button class="default_button op_0_to_1_y">Find out how</button>
</div>
</div>
</section>
<section class="portraits_section">
<div class="container_980px">
<div class="container_50_percent title_box">
<h2 class="portrait_sec_title">
Portraits that come out at night.
</h2>
</div>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img
src="./assets/unlit_portraits__ceh623szrk2u_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_17px">
<span class="text_white">Night mode portraits</span> on the Wide
camera give you vivid color, as well as beautiful bokeh that
accentuates lit buildings, streetlights — any background lights.
</p>
</div>
</div>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img
src="./assets/night_mode_on_static__d976ad3281m6_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_17px">
Even with a single small light source, LiDAR and our A14 Bionic
can render every pattern and texture in the foreground along
with realistic color throughout the room.
</p>
</div>
</div>
<div class="portrait_mode">
<div class="portrait_content_box pr">
<p class="p_17px">
<span class="text_white">Deep Fusion</span> kicks in for low- to
mid-light scenes. The Neural Engine analyzes multiple exposures
pixel by pixel to bring out unprecedented detail in the
magnifying glass, the woman, and the wall.
</p>
<button class="default_button">Find out how</button>
</div>
<div class="portrait_img_box portrait_and_landscape_img_box">
<img src="./assets/deep_fusion__cjmcoxv6hzrm_large.jpg" alt="" />
</div>
</div>
<h2 class="text_center portrait_sec_title">
Portrait mode, fine-tuned.
</h2>
<div class="portrait_mode">
<div class="portrait_img_box portrait_and_landscape_img_box">
<img
src="./assets/portrait_mode__ganiw7m904uy_large.jpg"
alt=""
/>
</div>
<div class="portrait_content_box pl">
<p class="p_17px">
Machine learning on iPhone 12 Pro is even better at separating
the subject from the background. And creative controls let you
adjust the background blur and light on faces.
</p>
</div>
</div>
<h2 class="text_center portrait_sec_title">
More detail. In the blink of AI.
</h2>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img
src="./assets/more_detail_ai__0t676ehs18yi_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_17px">
<span class="text_white">Smart HDR 3</span> automatically
refines highlights, shadows, and contours. Even at midday, you
can see detail in her face and shadows that graduate all the way
to true black.
</p>
</div>
</div>
<div class="portrait_mode">
<div class="portrait_content_box pr">
<p class="p_17px">
Smart HDR 3 captures every bit of golden hour magic, pulling out
all the texture in the rock, while staying true to the subtle
blues of the sky.
</p>
</div>
<div class="portrait_img_box portrait_and_landscape_img_box">
<img
src="./assets/scene_detection_01__dnl7kkcod2c2_large.jpg"
alt=""
/>
</div>
</div>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img
src="./assets/scene_detection_02__d2vvpqdmp76u_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_17px">
Smart HDR 3 dials in the white balance, and the sea foam holds
its shape and definition despite all the motion.
</p>
</div>
</div>
<div class="portrait_mode">
<div class="portrait_img_box portrait_and_landscape_img_box">
<img
src="./assets/scene_detection_03__f17p3nmowqie_large.jpg"
alt=""
/>
</div>
<div class="portrait_content_box pl">
<p class="p_17px">
Beyond faces, Smart HDR 3 uses machine learning to recognize
scenes, so it can bring out the cracks in the ground and the
roughness of the hill without increasing noise in the sky.
</p>
<button class="default_button">Find out how</button>
</div>
</div>
<h2 class="text_center portrait_sec_title">
Shot on iPhone 12 Pro Max.
</h2>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img src="./assets/zoom__wbsq3le9h4i2_large.jpg" alt="" />
</div>
<div class="container_66_percent">
<p class="p_17px">
<span class="text_white">2.5x optical zoom</span> on the 65 mm
Telephoto camera lets you see all that close-up detail without
being right next to your subject.
</p>
</div>
</div>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img
src="./assets/bigger_pixels__ehqof22w3tea_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_17px">
<span class="text_white">Bigger pixels</span> on the 65 mm on
the Wide camera help reveal intricate patterns, subtle textures,
and incredible detail throughout the shot — even when you’re
shooting in available light.
</p>
</div>
</div>
<div class="landscape_mode">
<div class="big_bg_box portrait_and_landscape_img_box">
<img src="./assets/pro_max__24ieqrvv9g26_large.jpg" alt="" />
</div>
<div class="container_66_percent">
<p class="p_17px">
<span class="text_white">Colors</span> on the 65 mm on are
remarkably true-to-life in almost any light, like all the
translucent reds in her outfit, and the saturated neon hues of
the diner behind.
</p>
</div>
</div>
</div>
</section>
<section class="iphone_12_pro_vs_12_pro_max_section active_wide">
<div class="container_980px">
<h2 class="text_center snapshot_title">A snapshot of each camera.</h2>
<div class="compare_flex_wrap">
<div class="phone_camera_img_box">
<span class="showing_text">Showing iPhone 12 Pro</span>
<div class="all_lens_visible_box"></div>
<div class="lens lens_top"></div>
<div class="lens lens_middle"></div>
<div class="lens lens_bottom"></div>
</div>
<div class="phone_compare_content_box">
<div class="compare_left_right_content_box">
<div class="compare_title">
<div>
<h3>iPhone</h3>
<h3>12 Pro</h3>
</div>
<div class="right_title">
<h3>iPhone</h3>
<h3>12 Pro Max</h3>
</div>
</div>
<div class="changeable_compare_content_box">
<div class="wide_compare_content_box content_compare_box">
<div class="iphone_12_pro_compare">
<p class="p_17px">26 mm focal length</p>
<p class="gradient_text p_17px">1.4 µm pixels</p>
<p class="p_17px">ƒ/1.6 aperture</p>
<p class="p_17px">100% Focus Pixels</p>
<p class="p_17px">7-element lens</p>
<p class="gradient_text p_17px">OIS</p>
</div>
<div class="iphone_12_pro_max_compare">
<p class="p_17px">26 mm focal length</p>
<p class="gradient_text p_17px">1.7 µm pixels</p>
<p class="p_17px">ƒ/1.6 aperture</p>
<p class="p_17px">100% Focus Pixels</p>
<p class="p_17px">7-element lens</p>
<p class="gradient_text p_17px">Sensor-shift OIS</p>
</div>
</div>
<div
class="ultra_wide_compare_content_box content_compare_box"
>
<div class="iphone_12_pro_compare">
<p class="p_17px">13 mm focal length</p>
<p class="p_17px">120º field of view</p>
<p class="p_17px">ƒ/2.4 aperture</p>
<p class="p_17px">5-element lens</p>
<p class="p_17px">7-element lens</p>
<p class="p_17px">Lens correction</p>
</div>
<div class="iphone_12_pro_max_compare">
<p class="p_17px">13 mm focal length</p>
<p class="p_17px">120º field of view</p>
<p class="p_17px">ƒ/2.4 aperture</p>
<p class="p_17px">100% Focus Pixels</p>
<p class="p_17px">5-element lens</p>
<p class="p_17px">Lens correction</p>
</div>
</div>
<div
class="telephoto_compare_content_box content_compare_box"
>
<div class="iphone_12_pro_compare">
<p class="gradient_text p_17px">52 mm focal length</p>
<p class="gradient_text p_17px">ƒ/2.0 aperture</p>
<p class="p_17px">Focus Pixels</p>
<p class="p_17px">6-element lens</p>
<p class="p_17px">OIS</p>
</div>
<div class="iphone_12_pro_max_compare">
<p class="gradient_text p_17px">65 mm focal length</p>
<p class="gradient_text p_17px">ƒ/2.2 aperture</p>
<p class="p_17px">Focus Pixels</p>
<p class="p_17px">100% Focus Pixels</p>
<p class="p_17px">OIS</p>
</div>
</div>
</div>
</div>
<div class="compare_switches_box">
<div class="white_button_bg"></div>
<button class="ultra_wide_btn" data-active="active_ultra_wide">
Ultra Wide
</button>
<button class="wide_btn" data-active="active_wide">
<span></span>Wide
</button>
<button class="telephoto_btn" data-active="active_telephoto">
<span></span>Telephoto
</button>
</div>
</div>
</div>
</div>
</section>
<section class="proraw_section container_980px">
<div class="content_box">
<h2>Apple ProRAW. For an absurd amount of creative control.</h2>
<p class="p_21px">
ProRAW gives you all the standard RAW information, along with the
Apple image pipeline data. So you can get a head start on editing,
with noise reduction and multiframe exposure adjustments already in
place — and have more time to tweak color and white balance.
</p>
</div>
<div class="img_box">
<img src="./assets/apple_proraw__dlh2qsx8d9km_large.jpg" alt="" />
</div>
</section>
<section class="vision_recording_section">
<div class="full_width_bg">
<div class="container_980px p_r title_container">
<div class="black_overly_animation each_black_overly"></div>
<h2 class="big_h2_gray">Dolby Vision recording</h2>
<p class="big_p_white">
60 times more colors. Infinitely more spectacular.
</p>
</div>
</div>
<div class="transparent_gap girl_video_gap">
<span>Hello</span>
<div class="corner top"></div>
<div class="corner right"></div>
<div class="corner bottom"></div>
<div class="corner left"></div>
</div>
<div class="gradient_text_subtext_weap">
<h2 class="gradient_text op_0_to_1_y">
First camera ever to record in Dolby Vision
</h2>
<button class="default_button op_0_to_1_y">Find out how</button>
<div class="container_980px">
<div class="container_58_percent">
<p class="p_21px op_0_to_1_y">
iPhone 12 Pro jumps from 8- to 10‑bit HDR recording, capturing
700 million colors for much more lifelike video. Then it goes
one better, recording in Dolby Vision — the format used by film
studios. You can even edit Dolby Vision video and use AirPlay to
see every last bit of the difference on the big screen.
</p>
<div class="airplay_icon_box op_0_to_1_y">
<div class="icon_box">
<img
src="./assets/icon_airplay__0pgdriapek2u_large.jpg"
alt=""
/>
</div>
<p class="p_17px p_with_sup">
<span class="text_white">AirPlay</span> streams your 4K Dolby
Vision video to Apple TV and smart TVs.<sup
><a href="#">5</a></sup
>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="movie_night">
<div class="full_width_bg">
<div class="container_980px title_box">
<h2>Now every night is movie night.</h2>
</div>
</div>
<div class="transparent_gap movie_night_video_gap">
<div class="corner top"></div>
<div class="corner right"></div>
<div class="corner bottom"></div>
<div class="corner left"></div>
</div>
<div class="full_width_bg bottom_content_bg">
<div class="container_980px">
<div class="container_66_percent">
<p class="p_21px text_center op_0_to_1_y">
The Wide camera’s larger sensor brings way more detail out of
the shadows. And for the first time, you can take Night mode
Time‑lapse videos with a tripod to capture scenes with dramatic
motion. Now even your movies can pull an all-nighter.
</p>
<div class="gradient_text_with_line_box">
<div class="op_0_to_1_y">
<h2 class="gradient_text">
87% better low-light video with iPhone 12 Pro Max
</h2>
<div class="gradient_line"></div>
</div>
<h2 class="gradient_text op_0_to_1_y">
New ISP with improved noise reduction for more detail
</h2>
</div>
</div>
</div>
</div>
</section>
<section class="true_dept_camera_section">
<div class="container_980px p_r">
<div class="black_overly_animation each_black_overly"></div>
<h2 class="big_h2_gray">TrueDepth camera</h2>
<h2 class="big_p_white">
It’s never too late to take another Night mode selfie.
</h2>
<div class="img_box">
<img
src="./assets/true_depth_selfie_static__byvsiiqet2s2_large.jpg"
alt=""
/>
</div>
<div class="container_66_percent">
<p class="p_21px text_center">
Night mode comes to the front camera, bringing all that low-light
detail and natural color to your favorite subject. Deep Fusion,
Smart HDR 3, and Dolby Vision recording are now on the TrueDepth
camera, too. So you’ll look your best in any light.
</p>
</div>
</div>
</section>
<section class="super_ratina_section">
<div class="container_980px p_r">
<div
class="black_overly_animation each_black_overly"
data-rotate="150"
></div>
<h2 class="big_h2_gray text_center">Super Retina XDR display</h2>
<p class="big_p_white text_center">An infinity pool of pixels.</p>
</div>
<div class="big_landscape_wrapper">
<img src="./assets/landscape_ipone.png" alt="" />
<video src="./assets/Videos/large_11.mp4"></video>
</div>
<div class="container_980px bottom_paragraph">
<div class="container_58_percent">
<p class="p_21px text_center op_0_to_1">
How do you make our brightest display even better? Make it bigger.
A new design with flat edges and our flexible custom OLED allowed
us to push the screen’s amazing color, brightness, and contrast
right to the very edge.
</p>
</div>
<div class="two_box_wrapper op_0_to_1">
<div class="box">
<p class="p_17px">Up to</p>
<h2 class="gradient_text">1200 <span>nits</span></h2>
<p class="p_17px">peak brightness for</p>
<p class="p_17px">HDR photos and movies</p>
</div>
<div class="box">
<h2 class="gradient_text">2,000,000:1</h2>
<p class="p_17px">contrast ratio for true blacks</p>
<p class="p_17px">and bright whites</p>
</div>
</div>
<div class="bottom_gradient_text op_0_to_1_y">
<p class="gradient_text text_center">
Over 3.4 million pixels in 12 Pro Max,
</p>
<p class="gradient_text text_center">the most ever in an iPhone</p>
</div>
</div>
</section>
<section class="megsafe_section container_980px">
<div class="megsafe_title_box p_r">
<div
class="black_overly_animation each_black_overly"
data-rotate="150"
></div>
<h2 class="big_h2_gray text_center">MagSafe accessories</h2>
<p class="big_p_white text_center megsafe_title_2">
<span class="mag_title_left">Everything just</span>
<span class="mag_title_right">clicks.</span>
</p>
</div>
<div class="video_wrapper megsafe_video_1">
<video src="./assets/Videos/large_8.mp4"></video>
</div>
<h2 class="text_center op_0_to_1_y">Instant attraction.</h2>
<div class="video_wrapper landscape_video_wrapper megsafe_video_2">
<video src="./assets/Videos/large_9.mp4"></video>
</div>
<p class="p_21px text_center op_0_to_1_y">
Each piece magnetically snaps together like magic.
</p>
<div
class="
video_wrapper
portrait_video_wrapper
megsafe_video_3
op_0_to_1_y
"
>
<video src="./assets/Videos/large_10.mp4"></video>
</div>
<h2 class="text_center stack_heading op_0_to_1_y">Stack and go.</h2>
<div class="op_0_to_1_y">
<p class="text_center p_21px">
Snap on a case, a wallet, or both. (Fear not, the
</p>
<p class="text_center p_21px">
wallet is shielded so it’s safe for credit cards.)
</p>
</div>
</section>
<section class="turbo_chargable_section container_980px">
<div class="img_box">
<img src="./assets/charge_endframe__egsvnh5p7k02_large.jpg" alt="" />
</div>
<div class="text_box op_0_to_1_y">
<h2>Turbo chargeable.</h2>
<p class="p_21px op_0_to_1_y">
Magnets align themselves perfectly every time for faster wireless
charging.
</p>
</div>
</section>
<section class="ultra_fast_wireless_section">
<div class="black_overly_wrapper p_r">
<div
class="black_overly_animation each_black_overly"
data-rotate="165"
></div>
<h2 class="big_h2_gray text_center">Ultrafast wireless</h2>
<p class="big_p_white text_center">Speed up your</p>
<p class="big_p_white text_center">downloads.</p>
</div>
<div class="container_58_percent">
<img
src="./assets/5g_on_iphone_static__2p6jfqgvewyy_large.jpg"
alt=""
/>
<p class="p_24px text_center container_75_percent op_0_to_1_y">
iPhone 12 Pro delivers LTE speeds up to 2Gbps, so you can download
large files, upload photos, and stream high-quality video faster
than ever. It also has up to 32 LTE bands — the most of any
smartphone — so you’ll get those faster speeds in more places around
the world.4
</p>
</div>
</section>
<section class="ios_section">
<div class="ios_overly_text_wrapper">
<div class="text_box container_980px">
<div class="ios_outer_animation_box">
<h2 class="big_h2_gray text_center">iOS 14</h2>
<p class="big_p_white text_center container_58_percent">
Get right to the good stuff.
</p>
<p
class="p_21px text_center container_50_percent"
style="width: 48% !important; margin-top: 35px"
>
iOS 14 is packed with shortcuts that get you just what you want,
right when you want it.
</p>
</div>
</div>
</div>
<div class="container_980px">