<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.php'>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><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><a href='./articlev'>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 class="active"><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>Blog Details</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">Blog Details</li>
</ul>
</nav>
</div>
</div>
<!-- col -->
</div>
<!-- row -->
</div>
<!-- Container -->
</section>
<!-- /Breadcrumb -->
<!-- Blog Single -->
<section class="blog pt-100">
<!-- Container -->
<div class="container">
<!-- row -->
<div class="row justify-content-center">
<!-- col -->
<div class="col-lg-8 col-md-10 col-sm-12">
<div class="blog-single-content">
<div class="post-details">
<figure class="image-box"><img src="img/blog/blog-2.png" alt=""></figure>
<div class="inner-box">
<div class="upper-box">
<div class="post-date"><i class="las la-calendar"></i>Nov 11, 2020</div>
<h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
<div class="gray-500">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus eleifend
tortor, vel molestie orci feugiat sit amet. Donec posuere rhoncus tempus.
Pellentesque vitae tincidunt est. Aliquam non aliquet nisi, ac sagittis nibh. In
at eleifend tellus, eget tempor diam. Vestibulum tincidunt tempus eros,
et rutrum diam posuere sed. Duis tempus aliquet felis, ac posuere nisi mollis
ut. Morbi maximus, mauris sed posuere dignissim, diam nibh euismod ex,
id volutpat neque purus et mi.</div>
<blockquote>Aenean suscipit arcu purus, eget blandit dolor consequat quis. In
maximus sagittis justo, a aliquam leo luctus condimentum. Proin velit lectus,
venenatis vehicula risus sed, gravida feugiat ligula. Nam maximus, urna eget
elementum consectetur, eros justo volutpat diam, eu porta neque lorem at massa.
Nunc scelerisque est eu erat cursus, sed elementum lectus sagittis.</blockquote>
<div class="two-column">
<div class="row">
<div class="col-lg-5 col-md-6 col-sm-12 image-column">
<figure class="image-box"><img src="img/blog/blog-4.png" alt="">
</figure>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 text-column">
<div class="text">
<p>
Sed sed aliquam diam. Etiam convallis lorem fringilla lobortis
dictum. Vivamus volutpat tempor ligula suscipit pulvinar.
Cras accumsan leo lorem, at accumsan neque mattis vel.</p>
<p>Lorum Ipsum is that the text does not attract attention to itself
or distract the viewer's layout.</p>
</div>
</div>
</div>
</div>
</div>
<div class="lower-box">
<div class="left-content float-left">
<figure class="admin-image"><img src="img/blog/author.png" alt="">
</figure>
<span class="admin-name">by Jhon Kenedy</span>
</div>
<ul class="right-content float-right">
<li><a href="#">30 <i class="las la-comments"></i></a></li>
<li class="share">
<a href="#"><i class="las la-share"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="author-box">
<div class="author-inner">
<figure class="author-thumb"><img src="img/blog/author.png" alt=""></figure>
<div class="inner">
<h4>About The Theodore</h4>
<div class="text">
Dynamically innovate resource and<br />leveling customer service for state of
the art customer service.
</div>
<ul class="social-links">
<li><a href="#"><i class="lab la-facebook-f"></i></a></li>
<li><a href="#"><i class="lab la-google-plus-g"></i></a></li>
<li><a href="#"><i class="lab la-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="comments-area">
<div class="sec-title">
<h2>Comments (03)</h2>
</div>
<div class="comment-box">
<div class="comment">
<figure class="author-thumb"><img src="img/blog/comments1.png" alt="">
</figure>
<div class="comment-inner">
<div class="comment-info">
<h5 class="name">Rayan Collins</h5>
<span class="date">October 6, 2020</span>
</div>
<div class="text">Sed sed faucibus est, sit amet eleifend metus. Nunc pharetra
tincidunt eros non viverra.
Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.
</div>
<div class="replay-btn"><a href="#">Reply</a></div>
</div>
</div>
<div class="comment replay-comment">
<figure class="author-thumb"><img src="img/blog/comments2.png" alt="">
</figure>
<div class="comment-inner">
<div class="comment-info">
<h5 class="name">Liam Irvines</h5>
<span class="date">October 5, 2020</span>
</div>
<div class="text">Sed sed faucibus est, sit amet eleifend metus. Nunc pharetra
tincidunt eros non viverra.
Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.
</div>
<div class="replay-btn"><a href="#">Reply</a></div>
</div>
</div>
<div class="comment">
<figure class="author-thumb"><img src="img/blog/me.png" alt="">
</figure>
<div class="comment-inner">
<div class="comment-info">
<h5 class="name">Rayan Collins</h5>
<span class="date">October 4, 2020</span>
</div>
<div class="text">Sed sed faucibus est, sit amet eleifend metus. Nunc pharetra
tincidunt eros non viverra.
Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.
</div>
<div class="replay-btn"><a href="#">Reply</a></div>
</div>
</div>
</div>
</div>
<div class="comments-form-area">
<div class="sec-title">
<h2>Leave Reply Comments</h2>
</div>
<form action="#" method="post" class="comment-form default-form">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<textarea name="message" placeholder="Comment"></textarea>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<input type="text" name="name" placeholder="Name" required="">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<input type="email" name="email" placeholder="Mail Address" required="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="text" name="website" placeholder="Webstie (optional)">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
<button type="submit" class="theme-btn">Post
now</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- col -->
</div>
<!-- /row -->
</div>
<!-- /Container -->
</section>
<!-- Blog Single -->
<!-- /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> |