You are on page 1of 6

<!

DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="">

<meta name="author" content="">

<title>PAMPA BAJA - Bootstrap Template</title>

<!-- Bootstrap core CSS -->

<link href="bootstrap/css/theme.css" rel="stylesheet">

<!-- Custom styles for this template -->


<link href="style.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
queries -->

<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100'
rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Raleway:300,700,900,500'
rel='stylesheet' type='text/css'>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-


awesome/4.4.0/css/font-awesome.min.css">

<link rel="stylesheet" href="assets/css/pushy.css">


<link rel="stylesheet" href="assets/css/masonry.css">

<link rel="stylesheet" href="assets/css/animate.css">


<link rel="stylesheet" href="assets/css/magnific-popup.css">

<link rel="stylesheet" href="assets/css/odometer-theme-default.css">


<script>

window.odometerOptions = {
selector: '.odometer',
format: '(,ddd)', // Change how digit groups are formatted, and how many
digits are shown after the decimal point
duration: 13000, // Change how long the javascript expects the CSS
animation to take
theme: 'default'
};
</script>
</head>
<body class="">
<!-- Pushy Menu -->
<nav class="pushy pushy-left">
<ul class="list-unstyled">
<li><a href="#INICIO">INICIO</a></li>
<li><a href="#feat">CONTENIDO</a></li>
<li><a href="#INTEGRANTES">INTEGRANTES</a></li>
<li><a href="#history">DISTRIBUCION DE LA PLANTA</a></li>
<li><a href="#FOTOS">EXTRAS-¿CUANDO CONSUMIR EL AGUACATE COCKTAIL?
</a></li>
<li><a href="#contact">ACERCA DEL DUEÑO</a></li>
<li><a href="https://www.facebook.com/josealonzo.vivancoschecya"
target="_blank">autor xD</a></li>
</ul>
</nav>

<!-- Site Overlay -->


<div class="site-overlay"></div>

<header id="INICIO">
<div class="container-fluid">
<!-- change the image in style.css to the class header .container-
fluid [approximately row 50] -->
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-10">
<a href="#" class="thumbnail logo">
<img src="images/your_logo.png" alt="" class="img-
responsive">
</a>
</div>
<div class="col-md-1 col-md-offset-8 col-xs-2 text-center">
<div class="menu-btn"><span
class="hamburger">&#9776;</span></div>
</div>
</div>
<div class="jumbotron">
<h1><strong>PALTA PITLESS</strong></h1>
</br>
<strong></strong></h1>

<p></br>
<strong> INTRODUCING THE AVOCADO YOU NEVER KNEW YOU NEEDED. OUR NEW AVOCADOS
DON’T HAVE A STONE AND ARE COMPLETELY EDIBLE "YES, INCLUDING THE SKIN"<strong></p>
<p><a class="btn btn-primary btn-lg" role="button">TO
BUY</a> <a target="_blank" href="#INICIO" class="btn btn-lg btn-danger"
role="button">MORE INFORMATION</a></p>
</div>
</div>
</div>
</header>
<section id="feat">
<div class="container">
<div class="row features">
<div class="col-md-4 text-center wow fadeInUp" data-wow-
delay="100ms">
<span class="typcn typcn-pencil x3"></span>
<h4>FINO, DELICADO Y CREMOSO</h4>
<p>El aguacate Cocktail o Dátil tiene el tamaño y la forma
de un dedo, sin hueso central, de sabor fino y delicado proviene de árboles de la
variedad “Fuerte”, es un fruto poco común.

Posee una fina piel comestible que puede variar desde el púrpura oscuro, casi
negro, al verde brillante. La pulpa es cremosa y del color de la mantequilla, de
delicioso sabor es ideal para su utilización en pequeños canapés.</p>
</div>
<div class="col-md-4 text-center wow fadeInUp" data-wow-
delay="300ms">
<span class="typcn typcn-camera-outline x3"></span>
<h4>FOTOS</h4>
<p>La mejor época para el consumo del aguacate cocktail son
los meses: junio, julio, agosto, septiembre y octubre.</p>
</div>
<div class="col-md-4 text-center wow fadeInUp" data-wow-
delay="500ms">
<span class="typcn typcn-bookmark x3"></span>
<h4>DID YOU KNOW?</h4>
<p>For many Latin Americans, removing the seed of an
avocado is a matter of taking a knife, sticking its blade into it and extracting it
in an accurate movement, but for some Europeans, this task ends in a deep wound in
the hand.</p>
</div>
</div>
</div>
</section>
<section id="INTEGRANTES" class="number wow fadeInUp" data-wow-
delay="300ms">
<!-- change the image in style.css to the class .number .container-
fluid [approximately row 102] -->
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-6 opaline col-md-offset-6">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<h3>PAMPA BAJA</h3>

