Texto por encima de la pagina
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="http://www.promocionatupagina.com">Titulo</a>
<ul class="nav">
<li class="active"><a href="http://www.promocionatupagina.com">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span16" id="contenedor">
<div class="row">
<div class="span16" id="header">
<h1 id="titulo">Titulo</h1>
<h3>Slogan</h3>
</div>
</div>
<div class="row">
<div class="span11" id="contenido">
<h2>pro template</h2>
<p>
Texto por debajo de la pagina
</p>
</div>
<div class="span4" id="sidebar">
<ul class="media-grid">
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
<li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li>
</ul>
<hr />
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<hr />
Algun texto aqui <img src="http://theme.webme.com/smiles/wink.gif" border="0">
Template por <a target="_BLANK" href="http://buzzdungeon.es.tl" >Buzzdungeon</a>
</div>
</div>
</div>
</div>
</div>
Css sin style tags
</style>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<style>
html, body{
background: #eee repeat;
margin:0 0 30px 0;
}
#header{
min-height:50px;
border-bottom:1px solid #dddddd;
background:#f5f5f5;
-webkit-border-radius:3px 3px 0 0;
-khtml-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
h1{
padding:5px 0 0 5px;
margin:0;
}
h2{
padding:5px 0 0 5px;
margin:0;
}
h3{
padding:5px 0 0 5px;
margin:-5px 0 0 0;
}
#contenedor{
background:#fff;
border:1px solid #dddddd;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow:0 3px 5px gray;
}
.span11, .span4{
min-height:200px;
}
#contenido{
padding:0 10px;
}
#sidebar{
padding:8px;
margin:8px 0 8px 0;
border-left:1px solid #e8e8e8;
}
#sidebar hr{
width:270px;
}
.media-grid{
margin:0 auto;
width:300px;
}
button, input[type="submit"]{
color:#ffffff;
background-color:#0064cd;
background-repeat:repeat-x;
background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image:-moz-linear-gradient(top, #049cdb, #0064cd);
background-image:-ms-linear-gradient(top, #049cdb, #0064cd);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);
background-image:-o-linear-gradient(top, #049cdb, #0064cd);
background-image:linear-gradient(top, #049cdb, #0064cd);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
border-color:#0064cd #0064cd #003f81;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
margin:5px 0 0 0;
}
table[height="102"]{
margin:40px auto -10px auto;
width:700px;
}
table, table th + th, table td + td, table tr + tr td{
border: 0;
}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}