an HTML page that displays a header and a footer by using the style t…

…ag in the head tag (same as 0-index.html)
GideonBature · Oct 20, 2023 · 680a9f1 · 680a9f1
1 parent b8ef231
commit 680a9f1
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/web_static/1-index.html b/web_static/1-index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>AirBnB Clone</title>
+		<style>
+			* {
+				margin: 0;
+			}
+
+			body {
+				position: relative;
+				height: 100vh;
+			}
+
+			header {
+				background-color: #FF0000;
+				height: 70px;
+				width: 100%;
+			}
+
+			footer {
+				position: absolute;
+				background-color: #00FF00;
+				height: 60px;
+				width: 100%;
+				bottom: 0;
+			}
+
+			footer p {
+				text-align: center;
+				line-height: 60px;
+			}
+		</style>
+	</head>
+	<body>
+		<header></header>
+		<footer>
+			<p>Best School</p>
+		</footer>
+	</body>
+</html>