Add files via upload

2019-05-14 12:40:58 -04:00 · 2019-05-14 12:40:58 -04:00 · 9849402398
parent 11b0e9a25c
commit 9849402398
4 changed files with 119 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,97 @@
+body,html{
+	margin: 0;
+	padding: 0;
+	background-color: #FFEFF7;
+}
+
+header{
+	width: 100%;
+	height: 110px;
+	background-color: #FFF;
+	-moz-box-shadow: 0px 0px 8px #444;
+	-webkit-box-shadow: 0px 0px 8px #444;
+}
+
+h1 a {
+    font-family: 'Open Sans', cursive;
+    color: #39ca74;
+	font-size: 32px;
+}
+
+h1 a:hover{
+    color: #39ca74;
+}
+
+h1 {
+	position: absolute;
+	padding: 3px;
+	float: left;
+}
+
+h1 {
+	position: absolute;
+	padding: 3px;
+	float: left;
+	margin-left: 2%;
+	margin-top: 10px;
+	font-family: 'Open Sans', cursive;
+	color: #39ca74;
+}
+
+.main-nav
+{
+	float: right;
+	list-style: none;
+	margin: 45px 16px 0px 0px;
+}
+
+.main-nav li
+{
+	display: inline-block;
+}
+
+.main-nav li a
+{
+	color: black;
+	text-decoration: none;
+	padding: 5px 20px;
+	font-family: "Roboto", sans-serif;
+	font-size: 15px;
+	border: 1px solid transparent;
+}
+
+.main-nav li.active a
+{
+	border: 1px solid black;
+}
+
+.main-nav li a:hover
+{
+	border: 1px solid black;
+}
+a{
+	text-align: center;
+    color: #000000;
+	text-decoration: none;
+	font-family: 'Open Sans', sans-serif;
+	font-size: 1.2vw;
+}
+
+a:hover{
+	color: #000000;
+	transition: 0.5s;
+}
+
+.logo {
+	display: inline-block;
+	width: 150px;
+	position: relative;
+	margin-top: 5px;
+	margin-left: 5px;
+}
+
+.logo img
+{
+	width: 100%;
+	height: auto;
+}
--- a/img/favicon.png
+++ b/img/favicon.png
--- a/img/logo.png
+++ b/img/logo.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title>BSB Glam Clothing</title>
+        <link rel="icon" type="image/png" href="img/favicon.png">
+        <link href="css/style.css" rel="stylesheet" type="text/css">
+    </head>
+<body>
+ <header>
+         <div class="logo">
+			<img src="img/logo.png">
+			</div>
+        <nav class="main-nav">
+			<li><a href="index.html">Home</a></li>
+			<li><a href="about.html">About</a></li>
+			<li><a href="contact.html">Contact Us</a></li>
+		</nav>
+    </header>
+</body>
+</html>