diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 344 |
1 files changed, 172 insertions, 172 deletions
@@ -1,181 +1,181 @@ <!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> + <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> - </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"> + <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> - <button type="submit" class="btn btn-primary"> - <span class="glyphicon glyphicon-search"></span> - </button> - </form> - </div> - </div> - </nav> -</header> -<section class="jumbotron-dbs"> - <h1 class="encuadre">Sitio Libre | Bootstrap</h1> - <p class="encuadre tituloheader">Sitio web construido con Bootstrap</p> -</section> -<div class="main container"> - <div class="row"> - <div class="posts col-md-9"> - <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> - </div> - <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> -</div> -<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> + </header> + <section class="jumbotron-dbs"> + <h1 class="encuadre">Sitio Libre | Bootstrap</h1> + <p class="encuadre tituloheader">Sitio web construido con Bootstrap</p> + </section> + <div class="main container"> + <div class="row"> + <div class="posts col-md-9"> + <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> + </div> + <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> </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> + <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> |