"Pilar-CasaDaOma"
Bootstrap 4.1.1 Snippet by psd06t

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <title>Casa Da Oma - Home</title> <!-- define a viewport --> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <meta charset="utf-8"> <!-- adicionar CSS Bootstrap --> <!--link href="http://www.casadaoma.com.br/casadaoma/bootstrap3/css/bootstrap.min.css" rel="stylesheet" media="screen"--> <!-- css personalizado --> <link href="http://www.casadaoma.com.br/casadaoma/bootstrap3/css/estilo.css" rel="stylesheet" media="screen"> </head> <body> <div class="container"> <div class="row"> <div class="jumbotron"> <h1 class="text-center">Casa da Oma</h1> </div> </div> </div> <div class="container"> <div class="row"> <nav class="navbar navbar-default"> <div class="container"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Produtos<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-bolos.html">Bolos</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-tdoces.html">Tortas Doces</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-rdoces.html">Roscas Doces</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-rsalg.html">Roscas Salgadas</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-pao.html">Pão de Sal</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/prod-doces.html">Doces Variádos</a></li> </ul> </li> <li><a href="http://www.casadaoma.com.br/casadaoma/clientes.html">Clientes</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/pedidos.html">Pedidos</a></li> <li><a href="http://www.casadaoma.com.br/casadaoma/contato.html">Contato</a></li> </ul> </div> </nav> </div> </div> <div class="container"> <div class="row"> <div class="col-xs-12"> <blockquote class="blockquote-reverse"> <p><strong>Oma</strong> significa <strong>vovó</strong> em alemão. Sendo assim, a <strong>Casa da Oma</strong> é aquele lugar que todo mundo gosta de ir para comer as coisas gostosas que as vovós sabem fazer como ninguém!</p> <footer>Pilar Urban - Proprietária</footer> </blockquote> </div> </div> </div> <div class="container"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="http://www.casadaoma.com.br/casadaoma/imgs/bolo-kitkat.jpg" alt="Bolos" width="230" height="172,5"> <div class="carousel-caption"> <h3>Bolos</h3> <p>Bolo de Kit-Kat</p> </div> </div> <div class="item"> <img src="http://www.casadaoma.com.br/casadaoma/imgs/bolo-yogurte.jpg" alt="Bolos" width="230" height="172,5"> <div class="carousel-caption"> <h3>Bolos</h3> <p>Bolo de Yogurte</p> </div> </div> <div class="item"> <img src="http://www.casadaoma.com.br/casadaoma/imgs/rosca-nutella.jpg" alt="Roscas" width="230" height="172,5"> <div class="carousel-caption"> <h3>Roscas</h3> <p>Rosca de Nutella</p> </div> </div> <div class="item"> <img src="http://www.casadaoma.com.br/casadaoma/imgs/cupcake-salgado.jpg" alt="Cupcakes" width="230" height="172,5"> <div class="carousel-caption"> <h3>Cupcakes</h3> <p>Cupcake salgado</p> </div> </div> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <!--script src="http://www.casadaoma.com.br/casadaoma/bootstrap3/js/jquery-1.11.1.min.js"></script--> <!--script src="http://www.casadaoma.com.br/casadaoma/bootstrap3/js/bootstrap.min.js"></script--> <!--script src="http://www.casadaoma.com.br/casadaoma/bootstrap3/js/main.js"></script--> </body> </html>

Related: See More

Bootstrap Wizard

Questions / Comments: