Skip to content

Commit

Permalink
Merge pull request #1 from VaneQiuta777/Vanessa
Browse files Browse the repository at this point in the history
añadiendo header html y css
  • Loading branch information
VaneQiuta777 authored Nov 28, 2017
2 parents 7fba496 + 97cd10e commit 45ded78
Show file tree
Hide file tree
Showing 2 changed files with 69 additions and 16 deletions.
56 changes: 48 additions & 8 deletions css/main.css
Original file line number Diff line number Diff line change
@@ -1,23 +1,63 @@
/*
* Estilos de tu proyecto
*/
*, body {
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
margin: 0;
padding: 0;
background: pink;
font-size: 22px;
font-family: 'Source Sans Pro', sans-serif;
}
.containerHeader {
background-color: yellow;
border: 1px solid red;
width: 100%;
height: 100%;
height: 250px;
}
#laboratoriaNav {
height: 40%;
width: 100%;
background-color: lightcyan;
}
.logoLaboratoria {
float: left;
margin-left: 50%;
transform: translateX(-50%);
padding: 25px;
}
.iconoMenu {
float: right;
margin-right: 70px;
padding: 30px;
background-color: rebeccapurple;
}
#menuNav {
padding: 45px;
background-color: orange;
height: 60%;
width: 100%;
background-color: #e1e1e1;
}
h1 {
padding: 15px;
margin: 0 0 10px 80px;
letter-spacing: 1px;
font-size: 30px;
}
.subMenuPrincipal {
float: left;
margin-left: 85px;
padding: 10px;
letter-spacing: 1px;
font-weight: bolder;
}
.subMenu {
float: left;
margin-left: 15px;
padding: 10px;
font-weight: bolder;
}
.containerMain {
height: 800px;
border: 2px solid green;
}
29 changes: 21 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,23 +3,36 @@
<head>
<meta charset="utf-8">
<link href="http://designers.hubspot.com/hs-fs/hub/327485/file-2054199286-css/font-awesome.css"En Inglés rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<title>Data Dashboard</title>
</head>
<body>
<header>
<section class="containerHeader"></section>
<section class="containerHeader">
<nav id="laboratoriaNav">
<div class="logoLaboratoria"></div>
<div class="iconoMenu"><i class="fa fa-bars" aria-hidden="true"></i></div>
<div class="logoLaboratoria">
<img src="../assets/images/logo-laboratoria.svg" class="imgSVG" alt="imagen SVG" title="Logo Labo"/>
</div>
<div class="iconoMenu"><i class="fa fa-bars fa-lg" aria-hidden="true"></i></div>
</nav>
<nav id="menuNav">
<h1>SANTIAGO DE CHILE 2017-II <i class="fa fa-sort-desc fa-2x" aria-hidden="true"></i></i></h1>
<div class="submenu">OVERVIEW</div>
<div class="submenu">STUDENTS</div>
<div class="submenu">TEACHERS</div>
<div class="menuPrincipal">
<h1>SANTIAGO DE CHILE 2017-II <i class="fa fa-sort-desc fa-2x" aria-hidden="true"></i></i></h1>
</div>
<div class="subMenuPrincipal">OVERVIEW</div>
<div class="subMenu">STUDENTS</div>
<div class="subMenu">TEACHERS</div>
</nav>
</header>
</section>
</header>
<main>
<section class="containerMain">

</section>
</main>


<!-- Base de datos -->
<script src="./js/data.js"></script>
<!-- Aquí va tus archivos JS -->
Expand Down

0 comments on commit 45ded78

Please sign in to comment.