<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> Soporte - La Pieza.DO </title>
<!-- /Required meta tags -->
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<!-- /Favicon -->
<!-- All CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik">
<!-- Vendor Css -->
<link rel="stylesheet" href="css/vendor.css">
<!-- /Vendor Css -->
<!-- Plugin Css -->
<link rel="stylesheet" href="css/plugins.css">
<!-- Plugin Css -->
<!-- Icons Css -->
<link rel="stylesheet" href="css/icons.css">
<!-- /Icons Css -->
<!-- Style Css -->
<link rel="stylesheet" href="css/style.css">
<!-- /Style Css -->
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css" integrity="sha512-vebUliqxrVkBy3gucMhClmyQP9On/HAWQdKDXRaAlb/FKuTbxkjPKUyqVOxAcGwFDka79eTF+YXwfke1h3/wfg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- /All CSS -->
</head>
<body>
<!-- PreLoader -->
<div id="preloader">
<div id="status">
<div class="spinner"></div>
</div>
</div>
<!--Preloader-->
<!-- Mobile Canvus Menu -->
<div class="mobile_canvus_menu">
<div class="close_btn">
<img src="img/icon/close-dark.png" alt="">
</div>
<div class="menu_part_lux">
<ul class="menu_list wd_scroll">
<li><a href='/'>Inicio</a></li>
<li>
<a href="./intro.php">Documentación
<i class="las la-angle-down"></i>
</a>
<ul class="list">
<li><a href='./intro.php'>Inicia Aquí</a></li>
<li><a href='./article.php'>Articulos</a></li>
<li><a href='./buttons.php'>Botones</a></li>
<li><a href='./image.php'>Imagenes</a></li>
<li><a href='./pagination.php'>Paginacion</a></li>
<li><a href='./changelog.php'>Registro de Cámbios</a></li>
</ul>
</li>
<li>
<a href="#">Pages
<i class="las la-angle-down"></i>
</a>
<ul class="list">
<li><a href='./404.php'>404</a></li>
<li><a href='./article.php'>Articulos</a></li>
<li><a href='./login.php'>Login</a></li>
<li><a href='./register.php'>Registro</a></li>
<li><a href='./forget-password.php'>Olvidé password</a></li>
<li><a href='./faqs.php'>Faq</a></li>
<li><a href='./changelog.php'>Registro de Cámbios</a></li>
</ul>
</li>
<li>
<a href='./blog.php'>Blog
<i class="las la-angle-down"></i>
</a>
<ul class="list">
<li><a href='./blog.php'>Blog</a></li>
<li><a href='./blog-deatail.php'>Detalles del Blog</a></li>
</ul>
</li>
<li><a href="./contact.php">Contacto</a></li>
</ul>
</div>
<div class="menu_btm">
<a class='ticket-btn' href="./contact.php"><i class="las la-ticket-alt"></i> Crear un Ticket</a>
</div>
</div>
<!-- /Mobile Canvus Menu -->
<!-- /Header -->
<header class="header_area">
<div class="main_menu">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class='navbar-brand' href='/'><img src="img/logo.png" srcset="img/logo-2x.png 2x" alt="" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto">
<li><a href='./index.phps'>Inicio</a></li>
<li class="dropdown submenu">
<a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='./intro.php' role='button'>Documentación</a>
<i class="las la-angle-down mobile_dropdown" aria-hidden="true" data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li><a href='./intro.php'>Inicia Aquí</a></li>
<li class="active"><a href='./article.php'>Articulos</a></li>
<li><a href='./buttons.php'>Botones</a></li>
<li><a href='./image.php'>Imagenes</a></li>
<li><a href='./pagination.php'>Paginacion</a></li>
<li><a href='./changelog.php'>Registro de Cámbios</a></li>
</ul>
</li>
<li class="dropdown submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">Paginas</a>
<i class="las la-angle-down mobile_dropdown" aria-hidden="true" data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li><a href='./404.php'>404</a></li>
<li class="active"><a href='./article'>Articulos</a></li>
<li><a href='./login.php'>Login</a></li>
<li><a href='./register.php'>Registro</a></li>
<li><a href='./forget-password.php'>Olvidé password</a></li>
<li><a href='./faqs.php'>Faq</a></li>
<li><a href='./changelog.php'>Registro de Cámbios</a></li>
<li class="dropdown submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">Sub menu
<i class="las la-angle-right mobile_dropdown" aria-hidden="true" data-toggle="dropdown"></i>
</a>
<ul class="dropdown-menu">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown submenu">
<a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='./blog.php' role='button'>Blog
</a>
<i class="las la-angle-down mobile_dropdown" aria-hidden="true" data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li><a href='./blog.php'>Blog</a></li>
<li><a href='./blog-deatail.php'>Detalles del Blog</a></li>
</ul>
</li>
<li><a href='./contact.php'>Contacto</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="header-btn">
<a href='/contact.php'><i class="las la-ticket-alt"></i>Crea un Ticket</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="right_burger">
<ul class="nav">
<li>
<div class="search_btn" data-toggle="modal" data-target="#exampleModal">
<img src="img/icon/search.png" alt="" />
</div>
</li>
<li>
<div class="menu_btn">
<img src="img/icon/menu.png" alt="" />
</div>
</li>
</ul>
</div>
</div>
</header>
<!-- /Header -->
<!-- Breadcrumb -->
<section class="bg-half-150 d-table w-100 bg-light" style="background: url('img/bg/Breadcrumb.png') top center;">
<!-- Container -->
<div class="container">
<!-- row -->
<div class="row mt-5">
<!-- col -->
<div class="col-lg-12">
<div class="title-heading text-center text-md-center">
<h2>Article</h2>
<p class="mt-3 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<nav aria-label="breadcrumb" class="d-inline-block mt-4">
<ul class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href='/'>Docuto</a></li>
<li class="breadcrumb-item active" aria-current="page">Article</li>
</ul>
</nav>
</div>
</div>
<!-- col -->
</div>
<!-- row -->
</div>
<!-- Container -->
</section>
<!-- /Breadcrumb -->
<!-- Article -->
<section class="article-area pt-100 pb-50">
<!-- Container -->
<div class="container">
<!-- row -->
<div class="row justify-content-center">
<!-- col -->
<div class="col-lg-8">
<!-- Arcive Content -->
<div class="article-content">
<h3>What is the basic starter?</h3>
<p>Installation quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius
modi tempora incidunt ut laboe et doloreagnam aliquam quaerat voluptatem. Ut enim ad
minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
aliquid ex ea commodi consequatur? Quis autem vel eum iure </p>
<p>Rrem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius
modi tempora incidunt ut laboe et dolore gnam aliquam quaerat voluptatem. Ut enim ad
minima veniam, quis nostrum</p>
<div class="single-list-article mb-20">
<h4>Install dependencies</h4>
<ol>
<li><a href="https://nodejs.org/en/download">Download and install Node.js</a> if
it's not installed on your machine</li>
<li>Install the <a href="https://gulpjs.com/">Gulp</a> command line tools,
<em>gulp-cli</em>, with <code>npm install gulp-cli -g</code></li>
<li>Navigate to the root directory of your project and run <code>npm install</code>
to install dependencies</li>
<li>Run <code>gulp serve</code>.</li>
</ol>
<p>With the above command, a static web server starts in your browser which points to
<em>/src</em> directory. It watch your files to reload the browser upon change to
the HTML files, or JS and CSS files. Also, it watch your SCSS and JS files to
compile them to page.min.css and page.min.js upon each change.</p>
</div>
<div class="single-list-article mb-20">
<h4>Write code</h4>
<p>Time for development. Now you're ready to create your HTML files and writing your
custom CSS and JS codes.</p>
<p><mark class="small">- HTML</mark><br>Since most of the websites have a global layout
for whole of the application, you might want to start modifying index.php file and
create a global layout for your website. Check available layout features such as <a
href="#">navbar</a>, <a href="#">header</a>, <a href="#">cover</a>, <a
href="#">footer</a>, etc. as well as all the <a href="#">blocks</a> and <a
href="#">UI Kit</a>.</p>
<p><mark class="small">- SCSS</mark><br>Write your additional styles inside
<code>/assets/scss/_style.scss</code>. Feel free to create more scss files and even
subdirectories inside /scss folder to split your code to smaller chunks and import
them inside <code>/scss/page.scss</code> file. Our Gulp task is watching all of the
scss files inside /scss directory and recompile the page.min.css upon each change.
</p>
<p><mark class="small">- JavaScript</mark><br>Your additional JavaScript codes should be
write inside <code>/assets/js/src/script.js</code>. Again, if you need to split your
code to several JS files, simply create them inside /js/src directory and require
them inside the <code>/js/src/page.js</code>. Our Gulp task is watching all of the
JS files inside /js/src directory and recompile page.min.js after each change using
Webpack.</p>
</div>
<div class="single-list-article mb-20">
<h4>Distribute</h4>
<p>Done with development? Run <code>gulp dist</code> to deploy your code inside
<em>/dist</em> directory. This task simply remove unnecessary files (scss files,
scss folder, unminified css and js files, etc.) in the /dist folder. Now you can use
the /dist folder in your server side coding or upload to your web server.</p>
</div>
</div>
<!-- /Arcive Content -->
</div>
<!-- /col -->
</div>
<!-- /row -->
</div>
<!-- /Container -->
</section>
<!-- /Article -->
<!-- /Newsletter -->
<section class="newsletter-area pt-50">
<!-- Container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- col -->
<div class="col-md-8 col-12 col-center">
<div class="newsletter" style="background-image: url(img/bg/newsletter-bg.jpg);">
<form action="#" method="POST">
<input type="email" class="news-email"
placeholder="Subscribe Newsletter (Enter Email Address)" />
<button type="submit" class="news-btn">Subscribe</button>
</form>
</div>
</div>
<!-- col -->
</div>
<!-- /row -->
</div>
<!-- /Container -->
</section>
<!-- /Newsletter -->
<!-- Footer -->
<footer class="footer-area" style="background-image: url(img/bg/map.png);">
<!-- Container -->
<div class="container text-center">
<!-- row -->
<div class="row">
<div class="col-md-6 col-12 col-center">
<h1 class="footer-logo">Docuto</h1>
<p>Docuto is a Support & Help Center Template to create
your own
24/7 self-service customer
support center.</p>
</div>
</div>
<!-- /row -->
<!-- col -->
<div class="col-md-4 col-12 foot-divider col-center"></div>
<!-- /col -->
<ul class="social-link">
<li><a href="#"><i class="ri-facebook-fill"></i></a></li>
<li><a href="#"><i class="ri-instagram-line"></i></a></li>
<li><a href="#"><i class="ri-twitter-line"></i></a></li>
<li><a href="#"><i class="ri-youtube-line"></i></a></li>
</ul>
<p class="copyright-text">© 2020 Docuto all right reserved designed by
Aacvo
</p>
</div>
<!-- /Container -->
</footer>
<!-- /Footer -->
<!-- Back to top -->
<div id="thetop"></div>
<div id="backtotop">
<a href="#" id="scroll">
<i class="las la-chevron-up"></i>
</a>
</div>
<!-- /Back to top -->
<!-- Search Popup -->
<div class="modal fade search_modal" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<img src="img/icon/close-white.png" alt="">
</button>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="input-group">
<input type="text" class="form-control" placeholder="Type here..."
aria-label="Recipient's username" aria-describedby="button-addon3">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="button-addon3"><i
class="ri-search-2-line"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Search Popup -->
<!-- JS -->
<!-- Vendor Js -->
<script src="js/vendors.js"></script>
<!-- /Vendor js -->
<!-- Plugins Js -->
<script src="js/plugins.js"></script>
<!-- /Plugins Js -->
<!-- Main JS -->
<script src="js/main.js"></script>
<!-- /Main JS -->
<!-- /JS -->
</body>
</html> |