Home Explore Help
Sign In
tati
/
bananaventura
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

navbar & home

Tati 12 years ago
parent
54db0f382b
commit
4381eb4f9a
5 changed files with 75 additions and 0 deletions
Unified View Show Diff Stats
  1. 57 0
      css/home.css
  2. BIN
      fonts/OpenSans-Light.ttf
  3. BIN
      fonts/Raleway-Thin.otf
  4. BIN
      images/home.jpg
  5. 18 0
      index.html

+ 57 - 0
css/home.css
View File 

@@ -0,0 +1,57 @@
 
+/*		FONTS	*/
 
+@font-face{
 
+font-family:'raleway';
 
+src: url('../fonts/Raleway-Thin.otf');
 
+-webkit-font-smoothing: antialiased;
 
+}
 
+@font-face{
 
+font-family:'openSans';
 
+src: url('../fonts/OpenSans-Light.ttf');
 
+-webkit-font-smoothing: antialiased;
 
+}
 
+html, body{
 
+font-family:'openSans';
 
+font-size: 14px;
 
+margin: 0;
 
+padding: 0;
 
+height: 100%;
 
+}
 
+
 
+/*		NAV		*/
 
+.home{
 
+	width: 100%;
 
+	height: 400px;
 
+	background-size: cover;
 
+	background-image: url('../images/home.jpg');
 
+	margin-left: 0;
 
+	margin-top:0;
 
+	font-family:'raleway';
 
+	-webkit-text-stroke: 0.3px;
 
+}
 
+.navbar{
 
+	margin: 0;
 
+	background-color: white;
 
+	width: 100%;
 
+	height: 50px;
 
+	text-align: right;
 
+	-webkit-box-shadow: 0 2px 10px 8px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 10px 8px rgba(0,0,0,0.2);
 
+
 
+}
 
+.navlist{
 
+font-size: 22px;
 
+margin:0;
 
+list-style-type: none;
 
+}
 
+
 
+.navlist a{
 
+text-decoration: none;
 
+text-transform: uppercase;
 
+color: #6E7679;
 
+}
 
+.navlist li{
 
+vertical-align: middle;
 
+display : inline;
 
+margin: 0 10px;
 
+
 
+}

BIN
fonts/OpenSans-Light.ttf
View File


BIN
fonts/Raleway-Thin.otf
View File


BIN
images/home.jpg
View File


+ 18 - 0
index.html
View File 

@@ -0,0 +1,18 @@
 
+<!doctype html>
 
+<head>
 
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+	<link type="text/css" rel="Stylesheet" href="css/home.css" />
 
+	<title>Ventura & Inama - Code & Design</title>
 
+</head>
 
+<body>
 
+	<div class="home">
 
+		<div class="navbar">
 
+			<ul class="navlist">
 
+				<li><a href="#home">inicio</a></li>
 
+				<li><a href="#us">nosotros</a></li>
 
+				<li><a href="#work">lo que hacemos</a></li>
 
+				<li><a href="#home">contacto</a></li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+</body>