an HTML page that displays a header and a footer.

GideonBature · Oct 20, 2023 · b8ef231 · b8ef231
1 parent ca08e8d
commit b8ef231
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/web_static/0-index.html b/web_static/0-index.html
@@ -1,15 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
+	<head charset="utf-8">
 		<title>AirBnB Clone</title>
 	</head>
-
-	<body style="margin: 0">
-		<header style="color:#FF0000; height:70px; width:100%;">
+	<body style="margin:0; position: relative; min-height: 100vh;">
+		<header style="background-color: #FF0000; height: 70px; width: 100%;">
 		</header>
-
-		<footer style="color:#00FF00; height:60px; width:100%;">
-			<p style="text-align: center;">Best School</p>
+		<footer style="background-color: #00FF00; height: 60px; width: 100%; position: absolute; bottom: 0;">
+			<p style="text-align: center; padding-top: 10px; font-weight: 700;">Best School</p>
 		</footer>
 	</body>
 </html>