<!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.0">
<title>La Pieza.DO | Todo lo que buscas!</title>
<!-- icofont-css-link -->
<link rel="stylesheet" href="css/icofont.min.css">
<!-- Owl-Carosal-Style-link -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- Bootstrap-Style-link -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Aos-Style-link -->
<link rel="stylesheet" href="css/aos.css">
<!-- Coustome-Style-link -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-Style-link -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
<!-- Page-wrapper-Start -->
<div class="page_wrapper">
<!-- Preloader -->
<div id="preloader">
<div id="loader"></div>
</div>
<!-- Header Start -->
<header>
<!-- container start -->
<div class="container">
<!-- navigation bar -->
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<!-- <i class="icofont-navigation-menu ico_menu"></i> -->
<div class="toggle-wrap">
<span class="toggle-bar"></span>
</div>
</span>
</button>
</nav>
<!-- navigation end -->
</div>
<!-- container end -->
</header>
<!-- Banner-Section-Start -->
<section class="banner_section">
<!-- container start -->
<div class="container">
<!-- vertical animation line -->
<div class="anim_line">
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
<span><img src="images/anim_line.png" alt="anim_line"></span>
</div>
<!-- row start -->
<div class="row">
<div class="col-lg-6 col-md-12" data-aos="fade-right" data-aos-duration="1500">
<!-- banner text -->
<div class="banner_text">
<!-- h1 -->
<h1>La mejor manera <span style="color: #E63108;">de comprar todas tus piezas!</span></h1>
<!-- p -->
<p>Compra, Paga en Linea, Recibe tus piezas en tu puerta y <span style="font-weight: bold; color: #003B73;">Gana Pieza Puntos</span> por cada compra que realices e intercambialos por piezas o muchos premios más. <span style="font-weight: bold; color: #E63108;">Descárgala Ya!</span>
</p>
</div>
<!-- Boton de Registro -->
<a class="btn-lapieza" href="form/register.php">REGISTRATE AQUI</a>
<!-- Boton de Registro -->
<ul class="app_btn">
<li>
<a href="#">
<img class="blue_img" src="images/appstore_blue.png" alt="image" >
<img class="white_img" src="images/appstore_white.png" alt="image" >
</a>
</li>
<li>
<a href="#">
<img class="blue_img" src="images/googleplay_blue.png" alt="image" >
<img class="white_img" src="images/googleplay_white.png" alt="image" >
</a>
</li>
</ul>
<!-- users -->
</div>
<!-- banner slides start -->
<div class="col-lg-6 col-md-12" data-aos="fade-in" data-aos-duration="1500">
<div class="banner_slider">
<div id="frmae_slider" class="owl-carousel owl-theme">
<div class="item">
<div class="slider_img">
<img src="images/screen.png" alt="image" >
</div>
</div>
<div class="item">
<div class="slider_img">
<img src="images/screen.png" alt="image" >
</div>
</div>
<div class="item">
<div class="slider_img">
<img src="images/screen.png" alt="image" >
</div>
</div>
</div>
<div class="slider_frame">
<img src="images/mobile_frame_svg.svg" alt="image" >
</div>
</div>
</div>
<!-- banner slides end -->
</div>
<!-- row end -->
</div>
<!-- container end -->
</section>
<!-- How-It-Workes-Section-Start -->
<section class="row_am how_it_works" id="how_it_work">
<!-- section bg -->
<div class="container">
<div class="how_it_inner">
<div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
<!-- h2 -->
<h2><span style="color: #003b73">Cómo funciona <span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span></span> en 3 sencillos pasos</h2>
<!-- p -->
<p>Usar <span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span> es súper fácil, solo sigue estos pasos.</p>
</div>
<div class="step_block">
<!-- UL -->
<ul>
<!-- step -->
<li>
<div class="step_text" data-aos="fade-right" data-aos-duration="1500">
<h4>Descarga la app</h4>
<div class="app_icon">
<a href="#"><i class="icofont-brand-android-robot"></i></a>
<a href="#"><i class="icofont-brand-apple"></i></a>
</div>
<p>Descarga la App en Google Play o Play Store</p>
</div>
<div class="step_number number1">
<h3>01</h3>
</div>
<div class="step_img" data-aos="fade-left" data-aos-duration="1500">
<img src="images/download_app.jpg" alt="image" >
</div>
</li>
<!-- step -->
<li>
<div class="step_text" data-aos="fade-left" data-aos-duration="1500">
<h4>Registrate y crea una cuenta</h4>
<span>Totalmente Gratis!</span>
<p>Inicia sesión en la aplicación o en tu computadora. Una cuenta para todos los dispositivos.</p>
</div>
<div class="step_number number2">
<h3>02</h3>
</div>
<div class="step_img" data-aos="fade-right" data-aos-duration="1500">
<img src="images/create_account.jpg" alt="image" >
</div>
</li>
<!-- step -->
<li>
<div class="step_text" data-aos="fade-right" data-aos-duration="1500">
<h4>Todo listo disfruta la app!</h4>
<span>Si tienes alguna pregunta visita <a href="#">FAQs.</a></span>
<p>Obten la experiencia más increíble. <br> Explora y comparte la app.</p>
</div>
<div class="step_number number3">
<h3>03</h3>
</div>
<div class="step_img" data-aos="fade-left" data-aos-duration="1500">
<img src="images/enjoy_app.jpg" alt="image" >
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- container end -->
</section>
<!-- FAQ-Section start -->
<section class="row_am faq_section">
<!-- section bg -->
<!-- container start -->
<div class="container">
<div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
<!-- h2 -->
<h2><span>FAQ</span> - Preguntas Frecuentes</h2>
<!-- p -->
<p>Aqui tenemos todas las respuestas a tus preguntas con respecto al uso de <span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span></span>. Aquí podrás encontrar respuestas rápidas para que puedas utilizar la aplicación.</p>
</div>
<!-- faq data -->
<div class="faq_panel">
<div class="accordion" id="accordionExample">
<div class="card" data-aos="fade-up" data-aos-duration="1500">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link active" data-toggle="collapse" data-target="#collapseOne">
<i class="icon_faq icofont-plus"></i></i> Cómo puedo subir mi inventario?</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
industrys standard dummy text ever since the when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="1500">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
data-target="#collapseTwo"><i class="icon_faq icofont-plus"></i></i> Cómo configuro mi cuenta ?</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
industrys standard dummy text ever since the when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="1500">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
data-target="#collapseThree"><i class="icon_faq icofont-plus"></i></i>Cuál es el proceso para solicitar un reembolso
?</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
industrys standard dummy text ever since the when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="1500">
<div class="card-header" id="headingFour">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
data-target="#collapseFour"><i class="icon_faq icofont-plus"></i></i>Como registro mis productos
?</button>
</h2>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
industrys standard dummy text ever since the when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- container end -->
</section>
<section class="row_am free_app_section" id="getstarted">
<!-- container start -->
<div class="container">
<div class="free_app_inner" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
<!-- row start -->
<div class="row">
<!-- content -->
<div class="col-md-6">
<div class="free_text">
<div class="section_title">
<h2>Descargala grátis para Android y Apple</h2>
<p>Descarga nuestra app y sácale provecho a tu negocio en línea. Registrate y descubre lo nuevo que tenemos para ti.</p>
</div>
<ul class="app_btn">
<li>
<a href="#">
<img src="images/appstore_blue.png" alt="image" >
</a>
</li>
<li>
<a href="#">
<img src="images/googleplay_blue.png" alt="image" >
</a>
</li>
</ul>
</div>
</div>
<!-- images -->
<div class="col-md-6">
<div class="free_img">
<img src="images/download-screen01.png" alt="image" >
<img class="mobile_mockup" src="images/download-screen02.png" alt="image" >
</div>
</div>
</div>
<!-- row end -->
</div>
</div>
<!-- container end -->
</section>
<!-- Footer-Section end -->
<!-- VIDEO MODAL -->
<div class="purple_backdrop"></div>
</div>
<!-- Page-wrapper-End -->
<!-- Jquery-js-Link -->
<script src="js/jquery.js"></script>
<!-- owl-js-Link -->
<script src="js/owl.carousel.min.js"></script>
<!-- bootstrap-js-Link -->
<script src="js/bootstrap.min.js"></script>
<!-- aos-js-Link -->
<script src="js/aos.js"></script>
<!-- main-js-Link -->
<script src="js/main.js"></script>
</body>
</php> |