-
Notifications
You must be signed in to change notification settings - Fork 0
/
HOME.html
203 lines (137 loc) · 4.83 KB
/
HOME.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
<!DOCTYPE html>
<html>
<head>
<title>FOLDABLE TECH DEVICES</title>
<link rel="stylesheet" href="style_home.css">
</head>
<body>
<header>
<!-- navigation bar -->
<div id="navigation_bar">
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="Pros & cons.html">PROS & CONS</a></li>
<li><a href="devices.html">DEVICES</a></li>
<li><a href="about us.html"> ABOUT US</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="Feedback.html">FEEDBACK</a></li>
</ul>
</div>
<!-- title -->
<div class="title">
<h1>
FOLDABLE T.DEVICES
</h1>
</div>
<!-- some buttons below title -->
<div class="Button">
<a href="404.html" class="Btn">Learn More</a>
<a href="devices.html" class="Btn">Devices</a>
</div>
<!-- logo -->
<div id="logo">
<img src="logo1.png">
</div>
</header>
<!-- first section about information -->
<div class="section">
<div class="container">
<div class="content-section">
<div class= "content">
<h3> INTRODUCTION</h3>
<p>A foldable smartphone (also known as a foldable phone or simply foldable) is a smartphone with a folding form factor.Actually, foldable devices are those devices that divide the screen into two portions.</p>
<h3> First ever Foldable device</h3>
<p>The first ever foldable device was introduced in 2018 by Royole FlexPai. Not exactly a well-known one, but Ultimately, later that year, Motorola and TCL also came up with their own foldable smartphones and successors to many foldable devices have already appeared, with the provisional highlight so far being the Oppo Find NO</p>
</div>
</div>
<div class="image-section">
<img src="_104122183_fdd81170-47fb-4b28-876a-663ca06f071d.webp">
</div>
</div>
</div>
<br><br><br>
<!-- second section about working -->
<div class="section2">
<div class="container2">
<div class="content-section2">
<div class= "content2">
<h3> How does it work?</h3>
<p>The screens used for making foldable devices are known as OLED (Organic Light Emitting Diode), and are made up of organic compounds, when electricity is passed through them they emit their own light, which means these screens do not require backlit lights for working, making screens more thin and flexible and also they generate more accurate colors and have a large color gamut, unlike LCD’s which require a back-lit light source for working due to which LCD’s become heavy and thick.<br>LED displays are actually printed on a thin layer of plastic, which allows them to bend and fold in many different ways..</p>
</div>
</div>
<div class="image-section2">
<img src="Capture.webp">
</div>
</div>
</div>
<!-- additinal section -->
<div class="section6">
<div class="container6">
<div class="content-section6">
<div class= "content6">
<h3>That`s how foldable screen works:</h3>
<video id="video-section" controls muted autoplay src="How Foldable Screens Work.mp4" controls></video>
</div>
</div>
</div>
</div>
<!-- third section about types of devices -->
<div class="section3">
<div class="container3">
<div class="content-section3">
<div class= "content3">
<h3>Types</h3>
<p><ol >
<li>In-Foldable Devices</li><br>
<p>Devices that are foldaed inside are called in-foldable devices.these devices have slight crease on inside screen</p>
<li>Out-Foldable Devices</li><br>
<p>Devices are are folded in owtward direction are known as out-foldable devices.such screen are more exposed to scraches</p>
</ol></p>
</div>
</div>
<div class="image-section3">
<img src="download8.webp">
</div>
</div>
</div>
<!-- section about folable laptop -->
<div class="section4">
<div class="container4">
<div class="content-section4">
<div class= "content4">
<h3>Foldable laptops</h3>
<p> The Asus Zenbook Fold is a true transformer of a PC.
It's equal parts tablet, laptop and desktop, and unlike
many other hybrid products, it's pretty good at all three.
The key is a big 17-inch foldable display, even if that technology
is still in its early days.
</p>
</div>
</div>
<div class="image-section4">
<img src="images.jpg">
</div>
</div>
</div>
<!-- -->
<div class="section5">
<div class="container5">
<div class="content-section5">
<div class= "content5">
<h3>Foldable laptops</h3>
<video id="video" controls muted autoplay src="ZenBook 17 Fold OLED UX9702.mp4" ></video>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer>
<section class="end">
<h3 align="center">Designed By Group 11</h3>
<p align="center" >
22f-3738   22f-3624   22f-3742   22f-3736   22f-3745
</p>
</section>
</footer>
</body>
</html>