<p>“We’ve had the mini, the giant, ready sliced and we’re<br>now launching the holy
grail of avocados – stoneless. <br>This amazing fruit has been on our radar for a
couple of years <br>and we’re very excited to have finally been able to get<br>hold
of some for our customers to try.”<br></p>
</div>
</div>
<div class="container">
<div class="row">
</a>
</div>
</div>
</div>
</section>
<section class="clients wow fadeInUp" data-wow-delay="300ms">
<div class="container">
<div class="row">
</div>
</div>
</div>
</section>
<section id="history" class="story wow fadeInUp" data-wow-delay="300ms">
<!-- change the image in style.css to the class .story .container-fluid
[approximately row 141] -->
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-6 opaline">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<p class="lead"><i>DISTRIBUCION DE LA PLANTA DE
FABRICACION DE MACETAS DE CEMENTO.</i></p>
<p><i>El lugar donde se fabrican las macetas
esta dividido en 5 partes: Una es el almacen de la arena; dos son para el proceso
en si en cada uno de estos hay 2 trabajadores,dentro de estos se encuentran los
moldes y todas las demas herramientas de trabajo; luego tenemos el area de acabado
donde se dan los ultimos retoques y por ultimo tenemos el almacen del producto
terminado que despues sera enviado a distintas empresas pero tambien funciona a la
vez como almacen de cemento para mayor seguridad.</i></p>
<a class="btn btn-danger btn-lg" href="#">Mira el croquis <i class="fa fa-arrow-
circle-o-right"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="FOTOS" class="gallery wow fadeInUp" data-wow-delay="300ms">
<div class="container">
<div class="row">
<div class="masonry image-gallery">
<div class="grid-sizer"></div>
<div class="gutter-sizer"></div>
<div class="item item-width2">
<a href="images/extra0.jpg">
<img src="images/extra0.jpg" alt="" />
</a>
</div>
<div class="item">
<a href="images/extra4.jpg">
<img src="images/extra4.jpg" alt="" />
</a>
</div>
<div class="item">
<a href="images/extra5.jpg">
<img src="images/extra5.jpg" alt="" />
</a>
</div>
<div class="item">
<a href="images/extra6.jpg">
<img src="images/extra6.jpg" alt="" />
</a>
</div>
<div class="item">
<a href="images/extra1.jpg">
<img src="images/extra1.jpg" alt="" />
</a>
</div>
<div class="item">
<a href="images/extra3.jpg">
<img src="images/extra3.jpg" alt="" />
</a>
</div>
<div class="item item-width2">
<a href="images/extra2.jpg">
<img src="images/extra2.jpg" alt="" />
</a>
</section>
<section id="contact" class="prefooter wow fadeInUp" data-wow-delay="300ms">
<!-- change the image in style.css to the class .prefooter .container-
fluid [approximately row 154] -->
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-8">
<h3>DUEÑO PRODUCTOR Y PROVEEDOR<br> CLAUDIO RAMOS</h3>
<p>Claudio Ramos tiene 32 años empezó desde hace ya
varios años a producir diferentes tipos de macetas de cemento de forma artesanal
sus trabajadores al igual que el abrieron sus propias empresas en otros
departamentos. Actualmente es proveedor de diferentes maceterias del avelino de
Arequipa y de diversos viveros, Cludio demuestra su arte atravez de sus
macetas.<br>DIRECCION:SEMIRURAL PACHACUTEC-AREQUIPA</p>
<div class="row">
<div class="col-md-6">
<br>
<a
href="https://www.facebook.com/claudio.ramos.18062533?fref=nf" target="_blank"><img
src="images/imagen.png" width="50" height="50"></a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-8">
<h3>INGENIERIA INDUSTRIAL-UNSA</h3>
<p>© 2017 GRACIAS POR LEER ☺</a></p>
</div>
<div class="col-md-4">
<img src="images/your_logo.png"/>
</i></p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-
bootstrap/2.0.4/js/bootstrap-scrollspy.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="http://masonry.desandro.com/masonry.pkgd.js"></script>
<script src="assets/js/masonry.js"></script>
<script src="assets/js/pushy.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/odometer.js"></script>
</body>
</html>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-34344036-1', 'auto');


ga('send', 'pageview');

</script>

You might also like