Skip to content

Instantly share code, notes, and snippets.

@felipecabargas
Created May 13, 2013 16:46
Show Gist options
  • Save felipecabargas/5569697 to your computer and use it in GitHub Desktop.
Save felipecabargas/5569697 to your computer and use it in GitHub Desktop.
Clase 3 Taller Colaborativo
<html>
<head>
<title>Taller Web Development</title>
<link href="general.css" rel="stylesheet" media="all">
</head>
<body>
<div class="sidebar" id="leftsidebar">
<h3>Sitio Web</h3>
<hr />
<p> 2013 &copy; Todos los derechos reservados.<p>
</div>
<div class="content">
<h1>Titular 1</h1>
<h2>Titular 2</h2>
<h3>Titular 3</h3>
<h4>Titular 4</h4>
<h5>Titular 5</h5>
<h6>Titular 6</h6>
<p>Parrafo</p>
</div>
<div class="sidebar" id="rightsidebar">
<ul>
<li><a href="http://google.com">Google</a></li>
<li><a href="http://yahoo.com">Yahoo!</a></li>
<li><a href="http://bing.com">Bing</a></li>
<li><a href="http://duckduckgo.com">DuckDuckGo</a></li>
</ul>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
body{
color: black; /*Color de fuente*/
font-family: Helvetica;
}
a, a:visited{
text-decoration: none;
color: #272727;
}
a:hover{
color: #FFF;
}
.sidebar{
background: #BADA55; /*Color de fondo*/
width: 20%; /*ANCHO*/
height: 100%; /*LARGO*/
padding: 20px;
}
.content{
padding: 50px;
float: left;
}
#leftsidebar{
float: left;
}
#rightsidebar{
float: right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment