Implement logo and initial coloring

toamutiltech · Feb 28, 2020 · 21703d7 · 21703d7
1 parent b30ea9a
commit 21703d7
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 0 deletions.
diff --git a/web_static/3-index.html b/web_static/3-index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>AirBnB clone</title>
+
+		<link rel="shortcut icon" href="images/icon.ico" >
+
+		<link rel="stylesheet" href="styles/2-common.css"/>
+		<link rel="stylesheet" href="styles/2-header.css"/>
+		<link rel="stylesheet" href="styles/2-footer.css"/>
+	</head>
+    <body>
+		<header>
+		</header>
+
+		<footer>
+			<p>Holberton School</p>
+		</footer>
+	</body>
+</html>
diff --git a/web_static/styles/3-common.css b/web_static/styles/3-common.css
@@ -0,0 +1,8 @@
+body {
+	margin:0px;
+	padding:0px;
+
+	color: #484848;
+	font-size: 14px;
+	font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;
+}
diff --git a/web_static/styles/3-footer.css b/web_static/styles/3-footer.css
@@ -0,0 +1,9 @@
+footer {
+	position: fixed;
+	bottom: 0;
+	background-color: white;
+	height: 60px;
+	width: 100%;
+	text-align: center;
+	line-height: 30px;
+}
diff --git a/web_static/styles/3-header.css b/web_static/styles/3-header.css
@@ -0,0 +1,12 @@
+header {
+	background-color: white;
+	height: 70px;
+	width: 100%;
+
+	border-bottom: 1px solid #CCCCCC;
+}
+
+header.header_logo {
+	background-image: url("images/logo.png")
+	padding-left: 20px;
+}