-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclasswork.html
38 lines (36 loc) · 2.97 KB
/
classwork.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="digital divas">
<meta name="keyword" content="html" >
<title>Playing with anchor tags</title>
</head>
<body style="background-image:url('https://media.istockphoto.com/id/1182956407/photo/abstract-polygonal-blue-background.jpg?s=612x612&w=0&k=20&c=LEHGkQll-4bjl6bdW3oK12Etg54QneWwWQdZVmni1g0=');
background-size:cover; background-repeat: no-repeat; color: #fff;">
<!-- Header section -->
<header style="text-align: center; background-color: #fff; padding: 10px 0; width: 100%; ">
<a style="color: #000; text-decoration: none; " href="Https://facebook.com">Facebook</a>
<a style="color: #000; text-decoration: none;" href="https://twitter.com">Twitter</a>
<a style="color: #000; text-decoration: none;" href="https://whatsapp.com">WhatsApp</a>
<a style="color: #000; text-decoration: none;" href="https://youtube.com">Youtube</a>
</header>
<!-- the content of the body -->
<main style="padding: 5px 15px;">
<h1 style="text-align: center;">The Lorem Story</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit porro quos quisquam sit. Vel, quisquam, sint ex voluptatibus corporis nemo eveniet nostrum dolorum nisi, illum modi consequuntur recusandae ab et?
Possimus esse sequi sint optio ex eveniet dolores commodi, ipsam error officiis est quam quisquam neque non voluptatum quod r dolores omnis suscipit, corrupti voluptas aperiam, ex quis ipsa aspernatur temporibus optio rerum?
Provident vel eveniet deleniti unde illo, officiis, minima inventore, quas atque animi ipsa corporis sequi incidunt illum asperiores eligendi ullam pariatur vero. Voluptates tempora, ad ea illo aliquid exercitationem cumque?
Officia temporibus dicta, facere corrupti</p>
<p>ut ea libero repudiandae iste ipsa consectetur recusandae illum at, sit quia rem quam ab. Distinctio tenetur odit libero perferendis amet? Magnam ullam nemo laborum?
Voluptatibus ex aliquam labore consequuntur sapiente omnis, optio culpa fugit maxime sint incidunt rerum molestiae assumenda autem magni eum quae suscipit a cumque, temporibus soluta exercitationem facilis repellat! Minima, optio?
Tempore, quae. Nesciunt, doloribus! Error omnis soluta laboriosam ad exercitationem nam itaque, tempore enim id, accusantium la, voluptatum, id nesciunt, cum at? Error autem minus vel repellat dicta corrupti.
Dolorum culpa, provident obcaecati nobis enim porro corrupti pariatur inventore sequi mollitia dignissimos reprehenderit voluptatem aliquam earum totam repellendus nostrum officia sunt? Facilis distinctio eveniet minus aliquam porro quia tempore.</p>
</main>
<!-- the footer -->
<footer style="text-align: center;">
<p>©Copyright 2023 <span style="color: gold;">Digital Divas</span></p>
</footer>
</body>
</html>