-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathiphone16.html
More file actions
211 lines (193 loc) · 6.06 KB
/
Copy pathiphone16.html
File metadata and controls
211 lines (193 loc) · 6.06 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iPhone 16- Features & Specs</title>
<link rel="stylesheet" href="iphone16.css">
</head>
<body>
<header>
<div class="menu">
<a href="index.html">Home</a>
<a href="review.html">Reviews</a>
<a href="aboutus.html">About</a>
<a href="contactus.html">Contact</a>
</div>
</header>
<h1>iPhone 16- Innovation Meets Elegance</h1>
<p class="intro">
Explore the revolutionary design and powerful capabilities of the iPhone 16.
Get all the details on its design, performance, and features in one place.
</p>
<section class="gallery-section">
<h2>Product Gallery</h2>
<div class="image-gallery">
<img src="./images/blue back look.jpg" alt="Front View" class="gallery-img">
<img src="./images/k12345432.png" alt="Back View" class="gallery-img">
<img src="./images/graphite.jpg" alt="Graphite" class="gallery-img">
<img src="./images/all colcour.jpg" alt="Silver" class="gallery-img">
<img src="./images/green.jpg" alt="Gold" class="gallery-img">
<img src="./images/blue.jpg" alt="Deep Blue" class="gallery-img">
</div>
</section>
<section class="specs-section">
<h2>Technical Specifications</h2>
<div class="spec-box" onclick="toggleSpec('display')">
<h3>Display ▼</h3>
<div id="display" class="spec-content">
<p>6.9-inch Super Retina XDR OLED</p>
<p>120Hz ProMotion</p>
<p>Always-On Display</p>
<p>2796 x 1290 resolution</p>
</div>
</div>
<div class="spec-box" onclick="toggleSpec('processor')">
<h3>Processor ▼</h3>
<div id="processor" class="spec-content">
<p>A18 Bionic chip with 3nm technology</p>
<p>6-core CPU</p>
<p>5-core GPU</p>
</div>
</div>
<div class="spec-box" onclick="toggleSpec('camera')">
<h3>Camera System ▼</h3>
<div id="camera" class="spec-content">
<h4>Rear Cameras:</h4>
<ul>
<li>48MP main camera</li>
<li>12MP ultra-wide</li>
<li>12MP telephoto (6x optical zoom)</li>
</ul>
<h4>Front Camera:</h4>
<p>12MP TrueDepth camera with autofocus</p>
</div>
</div>
</section>
<footer>
<button onclick="history.back()" class="back-btn">Back to Reviews</button>
</footer>
<title>iPhone Specifications</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
line-height: 1.6;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
h2 {
color: #333;
}
</style>
</head>
<body>
<h1>iPhone Specifications</h1>
<h2>Camera</h2>
<table>
<tr>
<th class="colr">Feature</th>
<th class="colr">Description</th>
</tr>
<tr>
<td>48MP Fusion</td>
<td>26 mm, f/1.6 aperture, sensor-shift optical image stabilization, 100% Focus Pixels</td>
</tr>
<tr>
<td>12MP Telephoto</td>
<td>52 mm, f/1.6 aperture, sensor-shift optical image stabilization, 100% Focus Pixels</td>
</tr>
<tr>
<td>12MP Ultra Wide</td>
<td>13 mm, f/2.2 aperture, 120° field of view</td>
</tr>
<tr>
<td>Zoom</td>
<td>2x optical zoom in, 2x optical zoom out, 4x optical zoom range</td>
</tr>
<tr>
<td>Night Mode</td>
<td>Improved for low-light performance</td>
</tr>
</table>
<h2>Video Recording</h2>
<table>
<tr>
<th class="colr">Feature</th>
<th class="colr">Description</th>
</tr>
<tr>
<td>4K Dolby Vision</td>
<td>24 fps, 25 fps, 30 fps, or 60 fps</td>
</tr>
<tr>
<td>Slow Motion</td>
<td>Support for 1080p at 120 fps or 240 fps</td>
</tr>
<tr>
<td>Cinematic Mode</td>
<td>Up to 4K Dolby Vision at 30 fps</td>
</tr>
<tr>
<td>Night Mode Time-lapse</td>
<td>With stabilization</td>
</tr>
</table>
<h2>Power and Battery</h2>
<table>
<tr>
<th class="colr">Feature</th>
<th class="colr">Description</th>
</tr>
<tr>
<td>Video Playback</td>
<td>Up to 27 hours</td>
</tr>
<tr>
<td>Audio Playback</td>
<td>Up to 100 hours</td>
</tr>
<tr>
<td>Fast Charging</td>
<td>Up to 50% charge in 30 minutes with 20W adapter</td>
</tr>
<tr>
<td>Wireless Charging</td>
<td>MagSafe up to 25W, Qi up to 15W</td>
</tr>
</table>
<h2>Accessibility</h2>
<table>
<tr>
<th class="colr">Feature</th>
<th class="colr">Description</th>
</tr>
<tr>
<td>VoiceOver</td>
<td>Screen reader for the visually impaired</td>
</tr>
<tr>
<td>AssistiveTouch</td>
<td>Helps with physical and motor skill needs</td>
</tr>
<tr>
<td>Live Speech</td>
<td>Type to communicate during calls</td>
</tr>
</table>
<footer>
<p>©️2024 SmartSpec | All rights reserved.</p>
</footer>
</body>
</html>