diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 183 |
1 files changed, 183 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..36d88bf --- /dev/null +++ b/index.html @@ -0,0 +1,183 @@ +<!DOCTYPE html> +<html lang="es"> +<head> +<meta charset="UTF-8"> +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<title>Sitio Libre escrito con Bootstrap</title> +<link rel="stylesheet" href="./css/bootstrap.css"> +<link rel="stylesheet" href="./css/estilos.css"> +<link rel="shortcut icon" href="./images/favicon.png"> +</head> +<body> +<header> + <nav class="navbar navbar-inverse navbar-static-top"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacion-fm"> + <span class="sr-only">Desplegar / Ocultar Menu</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a href="#" class="navbar-brand">Libre</a> + </div> + <!-- Inicia Menu --> + <div class="collapse navbar-collapse" id="navegacion-fm"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Inicio</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Categorias <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Categoria #1</a></li> + <li class="divider"></li> + <li><a href="#">Categoria #2</a></li> + <li><a href="#">Categoria #3</a></li> + <li><a href="#">Categoria #4</a></li> + </ul> + </li> + <li><a href="#">Blog</a></li> + <li><a href="#">Contacto</a></li> + </ul> + <form action="#" method="get" class="navbar-form navbar-right" role="search"> + <div class="form-group"> + <input type="text" class="form-control" placeholder="buscar"> + </div> + <button type="submit" class="btn btn-primary"> + <span class="glyphicon glyphicon-search"></span> + </button> + </form> + </div> + </div> + </nav> +</header> +<section class="jumbotron-dbs"> + <h1>Sitio Libre | Bootstrap</h1> + <p class="tituloheader">Sitio web construido con Bootstrap</p> +</section> +<section class="main container"> + <h6 class="espacio-libre"> </h6> + <div class="row"> + <section class="posts col-md-9"> + <h6 class="espacio-libre"> </h6> + <ol class="breadcrumb"> + <li><a href="#">Inicio</a></li> + <li><a href="#">Categorias</a></li> + <li class="active">Diseño Web</li> + </ol> + <article class="post clearfix"> + <a href="#" class="thumb pull-left"> + <img class="img-thumbnail" src="images/gnewsense.png" alt="gnewsense"> + </a> + <h2 class="post-title"> + <a href="#">Gnewsense</a> + </h2> + <p><span class="post-fecha">9 de Febrero de 2017</span> por <span class="post-autor"><a href="#">Jesús Eduardo</a></span></p> + <p class="post-contenido text-justify"> + GNewSense es una distribución GNU/Linux completamente de software Libre. El software libre es software que respeta su libertad. Puede utilizar sin licencias restrictivas, hacer copias para sus amigos, en la escuela o en el negocio. + </p> + <div class="contenedor-botones"> + <a href="#" class="btn btn-primary">Leer Mas</a> + <a href="#" class="btn btn-success">Comentarios <span class="badge">20</span></a> + </div> + </article> + <article class="post clearfix"> + <a href="#" class="thumb pull-left"> + <img class="img-thumbnail" src="images/parabola.png" alt="parabola"> + </a> + <h2 class="post-title"> + <a href="#">Parabola GNU</a> + </h2> + <p><span class="post-fecha">4 de Febrero de 2017</span> por <span class="post-autor"><a href="#">Dash</a></span></p> + <p class="post-contenido text-justify"> + Parabola GNU/Linux-libre es una distribución de Linux para los ordenadores con el i686 y x86-64 arquitecturas. Se basa en Arch Linux, y para la arquitectura ARMv7 basado en Arch Linux ARM, pero sólo utiliza el software libre. + </p> + <div class="contenedor-botones"> + <a href="#" class="btn btn-primary">Leer Mas</a> + <a href="#" class="btn btn-success">Comentarios <span class="badge">20</span></a> + </div> + </article> + <article class="post clearfix"> + <a href="#" class="thumb pull-left"> + <img class="img-thumbnail" src="images/trisquel.png" alt="trisquel"> + </a> + <h2 class="post-title"> + <a href="#">Trisquel</a> + </h2> + <p><span class="post-fecha">1 de Febrero de 2017</span> por <span class="post-autor"><a href="#">Yui</a></span></p> + <p class="post-contenido text-justify"> + Trisquel GNU/Linux es un sistema operativo totalmente libre para usuarios domésticos, pequeñas empresas y centros educativos. + </p> + <div class="contenedor-botones"> + <a href="#" class="btn btn-primary">Leer Mas</a> + <a href="#" class="btn btn-success">Comentarios <span class="badge">20</span></a> + </div> + </article> + <nav> + <div class="center-block"> + <ul class="pagination"> + <li class="disabled"><a href="#">«<span class="sr-only">Anterior</span></a></li> + <li class="active"><a href="#">1</a></li> + <li><a href="#">1</a></li> + <li><a href="#">2</a></li> + <li><a href="#">3</a></li> + <li><a href="#">4</a></li> + <li><a href="#">5</a></li> + <li><a href="#">» <span class="sr-only">Siguiente</span></a></li> + </ul> + </div> + </nav> + </section> + <aside class="col-md-3 hidden-xs hidden-sm"> + <h4>Categorias</h4> + <div class="list-group"> + <a href="#" class="list-group-item active">Diseño Web</a> + <a href="#" class="list-group-item">CSS</a> + <a href="#" class="list-group-item">Cursos</a> + <a href="#" class="list-group-item">Desarrollo Web</a> + <a href="#" class="list-group-item">Elementos Web</a> + <a href="#" class="list-group-item">Jquery</a> + <a href="#" class="list-group-item">Recursos y Herramientas</a> + </div> + <h4>Articulos Recientes</h4> + <a href="#" class="list-group-item"> + <h4 class="list-group-item-heading">Gnewsense</h4> + <p class="list-group-item-text"> + GNewSense es una distribución GNU/Linux completamente de software de Libre. + </p> + </a> + <a href="#" class="list-group-item"> + <h4 class="list-group-item-heading">Parabola GNU</h4> + <p class="list-group-item-text"> + Parabola GNU/Linux-libre es una distribución de Linux para los ordenadores con el i686 y x86-64 arquitecturas. + </p> + </a> + <a href="#" class="list-group-item"> + <h4 class="list-group-item-heading">Trisquel</h4> + <p class="list-group-item-text"> + Trisquel GNU/Linux es un sistema operativo totalmente libre para usuarios domésticos, pequeñas empresas y centros educativos. + </p> + </a> + </aside> + </div> +</section> +<footer> + <div class="container"> + <div class="row"> + <div class="col-xs-6"> + <p>Sitio Libre escrito con Bootstrap © 2015 - <span id="year"></span></p> + </div> + <div class="col-xs-6"> + <ul class="list-inline text-right"> + <li><a href="#">Inicio</a></li> + <li><a href="#">Cursos</a></li> + <li><a href="#">Contacto</a></li> + </ul> + </div> + </div> + </div> +</footer> +<script src="./js/jquery-2.1.1.min.js"></script> +<script src="./js/bootstrap.js"></script> +<script src="./js/fecha.js"></script> +</body> +</html> |