Codigo de Layound

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Herramientas Responsivas</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
<header>
<nav class="navbar navbar-inverse navbar-static-top"

role="navigations">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#navegation-fm">
<span class="sr-only">Desplegar / Ocultar Menu</span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">FalconMasters</a>
</div>


<div class="collapse navbar-collapse" id="navegation-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>
#2</a></li>
#3</a></li>
#4</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<form action="" 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">
<div class="container">
<h1>FalconMasters Blog</h1>
<p>Blog de dise�o web</p>
</div>
</section>
<section class="main container">

<div class="row">
<section class="posts col-md-9">
<div class="miga-de-pan">
<ol class="breadcrumb">
<li><a href="#">Inicio</a></li>
<li><a href="#">Categorias</a></li>
<li class="active">Dise�o Web</a></li>
</ol>
</div>
<article class="post clearfix">

<a href="#" class="thumb pull-left">
<img class="img-thumbnail"src="img/HTML.jpg"
alt="">
</a>
<h2 class="post-title">
<a href="#">Inicia proyectos HTML5 mas rapido
con Initializr</a>
</h2>
<p><span class="post-fecha">30 de Septiembre de
2018</span> por <span class="post-autor"><a href="#">Alejandra
Herrera</a></span></p>
<p class="post-contenido text-justify">
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo
consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</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>

<img class="img-
thumbnail"src="img/plantilla.jpg" alt="">
</a>
con Initializr</a>
</h2>
</p>
mas</a>
</div>
</article>

<img class="img-thumbnail"src="img/curor de
css.jpg" alt="">
</a>
con Initializr</a>
</h2>
</p>
mas</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>
</ul>
</div>
</nav>
</section>
</div>
</section>
<script src="../js/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

Codigo de Layound

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Codigo de Layound

Caricato da

Copyright:

Formati disponibili

<!

<nav class="navbar navbar-inverse navbar-static-top"

<form action="" class="navbar-form navbar-right"

<section class="main container">

<article class="post clearfix">

<article class="post clearfix">

<article class="post clearfix">

Potrebbero piacerti anche