43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Windows XP</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Windows XP</h1>
|
|
<div class="header-button" id="red"><p id="close">🗙</p></div>
|
|
<div class="header-button"><p id="maximise">🗗</p></div>
|
|
<div class="header-button"><p id="minimise">🗕</p></div>
|
|
</div>
|
|
<div class="formarea">
|
|
<div class="ribbon">
|
|
<p class="link" id="first">File</p>
|
|
<p class="bar">|</p>
|
|
<p class="link">Edit</p>
|
|
<p class="bar">|</p>
|
|
<p class="link">Preferences</p>
|
|
</div>
|
|
<div class="content">
|
|
<h1>Hello, world!</h1>
|
|
<p>
|
|
|
|
Veritatis facilis et odio voluptas recusandae. Dolore alias doloribus aut. Quasi distinctio voluptates sed.<br/><br/>
|
|
|
|
Aut autem voluptates eum ut recusandae. Eveniet aut enim voluptas quasi commodi exercitationem dicta. Placeat cupiditate non et reprehenderit perferendis. A tempora exercitationem beatae qui dicta maiores est amet. Sint assumenda rerum sed placeat natus qui odio aut.<br/><br/>
|
|
|
|
Dicta ea nihil accusamus. Et sequi quia in ipsam ut quia non. Consequatur ut qui est velit et. Ratione eligendi est nisi a modi atque fugit dolor.<br/><br/>
|
|
|
|
Et commodi ratione voluptatum in. Aut fugit omnis suscipit voluptatem voluptates. Illo excepturi officiis quia temporibus suscipit eos. Eligendi ut sunt ut animi assumenda quaerat.<br/><br/>
|
|
|
|
Deleniti praesentium saepe et ut magni accusamus ipsum. Omnis delectus velit aut delectus ut ut rerum ipsum. Sequi veniam sapiente fugiat. Aut et minus sunt neque vel.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|