Pagina 27

CODIGO
</head>
<body background="img/ttt.jpg">

<nav class="navbar navbar-expand-md navbar-light bg-warning">
<div class="container">
<a class="navbar-brand"
href="file:///E:/WEB%20NOCHE/PAGINA%2026/index.html"> Restaurant "Maestro" -
Website</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarNav" aria-controls="navbarNav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#pagina principal">Pagina
Principal</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#especialidades">Especialidades</a>
</li>
</ul>
</div>
</div>
</nav>


<header id="inicio">
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<div class="arriba">
<img src="img/platos-tipicos-bolivia.jpg" class="w-100
rounded">
</div>
</div>
<div class ="col-md-6 text-warning">
<div class="derecha">
<h1 class="display-4">LO MEJOR DE BOLIVIA</h1>
<p class="mt-3 text-justify"> Lorem ipsum dolor sit
amet, concectetur adipisicing eit. Aspernatur reprllat dolorem quo fugiat voluptates culpa
corporis modi quibusdam quod. Explicabo rem mollitia! Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Unde voluptates magnam quis illum perferendis rem maxime, ab
ipsam</p>
<a href="pagina 24/index.html" class="btn btn-
outline-warning btn-lg mt-2 btn-block header-btn"><b>Volver a pagina Principal</b></a>
</div>
</div>
</div>
</div>
<div class="izquierda bg-warning text-center text-secondary
text-justify mt-2 p-4">
<h1>¿LO MEJOR DEL TERRITORIO BOLIVIANO ESTA
AQUI?</h1>
</div>
<div class ="row text-dark mt-2 p-4">
<div class="col-md-6 text-warning">
<div class ="aparece">
<p> Chicharron Cochabambino </p>
<p> Lapping Cochabambino </p>
<p> Silpancho Cochabambino </p>
<p> Piquemacho Cochabambino </p>
<p> Chairo Paceño</p>
<p> Plato Paceño</p>
<p> Fricase Paceño</p>
<p> Thimpu Paceño</p>
<p> Jhullka Paceño</p>
</div>
</div>
<div class="aparece">
<p> Charquekan Orureño</p>
<p> Mondongo Chuquisaqueño</p>
<p> Chorizo Chuquisaqueño</p>
<p> Saice Tarijeño</p>
<p> Majadito Cruceño</p>
<p> Chenka de Pollo Cruceño</p>
<p> Picante de Gallina Cruceño</p>
<p> Cuñape Pandino</p>
<p> Sonsho Beniano</p>
</div>
</div>
</div>
</div>
</header>


