-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathassignment01.html
60 lines (53 loc) · 1.64 KB
/
assignment01.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
<!DOCTYPE html>
<html>
<head>
<title>Assingment-01</title>
<style>
body {
margin: 0;
padding: 0;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 20px;
}
main {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 20px;
}
/* Additional styles for demo purposes */
main {
background-color: #f2f2f2;
padding: 20px;
}
</style>
</head>
<body>
<header>
<h1>Header</h1>
</header>
<main>
<h2>Centered Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit libero eu tortor malesuada, eu tristique neque iaculis. In nec ex eget lorem lacinia placerat sit amet sit amet magna. Nullam quis nibh augue. Donec vel ante ante. Sed ut lectus sed leo dignissim efficitur a vel eros. Duis ut ipsum tincidunt, feugiat tellus eget, iaculis libero. Vestibulum nec enim pretium, tristique massa vel, pharetra magna. Sed varius, odio vel rutrum vestibulum, elit lectus maximus libero, quis faucibus enim dolor id ex. Nullam bibendum, eros nec bibendum dapibus, orci mi viverra leo, ac auctor mauris turpis ut tortor.</p>
</main>
<footer>
<p>Footer</p>
</footer>
</body>
</html>