<main id ="especialiades">
<div class=" derecha">
<div class="container bg-warning">
<div class="container text-secontady text-center mt-3 p-4">
<h1>ESPECIALIDADES DE COMIDA BOLIVIANA</h1>
</div>
</div>
</div>
<div class ="row">
<div class="main-zquierda">
<h1 class ="display-4 text-center">Piquemacho
Cochabambino</h1>
<p class="mt-3 text-justify">Lorem ipsum dolor
sit amet, concectetur adipisicing eit. Aspernatur reprllat dolorem quo fugiat voluptates culpa
ipsam</p>
<a href="formulario.html" class ="btn btn-
outline-warning btm-lg mt-2 btn-block"><b>Contactenos</b></a>
</div>
</div>
<div class="abajo-2">
<img src="img/pique macho.jpg" width="468
height="250 class="text-center mt-3 img-fluit rounded-circle">
</div>
</div>
<div class ="col-md-6">
<div class ="arriba-2">
<img src="img/chicharron.png" width="468"
height="250" class="mt-3 img-fluit rounded-circle">
</div>
</div>
<div class="main derecha">
<h1 class="display-4 text-center">Chicharron
Cochabambino</h1>
<p class="mt-3 text-justify">Lorem ipsum dolor sit
ipsam</p>
<a href="formulario.html" class ="btn btn-outline-
warning btn-lg mt-2 btn-block"><b>Contactenos</b></a>
</div>
</div>
<h1 class ="display-4 text-center">Lapping
Cochabambino</h1>
ipsam
</p>
<a href="pagina 24/index.html" class="btn btn-
outline-warning btn-lg mt-2 btn-block"><b>Volver a la Pagina Principal</b></a>
</div>
</div>
<div class ="izquierda">
<img src="img/lapping.jpg" width="468" height="250"
class="text-center mt-3 img-fluit rounded-circle">
</div>
</div>
<div class="izquierda">
<img src="img/fricase.jpg"width="468" height="250"
class=" mt-3 img-fluit rounded-circle">
</div>
</div>
<h1 class="display-4 text-center">Fricase Paceño</h1>
ipsam</p>
<a href="pagina 24/index.html" class="btn btn-outline-
warning ine btn-lg mt-2 btn-block"><b>Volver a Pagina Principal</b></a>
</div>
</div>
</div>
<div class="row">
<div class="main-izquierda">
<h1 class="display-4 text-center">Chairo Paceño</h1>
ipsam</p>
<a href="fomulario.html" class="btn btn-outline-
warning btn-lg mt-2 btn-block"><b>contactenos</b></a>
</div>
</div>
<div class="abajo-2">
<img src="img/Chairo Paceño.jpg" width="468"
height="250" class="text-center mr-3 img-fluit rounded-circle">
</div>
</div>
<div class="col-md-6">
<div classs="ariba-2">
<img src="img/chorizo.jpg" width="468" height="250"
class="mt-3 img-fluid rounded-circle">
</div>
</div>
<div class="main-dercha">
<h1 class="display-4 text-center">Chorizo
Chuquisaqueño</h1>
<p clss="mt-3 text-justify">Lorem ipsum dolor sit amet,
concectetur adipisicing eit. Aspernatur reprllat dolorem quo fugiat voluptates culpa corporis
modi quibusdam quod. Explicabo rem mollitia! Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Unde voluptates magnam quis illum perferendis rem maxime, ab ipsam</p>
<a href="fomulario.html" class="btn btn-outline-
warning btn-lg mt-2 btn-block"><b>Contactenos</b></a>
</div>
</div>
</div>
<div class="container text-center mt-2">
<div class="btn-group btn-group-lg btn-group-block">
<button type="button" class="btn btn-warning">
<a class="nav-link" href="pagina
24/index.html">Pagina Principal</a>
</button>
<a class="nav-link" href="#inicio">Inicio</a>
</button>
<a class="nav-link"
href="#especialidades">Especialidades</a>
</button>
</div>
</div>
</div>
</main>


<di class="jumbotrom bg-dark text-center text-warning">
<h1 class="display-4">RESTAURANT MAESTRO</h1>
<h1>+591 2412153</h1>
<p class="lead">Copyright ©RESTAURANTE MAESTRO - LA
PAZ - BOLIVIA - TODOS LOS DERECHOS RESERVADOS</p>
</di>



<script>
window.sr = ScrollReveal();
sr.reveal ('.navar’,{
duration: 5000,
origin:´boton´
});
sr.reveal ('.arriba',{
duration: 2000,
origin:´top´,
distance: ´300px´
});
sr.reveal ('.derecha',{
duration: 2000,
origin:´right´,
distance: ´300px´
});
sr.reveal ('.header-btn',{
duration: 2000,
origin:´bottom´,
delay: 1000
});
sr.reveal ('.izquierda',{
duration: 2000,
origin:´letf´,
distance: ´300px´,
viewFactor: 0.2
});
sr.reveal ('.aparece',{
duration: 5000,
origin:‘boton’,
});
sr.reveal ('.abajo-2',{
duration: 2000,
origin:‘bottom’,
distance: ‘600px’
});
sr.reveal ('.abajo-2',{
duration: 2000,
origin:‘top’,
distance: ‘600px’
});
</script>



<script>
document.querySelectorAll(´a[href^="#"]´).forEach(anchor
=>{anchor.addEventListener(´click´, function(e){e.preventDefault();
document.querySelector(this.getAttribute(´href´)).scrollitoVi
({
behavior:´smooth´
});
});
});
</script>

Pagina 27

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Pagina 27

Uploaded by

Copyright:

Available Formats

CODIGO

You might also like