Actualizacion de FrontEnd y Creacion de Diseño de Suppor Center
This commit is contained in:
kquiroz
93
diseno/support-center/404.php
Normal file
93
diseno/support-center/404.php
Normal file
@@ -0,0 +1,93 @@
|
||||
<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-->
|
||||
|
||||
<!-- 404 -->
|
||||
<section class="bg-home d-flex align-items-center">
|
||||
<!-- container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-12">
|
||||
<div class="text-center">
|
||||
<img src="img/bg/404.png" class="img-fluid" alt="">
|
||||
<div class="mt-5">
|
||||
<h3>Something is wrong</h3>
|
||||
<p class="$gray-600 para-desc mx-auto">The page you are looking for was moved, removed,
|
||||
renamed or might never existed.</p>
|
||||
|
||||
<a class='btn theme-btn mt-2' href='/'>Go to
|
||||
Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /container -->
|
||||
</section>
|
||||
<!-- /404 -->
|
||||
|
||||
<!-- 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>
|
||||
395
diseno/support-center/articles.php
Normal file
395
diseno/support-center/articles.php
Normal file
@@ -0,0 +1,395 @@
|
||||
<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>
|
||||
486
diseno/support-center/blog-detail.php
Normal file
486
diseno/support-center/blog-detail.php
Normal file
@@ -0,0 +1,486 @@
|
||||
<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>
|
||||
448
diseno/support-center/blog.php
Normal file
448
diseno/support-center/blog.php
Normal file
@@ -0,0 +1,448 @@
|
||||
<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 class="active"><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>Blog</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</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- /Blog -->
|
||||
<section class="blog pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-8">
|
||||
<div class="blog-content">
|
||||
<!-- Blog Content -->
|
||||
<div class="single-blog-content wow fadeInUp animated delay-4s">
|
||||
<div class="inner-box">
|
||||
<figure class="image-box"><a href='/blog-deatail'><img src="img/blog/blog-1.png"
|
||||
alt=""></a></figure>
|
||||
<div class="lower-content">
|
||||
<div class="upper-box">
|
||||
<div class="post-date"><i class="las la-calendar"></i>Nov 11, 2020</div>
|
||||
<h3><a href='/blog-deatail'>Lorem ipsum dolor sit amet, consectetur
|
||||
adipiscing elit.</a></h3>
|
||||
<div class="gray-500">Eveniet in vulputate velit esse molestie consequat, dolore
|
||||
eu
|
||||
feugiat nulla facilisis at seds eros sed et accumsan et iusto odio
|
||||
dignissim. Temporibus autem quibusdam et aut officiis.</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>
|
||||
<!-- /Blog Content -->
|
||||
<!-- Blog Content -->
|
||||
<div class="single-blog-content wow fadeInUp animated delay-4s">
|
||||
<div class="inner-box">
|
||||
<figure class="image-box"><a href='/blog-deatail'><img src="img/blog/blog-2.png"
|
||||
alt=""></a></figure>
|
||||
<div class="lower-content">
|
||||
<div class="upper-box">
|
||||
<div class="post-date"><i class="las la-calendar"></i>Nov 11, 2020</div>
|
||||
<h3><a href='/blog-deatail'>Lorem ipsum dolor sit amet, consectetur
|
||||
adipiscing elit.</a></h3>
|
||||
<div class="gray-500">Eveniet in vulputate velit esse molestie consequat, dolore
|
||||
eu
|
||||
feugiat nulla facilisis at seds eros sed et accumsan et iusto odio
|
||||
dignissim. Temporibus autem quibusdam et aut officiis.</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>
|
||||
<!-- /Blog Content -->
|
||||
<!-- Blog Content -->
|
||||
<div class="single-blog-content wow fadeInUp animated delay-4s">
|
||||
<div class="inner-box">
|
||||
<figure class="image-box"><a href='/blog-deatail'><img src="img/blog/blog-3.png"
|
||||
alt=""></a></figure>
|
||||
<div class="lower-content">
|
||||
<div class="upper-box">
|
||||
<div class="post-date"><i class="las la-calendar"></i>Nov 11, 2020</div>
|
||||
<h3><a href='/blog-deatail'>Lorem ipsum dolor sit amet, consectetur
|
||||
adipiscing elit.</a></h3>
|
||||
<div class="gray-500">Eveniet in vulputate velit esse molestie consequat, dolore
|
||||
eu
|
||||
feugiat nulla facilisis at seds eros sed et accumsan et iusto odio
|
||||
dignissim. Temporibus autem quibusdam et aut officiis.</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>
|
||||
<!-- /Blog Content -->
|
||||
<!-- Pagination -->
|
||||
<div class="pagination-wrapper">
|
||||
<ul class="pagination text-center">
|
||||
<li><a href="#"><i class="las la-angle-double-left"></i></a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#" class="active">3</a></li>
|
||||
<li><a href="#">4</a></li>
|
||||
<li><a href="#">5</a></li>
|
||||
<li><a href="#"><i class="las la-angle-double-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /Pagination -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Blog -->
|
||||
|
||||
<!-- /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>
|
||||
1135
diseno/support-center/button.php
Normal file
1135
diseno/support-center/button.php
Normal file
File diff suppressed because it is too large
Load Diff
372
diseno/support-center/changelog.php
Normal file
372
diseno/support-center/changelog.php
Normal file
@@ -0,0 +1,372 @@
|
||||
<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 class="active"><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 class="active"><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>Changelog</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">Changelog</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Changelog -->
|
||||
<section class="changelog pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!--col -->
|
||||
<div class="col-lg-8">
|
||||
<!-- changelog item -->
|
||||
<div class="changelog-item wow fadeInUp animated delay-4s">
|
||||
<span class="update-button update"><img src="img/icon/shuttle.png" alt="">Update</span>
|
||||
<h5 class="title">Deskoto Help Center v1.0 is released!</h5>
|
||||
<span class="date">Updated over a week ago</span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie eu leo at consequat. Maecenas
|
||||
finibus pellentesque nibh, nec pretium nisl ultrices at. Ut est enim, egestas at purus non, viverra mollis
|
||||
arcu. Quisque leo felis, fringilla eu elementum vestibulum, consequat et mi.</p>
|
||||
</div>
|
||||
<!-- /changelog item -->
|
||||
<!-- changelog item -->
|
||||
<div class="changelog-item wow fadeInUp animated delay-4s">
|
||||
<span class="update-button bug"> <img src="img/icon/ladybug.png" alt="">Bug Fix</span>
|
||||
<h5 class="title">Login Auth Issue Fixed on Deskoto</h5>
|
||||
<span class="date">Updated over a week ago</span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie eu leo at consequat. Maecenas
|
||||
finibus pellentesque nibh, nec pretium nisl ultrices at. Ut est enim, egestas at purus non, viverra mollis
|
||||
arcu. Quisque leo felis, fringilla eu elementum vestibulum, consequat et mi.</p>
|
||||
</div>
|
||||
<!-- /changelog item -->
|
||||
<!-- changelog item -->
|
||||
<div class="changelog-item wow fadeInUp animated delay-4s">
|
||||
<span class="update-button feature"> <img src="img/icon/puzzle-pieces.png" alt="">Feature</span>
|
||||
<h5 class="title">Deskoto new feature is released!</h5>
|
||||
<span class="date">Updated over a week ago</span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie eu leo at consequat. Maecenas
|
||||
finibus pellentesque nibh, nec pretium nisl ultrices at. Ut est enim, egestas at purus non, viverra mollis
|
||||
arcu. Quisque leo felis, fringilla eu elementum vestibulum, consequat et mi.</p>
|
||||
</div>
|
||||
<!-- /changelog item -->
|
||||
<!-- changelog item -->
|
||||
<div class="changelog-item wow fadeInUp animated delay-4s">
|
||||
<span class="update-button bug"> <img src="img/icon/ladybug.png" alt="">Bug Fix</span>
|
||||
<h5 class="title">Responsive Issues Fixed on Deskoto v0.3</h5>
|
||||
<span class="date">Updated over a week ago</span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie eu leo at consequat. Maecenas
|
||||
finibus pellentesque nibh, nec pretium nisl ultrices at. Ut est enim, egestas at purus non, viverra mollis
|
||||
arcu. Quisque leo felis, fringilla eu elementum vestibulum, consequat et mi.</p>
|
||||
</div>
|
||||
<!-- /changelog item -->
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Changelog -->
|
||||
|
||||
<!-- /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>
|
||||
387
diseno/support-center/contact.php
Normal file
387
diseno/support-center/contact.php
Normal file
@@ -0,0 +1,387 @@
|
||||
<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><a href='./blog-deatail.php'>Detalles del Blog</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active"><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>Contact Us</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">Contact Us</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="contact-area pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-8 ml-auto mr-auto">
|
||||
<div class="contact-form-wrap">
|
||||
<h2>Leave us a message.</h2>
|
||||
<form id="contact-form" action="#" method="post">
|
||||
<!-- row -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-md-6">
|
||||
<div class="contact-form-style mb-20">
|
||||
<input name="firstname" placeholder="First Name*" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6">
|
||||
<div class="contact-form-style mb-20">
|
||||
<input name="lastname" placeholder="Last Name*" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-12">
|
||||
<div class="contact-form-style mb-20">
|
||||
<input name="email" placeholder="Email*" type="email">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-12">
|
||||
<div class="contact-form-style mb-20">
|
||||
<input name="subject" placeholder="Subject*" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-12">
|
||||
<div class="contact-form-style mb-20">
|
||||
<textarea name="message" placeholder="Type your message here.."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-12">
|
||||
<button class="btn btn-lg btn-block solid-btn-login border-radius mt-4 mb-3"
|
||||
type="submit"><span>Send Email</span></button>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Contact -->
|
||||
|
||||
<!-- /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>
|
||||
17866
diseno/support-center/css/icons.css
vendored
Normal file
17866
diseno/support-center/css/icons.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
8789
diseno/support-center/css/plugins.css
vendored
Normal file
8789
diseno/support-center/css/plugins.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
3721
diseno/support-center/css/style.css
vendored
Normal file
3721
diseno/support-center/css/style.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
48243
diseno/support-center/css/vendor.css
vendored
Normal file
48243
diseno/support-center/css/vendor.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
593
diseno/support-center/faqs.php
Normal file
593
diseno/support-center/faqs.php
Normal file
@@ -0,0 +1,593 @@
|
||||
<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 class="active"><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>FAQs</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">FAQs</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Faq -->
|
||||
<section class="faq pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading text-center mt-50">
|
||||
<h5 class="section-meta">Faq</h5>
|
||||
<h2 class="section-title">Frequently asked <br> questions</h2>
|
||||
<p class="section-sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
<div class="section-divider mx-auto mb-50"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<!-- faq -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-lg-6">
|
||||
<div id="accordion-1" class="accordion accordion-faq">
|
||||
<!-- Accordion card 1 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-1-1" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-1" aria-expanded="false" aria-controls="collapse-1-1">
|
||||
<h6 class="mb-0"> Which license do I need?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-1" class="collapse" aria-labelledby="heading-1-1"
|
||||
data-parent="#accordion-1">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 2 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-1-2" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-2" aria-expanded="false" aria-controls="collapse-1-2">
|
||||
<h6 class="mb-0"> How do I get access to a theme?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-2" class="collapse" aria-labelledby="heading-1-2"
|
||||
data-parent="#accordion-1">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 3 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-1-3" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-3" aria-expanded="false" aria-controls="collapse-1-3">
|
||||
<h6 class="mb-0"> How do I see previous orders?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-3" class="collapse" aria-labelledby="heading-1-3"
|
||||
data-parent="#accordion-1">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-lg-6">
|
||||
<div id="accordion-2" class="accordion accordion-faq">
|
||||
<!-- Accordion card 1 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-2-1" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-1" aria-expanded="false" aria-controls="collapse-2-1">
|
||||
<h6 class="mb-0"> Support related
|
||||
issues for the template?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-1" class="collapse" aria-labelledby="heading-2-1"
|
||||
data-parent="#accordion-2">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 2 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-2-2" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-2" aria-expanded="false" aria-controls="collapse-2-2">
|
||||
<h6 class="mb-0"> Which license do I need?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-2" class="collapse" aria-labelledby="heading-2-2"
|
||||
data-parent="#accordion-2">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 3 -->
|
||||
<div class="card">
|
||||
<div class="card-header py-4" id="heading-2-3" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-3" aria-expanded="false" aria-controls="collapse-2-3">
|
||||
<h6 class="mb-0"> How do I get access to a theme?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-3" class="collapse" aria-labelledby="heading-2-3"
|
||||
data-parent="#accordion-2">
|
||||
<div class="card-body mt-20">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /faq -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Faq -->
|
||||
|
||||
<!-- Faq -->
|
||||
<section class=" faq-area pb-100 pb-50">
|
||||
<!-- container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading text-center mt-50">
|
||||
<h5 class="section-meta">Faq</h5>
|
||||
<h2 class="section-title">Frequently asked <br> questions</h2>
|
||||
<p class="section-sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
<div class="section-divider mx-auto mb-50"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<!-- row -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-12 mt-4 pt-2">
|
||||
<div class="media">
|
||||
<i data-feather="help-circle" class="fea ri-question-line baseColor mr-2 mb-1"></i>
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">How do I <span class="baseColor"> disable </span> installed apps? What
|
||||
is the source of the ?</h5>
|
||||
<p class="gray-500 mb-0">
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-12 mt-4 pt-2">
|
||||
<div class="media">
|
||||
<i data-feather="help-circle" class="fea ri-question-line baseColor mr-2 mb-1"></i>
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0"> What should I include in App ?</h5>
|
||||
<p class="gray-500 mb-0">
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-12 mt-4 pt-2">
|
||||
<div class="media">
|
||||
<i data-feather="help-circle" class="fea ri-question-line baseColor mr-2 mb-1"></i>
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Can users choose to install the app?</h5>
|
||||
<p class="gray-500 mb-0">
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-12 mt-4 pt-2">
|
||||
<div class="media">
|
||||
<i data-feather="help-circle" class="fea ri-question-line baseColor mr-2 mb-1"></i>
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0"> How does the Moodle app work?</h5>
|
||||
<p class="gray-500 mb-0">
|
||||
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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<!-- row -->
|
||||
<div class="row mt-5 pt-4 justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-12 text-center">
|
||||
<div class="section-title">
|
||||
<h4 class="title mb-3 pt-50">Need any help!</h4>
|
||||
<p class="para-desc mx-auto mb-40">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
|
||||
tempus eleifend tortor, vel molestie orci feugiat sit amet.</p>
|
||||
<a href="#" class="theme-btn"><i class="las la-phone mr-2"></i> Contact
|
||||
us</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /container -->
|
||||
</section>
|
||||
<!-- /Faq -->
|
||||
|
||||
<!-- /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>
|
||||
124
diseno/support-center/forget-password.php
Normal file
124
diseno/support-center/forget-password.php
Normal file
@@ -0,0 +1,124 @@
|
||||
<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>
|
||||
|
||||
<!-- PreLoader -->
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Preloader-->
|
||||
|
||||
<!-- Forget Password -->
|
||||
<div class="main-content- bg-img" style="background-image: url(img/bg/user.png);">
|
||||
<!-- Container -->
|
||||
<div class="container h-100">
|
||||
<!-- row -->
|
||||
<div class="row h-100 align-items-center justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-md-8 col-lg-5">
|
||||
<!-- Middle Box -->
|
||||
<div class="middle-box mt-60 login-bg">
|
||||
<div class="col-12 col-md-12 col-lg-12 col-xl-12 px-lg-12 my-5">
|
||||
<div class="login-signup-wrap px-4 px-lg-5 pt-20 my-5">
|
||||
<!-- Heading -->
|
||||
<h1 class="text-center mb-1">
|
||||
Password Reset
|
||||
</h1>
|
||||
|
||||
<!-- Subheading -->
|
||||
<p class="text-muted text-center mb-5">
|
||||
Enter your email to get a password reset link.
|
||||
</p>
|
||||
|
||||
<!-- Form -->
|
||||
<form class="login-signup-form">
|
||||
<div class="form-group">
|
||||
<!-- Label -->
|
||||
|
||||
<!-- Input group -->
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-mail-line color-primary"></i>
|
||||
</div>
|
||||
<input type="email" class="form-control" placeholder="name@address.com" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit -->
|
||||
<button class="btn btn-lg btn-block solid-btn-login border-radius mt-4 mb-3">
|
||||
Sign In
|
||||
</button>
|
||||
|
||||
<!-- Link -->
|
||||
<div class="text-center pb-20">
|
||||
<small class="text-muted text-center">
|
||||
Already have an account?
|
||||
<a href='/login'>Log in</a>.
|
||||
</small>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</div>
|
||||
<!-- /Forget Password -->
|
||||
|
||||
<!-- 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>
|
||||
511
diseno/support-center/image.php
Normal file
511
diseno/support-center/image.php
Normal file
@@ -0,0 +1,511 @@
|
||||
<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='./index.php'>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='/'>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 class="active"><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><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">
|
||||
<!-- col -->
|
||||
<div class="col-lg-12">
|
||||
<div class="title-heading text-center text-md-center">
|
||||
<h2>Image</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">Image</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Image -->
|
||||
<div class="images pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!--row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar-wrapper">
|
||||
<div class="sidebar-widget">
|
||||
<h4 class="sidebar-title">Doc Nav </h4>
|
||||
<div class="sidebar-search sidebar-widget">
|
||||
<div class="sidebar-search-form">
|
||||
<form action="#" method="post">
|
||||
<div class="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search Now"
|
||||
required="">
|
||||
<button type="submit"><i class="ri-search-2-line"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<div class="doc-nav">
|
||||
<ul id="faq">
|
||||
<li> <a href='/intro'>Getting
|
||||
started</a></li>
|
||||
<li> <a href='/alerts'>Alerts</a> </li>
|
||||
<li> <a href='/buttons'>Buttons</a></li>
|
||||
<li> <a href='/image'>Image</a> </li>
|
||||
<li> <a href='/pagination'>Pagination</a> </li>
|
||||
<li> <a href='/colors'>Colors</a> </li>
|
||||
<li> <a href='/changelog'>Changelog</a> </li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-1">
|
||||
Menu levels 1 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-1" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-2">
|
||||
Menu levels 2 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-2" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-3">
|
||||
Menu levels 3<i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-3" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- Col -->
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Images</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Documentation and examples for opting images into responsive behavior (so they
|
||||
never become larger than their parent elements) and add lightweight styles to
|
||||
them—all via classes.</p>
|
||||
<p>Images in Bootstrap are made responsive with<code
|
||||
class="highlighter-rouge">.img-fluid. max-width: 100%;</code> and<code
|
||||
class="highlighter-rouge"> height: auto; </code> are applied to the image so
|
||||
that it scales with the parent element.</p>
|
||||
<div class="example">
|
||||
<div class="image-box mb-20">
|
||||
<img class="img-fluid" src="img/docs/r-img-1.jpg" alt="Responsive image">
|
||||
</div>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<div class="image-box mb-20">
|
||||
<img class="img-fluid" src="img/docs/r-img-1.jpg" alt="Responsive image">
|
||||
</div>
|
||||
</code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Image shapes</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Easily create images in different shapes with adding one class to the <img> tag.
|
||||
</p>
|
||||
<div class="example">
|
||||
<div class="image-shapes-box mb-20">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center">
|
||||
<img src="img/docs/Round-img-1.jpg" class="rounded" alt="Round image">
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<img src="img/docs/circle-img-1.jpg" class="rounded-circle"
|
||||
alt="Circle image">
|
||||
</div>
|
||||
<div class="col-md-6 col-center mt-30">
|
||||
<img src="img/docs/thumbnail-img-1.jpg" class="img-thumbnail"
|
||||
alt="Thumbnail">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="link-copy">
|
||||
<div class="image-shapes-box mb-20">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center">
|
||||
<img src="assets/images/thumb/l-1.jpg" class="rounded" alt="Round image">
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<img src="assets/images/thumb/l-2.jpg" class="rounded-circle" alt="Circle image">
|
||||
</div>
|
||||
<div class="col-md-6 col-center mt-30">
|
||||
<img src="assets/images/thumb/l-3.jpg" class="img-thumbnail" alt="Thumbnail">
|
||||
</div>
|
||||
</div>
|
||||
</div></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#link-copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Aligning images</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Align images with the <a href="#">helper float
|
||||
classes</a> or <a href="#">text
|
||||
alignment classes</a>. <code class="highlighter-rouge">block</code>-level
|
||||
images can be centered using <a href="#">the
|
||||
<code class="highlighter-rouge">.mx-auto</code> margin utility class</a>.
|
||||
</p>
|
||||
<div class="example">
|
||||
<div class="aligningimage-box fix mb-20">
|
||||
<img src="img/docs/Round-img-1.jpg" class="rounded float-left" alt="...">
|
||||
<img src="img/docs/circle-img-1.jpg" class="rounded float-right" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="img-copy">
|
||||
<div class="aligningimage-box fix mb-20">
|
||||
<img src="img/docs/Round-img-1.jpg" class="rounded float-left" alt="...">
|
||||
<img src="img/docs/circle-img-1.jpg" class="rounded float-right" alt="...">
|
||||
</div></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#img-copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</div>
|
||||
<!-- /Image -->
|
||||
|
||||
<!-- /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>
|
||||
BIN
diseno/support-center/img/bg/map.png
Normal file
BIN
diseno/support-center/img/bg/map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
BIN
diseno/support-center/img/bg/newsletter-bg.jpg
Normal file
BIN
diseno/support-center/img/bg/newsletter-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
diseno/support-center/img/favicon.png
Normal file
BIN
diseno/support-center/img/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
diseno/support-center/img/hero/hero-1.png
Normal file
BIN
diseno/support-center/img/hero/hero-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
diseno/support-center/img/icon/close-dark.png
Normal file
BIN
diseno/support-center/img/icon/close-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
diseno/support-center/img/icon/close-white.png
Normal file
BIN
diseno/support-center/img/icon/close-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
diseno/support-center/img/icon/menu.png
Normal file
BIN
diseno/support-center/img/icon/menu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
diseno/support-center/img/icon/search.png
Normal file
BIN
diseno/support-center/img/icon/search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
diseno/support-center/img/logo-2x.png
Normal file
BIN
diseno/support-center/img/logo-2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
diseno/support-center/img/logo.png
Normal file
BIN
diseno/support-center/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
diseno/support-center/img/team/team-1.jpg
Normal file
BIN
diseno/support-center/img/team/team-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
diseno/support-center/img/team/team-2.jpg
Normal file
BIN
diseno/support-center/img/team/team-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
BIN
diseno/support-center/img/team/team-3.jpg
Normal file
BIN
diseno/support-center/img/team/team-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 308 KiB |
BIN
diseno/support-center/img/team/team-4.jpg
Normal file
BIN
diseno/support-center/img/team/team-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 317 KiB |
548
diseno/support-center/index.php
Normal file
548
diseno/support-center/index.php
Normal file
@@ -0,0 +1,548 @@
|
||||
<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='./index.php'>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 class="active"><a href='/'>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><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 -->
|
||||
|
||||
<!-- Hero -->
|
||||
<section class="hero-1">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<div class="hero-1-content">
|
||||
<div class="hero-image text-center">
|
||||
<img src="img/hero/hero-1.png" class="img-fluid" data-aos="fade-up" alt="Hero"> </div>
|
||||
<h1 class="title">Bienvenido al Centro de Soporte de <br><span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span></span></h1>
|
||||
<p class="mt-20 mb-50 ">Tienes preguntas? Busca en nuestro Centro de Ayuda.</p>
|
||||
<form class="search-form round ">
|
||||
<input type="text" placeholder="Escribe aquí tu busqueda…">
|
||||
<button type="submit"><i class="ri-search-2-line"></i> <span
|
||||
class="d-none d-sm-inline-block">Buscar</span></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Hero -->
|
||||
|
||||
<!-- Topic -->
|
||||
<section class="feature-area pt-150 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading text-center wow fadeInUp animated delay-4s">
|
||||
<h5 class="section-meta">Temas de Interés</h5>
|
||||
<h2 class="section-title">Banco de Sabiduría</h2>
|
||||
<div class="section-divider mx-auto mb-50"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-lg-4 wow fadeInUp animated delay-4s">
|
||||
<div class="single-feature-area text-center">
|
||||
<div class="feature-icon">
|
||||
<i class="ri-book-open-line"></i>
|
||||
</div>
|
||||
<div class="feature-content-text">
|
||||
<h4>Base de Conocimiento</h4>
|
||||
<p>
|
||||
Encuentra todo lo relacionado a La Pieza.DO.
|
||||
</p>
|
||||
<a href='/article.php'>Leer más <i class="ri-arrow-right-s-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-lg-4 wow fadeInUp animated delay-6s">
|
||||
<div class="single-feature-area text-center">
|
||||
<div class="feature-icon">
|
||||
<i class="ri-question-answer-line"></i>
|
||||
</div>
|
||||
<div class="feature-content-text">
|
||||
<h4>FAQ</h4>
|
||||
<p>
|
||||
Muchas preguntas que se han hecho antes y tienen respuestas aquí.
|
||||
</p>
|
||||
<a href='/faqs.php'>Read more <i class="ri-arrow-right-s-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-md-6 col-lg-4 wow fadeInUp animated delay-8s">
|
||||
<div class="single-feature-area text-center">
|
||||
<div class="feature-icon">
|
||||
<i class="ri-book-3-line"></i>
|
||||
</div>
|
||||
<div class="feature-content-text">
|
||||
<h4>Documentación</h4>
|
||||
<p>
|
||||
Lee la documentación y explora nuestra nueva interfaz de usuario.
|
||||
</p>
|
||||
<a href='/intro.php'>Read more <i class="ri-arrow-right-s-line"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- Topic -->
|
||||
|
||||
<!-- Faq -->
|
||||
<section class="faq pt-50 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading text-center wow fadeInUp animated delay-4s">
|
||||
<h5 class="section-meta">Faq</h5>
|
||||
<h2 class="section-title">Preguntas <br> Frecuentes</h2>
|
||||
<p class="section-sub">Aqui tenemos todas las respuestas a tus preguntas con respecto al uso de La Pieza.DO. <br>Aquí podrás encontrar respuestas rápidas para que puedas utilizar la aplicación. </p>
|
||||
<div class="section-divider mx-auto mb-50"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<!-- faq -->
|
||||
<div class="row">
|
||||
<!-- col -->
|
||||
<div class="col-lg-6">
|
||||
<div id="accordion-1" class="accordion accordion-faq">
|
||||
<!-- Accordion card 1 -->
|
||||
<div class="card wow fadeInLeft animated delay-4s">
|
||||
<div class="card-header py-4" id="heading-1-1" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-1" aria-expanded="false" aria-controls="collapse-1-1">
|
||||
<h6 class="mb-0"> Which license do I need?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-1" class="collapse" aria-labelledby="heading-1-1" data-parent="#accordion-1">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 2 -->
|
||||
<div class="card wow fadeInLeft animated delay-6s">
|
||||
<div class="card-header py-4" id="heading-1-2" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-2" aria-expanded="false" aria-controls="collapse-1-2">
|
||||
<h6 class="mb-0"> How do I get access to a theme?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-2" class="collapse" aria-labelledby="heading-1-2" data-parent="#accordion-1">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 3 -->
|
||||
<div class="card wow fadeInLeft animated delay-8s">
|
||||
<div class="card-header py-4" id="heading-1-3" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-1-3" aria-expanded="false" aria-controls="collapse-1-3">
|
||||
<h6 class="mb-0"> How do I see previous orders?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-1-3" class="collapse" aria-labelledby="heading-1-3" data-parent="#accordion-1">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-lg-6">
|
||||
<div id="accordion-2" class="accordion accordion-faq">
|
||||
<!-- Accordion card 1 -->
|
||||
<div class="card wow fadeInRight animated delay-4s">
|
||||
<div class="card-header py-4" id="heading-2-1" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-1" aria-expanded="false" aria-controls="collapse-2-1">
|
||||
<h6 class="mb-0"> Support related
|
||||
issues for the template?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-1" class="collapse" aria-labelledby="heading-2-1" data-parent="#accordion-2">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 2 -->
|
||||
<div class="card wow fadeInRight animated delay-6s">
|
||||
<div class="card-header py-4" id="heading-2-2" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-2" aria-expanded="false" aria-controls="collapse-2-2">
|
||||
<h6 class="mb-0"> Which license do I need?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-2" class="collapse" aria-labelledby="heading-2-2" data-parent="#accordion-2">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Accordion card 3 -->
|
||||
<div class="card wow fadeInRight animated delay-8s">
|
||||
<div class="card-header py-4" id="heading-2-3" data-toggle="collapse" role="button"
|
||||
data-target="#collapse-2-3" aria-expanded="false" aria-controls="collapse-2-3">
|
||||
<h6 class="mb-0"> How do I get access to a theme?
|
||||
</h6>
|
||||
</div>
|
||||
<div id="collapse-2-3" class="collapse" aria-labelledby="heading-2-3" data-parent="#accordion-2">
|
||||
<div class="card-body">
|
||||
<p class="gray-600">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /faq -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Faq -->
|
||||
|
||||
<!-- Team -->
|
||||
|
||||
|
||||
<!-- /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="Suscribete al Newsletter (Escribe Correo Electrónico)" />
|
||||
<button type="submit" class="news-btn">Suscribete</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">GQ Labs</h1>
|
||||
<p>GQ Labs 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 ">© 2023 GQ Labs S.R.L. Todos los derechos reservados
|
||||
</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>
|
||||
502
diseno/support-center/intro.php
Normal file
502
diseno/support-center/intro.php
Normal file
@@ -0,0 +1,502 @@
|
||||
<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 class="active"><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><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>Getting Started</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">Getting Started</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Introduction -->
|
||||
<section class="intro pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar-wrapper">
|
||||
<div class="sidebar-widget">
|
||||
<h4 class="sidebar-title">Doc Nav </h4>
|
||||
<div class="sidebar-search sidebar-widget">
|
||||
<div class="sidebar-search-form">
|
||||
<form action="#" method="post">
|
||||
<div class="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search Now"
|
||||
required="">
|
||||
<button type="submit"><i class="ri-search-2-line"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<div class="doc-nav">
|
||||
<ul id="faq">
|
||||
<li class="active"> <a href='/intro'>Getting
|
||||
started</a></li>
|
||||
<li> <a href='/alerts'>Alerts</a> </li>
|
||||
<li> <a href='/buttons'>Buttons</a></li>
|
||||
<li> <a href='/image'>Image</a> </li>
|
||||
<li> <a href='/pagination'>Pagination</a> </li>
|
||||
<li> <a href='/colors'>Colors</a> </li>
|
||||
<li> <a href='/changelog'>Changelog</a> </li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-1">
|
||||
Menu levels 1 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-1" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-2">
|
||||
Menu levels 2 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-2" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-3">
|
||||
Menu levels 3<i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-3" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Introduction</h2>
|
||||
<p>
|
||||
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.</p>
|
||||
<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. Pellentesque quis euismod
|
||||
lacus, a pellentesque nunc. Suspendisse suscipit venenatis ex,
|
||||
at malesuada purus ornare eu. Mauris sed libero ac libero ornare gravida. Aliquam
|
||||
est enim, rutrum at enim ac, sollicitudin sodales purus. Sed
|
||||
mollis tempus est, sed bibendum magna tempor nec. Sed erat felis, suscipit eget
|
||||
ultricies id, malesuada quis purus. Etiam aliquet consectetur
|
||||
velit, nec pulvinar est egestas sed.</p>
|
||||
<p>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. Sed sed faucibus
|
||||
est, sit amet eleifend metus. Nunc pharetra tincidunt eros non viverra.
|
||||
Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.
|
||||
</p>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<strong>Note:-</strong> jQuery plugin dependencies may relay on used
|
||||
platform and their versions.
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<h3>Grunt File & Installation</h3>
|
||||
<span>The JavaScript Task Runner.</span>
|
||||
<div class="mt-3">
|
||||
<p><strong>Installing Grunt:</strong> Run
|
||||
<code>npm install grunt --save-dev</code> command from your teminal to
|
||||
install grunt within your project.</p>
|
||||
<p><strong>Grunt Sass:</strong> Run <code>grunt sass</code> command from
|
||||
your project directory. It will compile SASS to CSS for the project.
|
||||
This will read the file `assets/scss/filename.scss` and output a
|
||||
plain-css file to `/assets/css/filename.css`. </p>
|
||||
<p><strong>Grunt JSHint:</strong> Run <code>grunt jshint</code> command from
|
||||
your project directory. It will checks all *.js files under
|
||||
`assetsjs/filename` for common syntax or coding errors using the JSHint
|
||||
utility.</p>
|
||||
<p><strong>Grunt Sprite:</strong> Run <code>grunt sprite</code> command from
|
||||
your project directory. </p>
|
||||
<p><strong>Further help:</strong> To get more help on the grunt checkout <a
|
||||
href="https://gruntjs.com/getting-started">Grunt</a></p>
|
||||
<p><strong>Note:</strong> However, any SASS code you write must be able
|
||||
compile via Grunt as well.It will generate pre-compiled javascript
|
||||
templates.</p>
|
||||
<p><a href="https://gruntjs.com/" target="_blank"><strong>Grunt</strong></a>
|
||||
is a JavaScript task runner, a tool used to automatically perform
|
||||
frequent tasks such as minification, compilation, unit testing, and
|
||||
linting. It uses a command-line interface to run custom tasks defined in
|
||||
a file.</p>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h3>SCSS Structure</h3>
|
||||
<p class="introduction"> 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. Sed sed faucibus
|
||||
est, sit amet eleifend metus. Nunc pharetra tincidunt eros non viverra.
|
||||
Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<h3>Folder Structure</h3>
|
||||
<div class="mt-3">
|
||||
<pre class="prettyprint"><span class="pun">├──</span><span class="pln"> html files</span><span class="pln">
|
||||
</span><span class="pun">├──</span><span class="pln"> css</span><span class="pun">/</span>
|
||||
</span><span class="pun"></span><span class="pln"></span><span class="pun">├──</span><span class="pln"> All css files
|
||||
</span><span class="pun">├──</span><span class="pln"> fonts</span><span class="pun">/</span>
|
||||
</span><span class="pun">├──</span><span class="pln"> img</span><span class="pun">/</span>
|
||||
</span><span class="pun">├──</span><span class="pln"> Js</span><span class="pun">/</span>
|
||||
</span><span class="pun">├──</span><span class="pln"> All common Javascripts files</span>
|
||||
</span><span class="pun">├──</span><span class="pln"> scss</span><span class="pun">/</span>
|
||||
</span><span class="pun">├──</span><span class="pln"> All scss files</span>
|
||||
</span></pre>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h3>Font Used</h3>
|
||||
<div class="mt-3">
|
||||
<p>Google fonts are used in the template. They are as follows: <a
|
||||
href="https://fonts.google.com/specimen/Nunito+Sans?query=nunito">Nunito
|
||||
Sans
|
||||
Pro</a> and<a href="https://fonts.google.com/specimen/Rubik?query=rubik">
|
||||
Rubik</a> </p>
|
||||
<p>Icons: <a href="https://icons8.com/line-awesome">Line Awesome and <a
|
||||
href="https://remixicon.com/">Remixicon</a>
|
||||
</p>
|
||||
<p>All Images are used: <a href="https://www.pexels.com/">Pexels.com</a> and <a
|
||||
href="https://www.freepik.com"> Freepik</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Introduction -->
|
||||
|
||||
<!-- /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>
|
||||
188
diseno/support-center/js/main.js
vendored
Normal file
188
diseno/support-center/js/main.js
vendored
Normal file
@@ -0,0 +1,188 @@
|
||||
/* Template Name: Docuto - Documentation HTML Template
|
||||
Author: Acavo
|
||||
Version: 1.0.0
|
||||
Created: Oct 2020
|
||||
File Description: Main js file of the template
|
||||
*/
|
||||
|
||||
|
||||
/*============================================*/
|
||||
//
|
||||
// 01 -- Header
|
||||
// 02 -- mCustomScrollbar
|
||||
// 03 -- Smooth scroll js
|
||||
// 04 -- back to top
|
||||
// 05 -- Clipboar Active
|
||||
// 06 -- Preloader
|
||||
// 07 -- AOS
|
||||
//
|
||||
/*===========================================*/
|
||||
|
||||
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
/*===========================================
|
||||
|
||||
01 -- Header
|
||||
|
||||
=============================================*/
|
||||
|
||||
var nav_offset_top = $("header").height() + 50;
|
||||
|
||||
function navbarFixed() {
|
||||
if ($(".header_area").length) {
|
||||
$(window).scroll(function () {
|
||||
var scroll = $(window).scrollTop();
|
||||
if (scroll >= nav_offset_top) {
|
||||
$(".header_area").addClass("navbar_fixed");
|
||||
} else {
|
||||
$(".header_area").removeClass("navbar_fixed");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
navbarFixed();
|
||||
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$(".pagepiling .section").each(function (e) {
|
||||
if (e != 0) $(this).hide();
|
||||
});
|
||||
|
||||
$(".moveDown").on("click", function () {
|
||||
if ($(".pagepiling .section:visible").next().length != 0)
|
||||
$(".pagepiling .section:visible")
|
||||
.next()
|
||||
.show()
|
||||
.addClass("active")
|
||||
.prev()
|
||||
.hide()
|
||||
.removeClass("active");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
/*===========================================
|
||||
|
||||
02 -- mCustomScrollbar
|
||||
|
||||
=============================================*/
|
||||
|
||||
$(window).on("load", function () {
|
||||
if ($(".scroll_body").length) {
|
||||
$(".scroll_body").mCustomScrollbar({
|
||||
theme: "dark-3",
|
||||
setHeight: true,
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(".menu_btn").on("click", function () {
|
||||
$("body").removeClass("menu-is-closed").addClass("menu-is-opened");
|
||||
});
|
||||
$(".close_btn, .body_capture").on("click", function () {
|
||||
$("body").removeClass("menu-is-opened").addClass("menu-is-closed");
|
||||
});
|
||||
|
||||
function wd_scroll() {
|
||||
if ($(".wd_scroll").length) {
|
||||
$(window).on("load", function () {
|
||||
$(".wd_scroll").mCustomScrollbar({
|
||||
theme: "dark",
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
wd_scroll();
|
||||
|
||||
$(".menu_list li a").each(function () {
|
||||
var $this = $(this);
|
||||
$this.on("click", function (e) {
|
||||
var has = $this.hasClass("open");
|
||||
$(".menu_list li a").removeClass("open");
|
||||
if (has) {
|
||||
$this.removeClass("open");
|
||||
} else {
|
||||
$this.addClass("open");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var dropToggle = $(".menu_list > li").has("ul").children("a");
|
||||
dropToggle.on("click", function () {
|
||||
dropToggle.not(this).closest("li").find("ul").slideUp(300);
|
||||
$(this).closest("li").children("ul").slideToggle(300);
|
||||
return false;
|
||||
});
|
||||
|
||||
/*===========================================
|
||||
|
||||
03 -- Wow Animation
|
||||
|
||||
=============================================*/
|
||||
|
||||
|
||||
function wowAnimation() {
|
||||
new WOW({
|
||||
offset: 100,
|
||||
animateClass: "animated",
|
||||
mobile: true,
|
||||
}).init();
|
||||
}
|
||||
wowAnimation();
|
||||
|
||||
/*===========================================
|
||||
|
||||
04 -- back to top - start
|
||||
|
||||
=============================================*/
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 200) {
|
||||
$('#backtotop:hidden').stop(true, true).fadeIn();
|
||||
} else {
|
||||
$('#backtotop').stop(true, true).fadeOut();
|
||||
}
|
||||
});
|
||||
$(function () {
|
||||
$("#scroll").on('click', function () {
|
||||
$("html,body").animate({
|
||||
scrollTop: $("#thetop").offset().top
|
||||
}, "slow");
|
||||
return false
|
||||
})
|
||||
});
|
||||
/*===========================================
|
||||
|
||||
05 -- Clipboar Active
|
||||
|
||||
=============================================*/
|
||||
|
||||
$('.cbtn').on('click', function () {
|
||||
var $this = $(this);
|
||||
var clipboard = new ClipboardJS('.cbtn');
|
||||
|
||||
clipboard.on('success', function (e) {
|
||||
$this.text('Copied!');
|
||||
|
||||
setTimeout(function () {
|
||||
$this.text('Copy');
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
/*===========================================
|
||||
|
||||
06 -- Preloader
|
||||
|
||||
=============================================*/
|
||||
|
||||
$(window).on("load", function () {
|
||||
$("#status").fadeOut();
|
||||
$("#preloader").delay(550).fadeOut("slow");
|
||||
$("body").delay(550).css({
|
||||
overflow: "visible",
|
||||
});
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
2993
diseno/support-center/js/plugins.js
vendored
Normal file
2993
diseno/support-center/js/plugins.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
13365
diseno/support-center/js/vendors.js
vendored
Normal file
13365
diseno/support-center/js/vendors.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
146
diseno/support-center/login.php
Normal file
146
diseno/support-center/login.php
Normal file
@@ -0,0 +1,146 @@
|
||||
<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>
|
||||
|
||||
<!-- PreLoader -->
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Preloader-->
|
||||
|
||||
<!-- Login -->
|
||||
<div class="main-content- bg-img" style="background-image: url(img/bg/user.png);">
|
||||
<!-- Container -->
|
||||
<div class="container h-100">
|
||||
<!-- row -->
|
||||
<div class="row h-100 align-items-center justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-md-8 col-lg-5">
|
||||
<!-- Middle Box -->
|
||||
<div class="middle-box mt-60 login-bg">
|
||||
<div class="col-12 col-md-12 col-lg-12 col-xl-12 px-lg-12 my-5">
|
||||
<div class="login-signup-wrap px-4 px-lg-5 pt-20 my-5">
|
||||
<!-- Heading -->
|
||||
<h1 class="text-center mb-1">
|
||||
Sign In
|
||||
</h1>
|
||||
|
||||
<!-- Subheading -->
|
||||
<p class="text-muted text-center mb-5">
|
||||
Free access to our dashboard.
|
||||
</p>
|
||||
|
||||
<!-- Form -->
|
||||
<form class="login-signup-form">
|
||||
<div class="form-group">
|
||||
<!-- Label -->
|
||||
<label class="pb-1">
|
||||
Email Address
|
||||
</label>
|
||||
<!-- Input group -->
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-mail-line color-primary"></i>
|
||||
</div>
|
||||
<input type="email" class="form-control" placeholder="name@address.com" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label class="pb-1">Password</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="password-reset.php" class="form-text small text-muted">
|
||||
Forgot password?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-lock-line color-primary"></i>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="Enter your password" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit -->
|
||||
<button class="btn btn-lg btn-block solid-btn-login border-radius mt-4 mb-3">
|
||||
Sign In
|
||||
</button>
|
||||
|
||||
<!-- Link -->
|
||||
<div class="text-center pb-20">
|
||||
<small class="text-muted text-center">
|
||||
Already have an account?
|
||||
<a href='/login'>Log in</a>.
|
||||
</small>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</div>
|
||||
<!-- /Login -->
|
||||
|
||||
<!-- 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>
|
||||
622
diseno/support-center/pagination.php
Normal file
622
diseno/support-center/pagination.php
Normal file
@@ -0,0 +1,622 @@
|
||||
<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 class="active"><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><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>Pagination</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">Pagination</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- Container -->
|
||||
</section>
|
||||
<!-- /Breadcrumb -->
|
||||
|
||||
<!-- Pagination -->
|
||||
<section class="paginations pt-100 pb-50">
|
||||
<!-- Container -->
|
||||
<div class="container">
|
||||
<!-- row -->
|
||||
<div class="row justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar-wrapper">
|
||||
<div class="sidebar-widget">
|
||||
<h4 class="sidebar-title">Doc Nav </h4>
|
||||
<div class="sidebar-search sidebar-widget">
|
||||
<div class="sidebar-search-form">
|
||||
<form action="#" method="post">
|
||||
<div class="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search Now"
|
||||
required="">
|
||||
<button type="submit"><i class="ri-search-2-line"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<div class="doc-nav">
|
||||
<ul id="faq">
|
||||
<li> <a href='/intro'>Getting
|
||||
started</a></li>
|
||||
<li> <a href='/alerts'>Alerts</a> </li>
|
||||
<li> <a href='/buttons'>Buttons</a></li>
|
||||
<li> <a href='/image'>Image</a> </li>
|
||||
<li> <a href='/pagination'>Pagination</a> </li>
|
||||
<li> <a href='/colors'>Colors</a> </li>
|
||||
<li> <a href='/changelog'>Changelog</a> </li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-1">
|
||||
Menu levels 1 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-1" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-2">
|
||||
Menu levels 2 <i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-2" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" data-parent="#faq" href="#drop-down-menu-3">
|
||||
Menu levels 3<i class="la la-angle-down"></i></a>
|
||||
<ul id="drop-down-menu-3" class="panel-collapse collapse">
|
||||
<li><a href="#intro">Menu 1 </a></li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3 </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
<!-- col -->
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Pagination</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="bd-lead">Documentation and examples for showing pagination to indicate a
|
||||
series of related content exists across multiple pages.</p>
|
||||
<div class="example">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<span class="nt"><nav</span> <span class="na">aria-label=</span><span class="s">"Page navigation example"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"pagination"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Previous<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Next<span class="nt"></a></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"></nav></span></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Working with icons</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Looking to use an icon or symbol in place of text for some pagination links? Be
|
||||
sure to provide proper screen reader support with <code
|
||||
class="highlighter-rouge">aria</code> attributes and the <code
|
||||
class="highlighter-rouge">.sr-only</code> utility.</p>
|
||||
<div class="example">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination">
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<span class="nt"><nav</span> <span class="na">aria-label=</span><span class="s">"Page navigation example"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"pagination"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">aria-label=</span><span class="s">"Previous"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></span><span class="ni">&laquo;</span><span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Previous<span class="nt"></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">aria-label=</span><span class="s">"Next"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></span><span class="ni">&raquo;</span><span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Next<span class="nt"></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"></nav></span></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Disabled and active states</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="bd-example">
|
||||
<nav aria-label="...">
|
||||
<ul class="pagination">
|
||||
<li class="page-item disabled"><a class="page-link" href="#"
|
||||
tabindex="-1">Previous</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item active"><a class="page-link" href="#">2 <span
|
||||
class="sr-only">(current)</span></a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<span class="nt"><nav</span> <span class="na">aria-label=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"pagination"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item disabled"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">tabindex=</span><span class="s">"-1"</span><span class="nt">></span>Previous<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item active"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>2 <span class="nt"><span</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>(current)<span class="nt"></span></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Next<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"></nav></span></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Alignment</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Change the alignment of pagination components with <a
|
||||
href="http://getbootstrap.com/docs/4.1/utilities/flex/">flexbox
|
||||
utilities</a>.</p>
|
||||
<div class="example">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item disabled"><a class="page-link" href="#"
|
||||
tabindex="-1">Previous</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<span class="nt"><nav</span> <span class="na">aria-label=</span><span class="s">"Page navigation example"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"pagination justify-content-center"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item disabled"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">tabindex=</span><span class="s">"-1"</span><span class="nt">></span>Previous<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Next<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"></nav></span></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination justify-content-end">
|
||||
<li class="page-item disabled"><a class="page-link" href="#"
|
||||
tabindex="-1">Previous</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="code-toolbar">
|
||||
<pre class=" language-markup">
|
||||
<code class="language-markup" id="copy">
|
||||
<span class="nt"><nav</span> <span class="na">aria-label=</span><span class="s">"Page navigation example"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"pagination justify-content-end"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item disabled"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">tabindex=</span><span class="s">"-1"</span><span class="nt">></span>Previous<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"page-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"page-link"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Next<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"></nav></span></code></pre>
|
||||
<div class="toolbar">
|
||||
<div class="toolbar-item"><span>Markup</span></div>
|
||||
<div class="toolbar-item"><a class="cbtn" data-clipboard-action="copy"
|
||||
data-original-title="Copied!" data-clipboard-target="#copy">Copy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- /row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</section>
|
||||
<!-- /Pagination -->
|
||||
|
||||
<!-- /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>
|
||||
161
diseno/support-center/register.php
Normal file
161
diseno/support-center/register.php
Normal file
@@ -0,0 +1,161 @@
|
||||
<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-->
|
||||
|
||||
<!-- Register -->
|
||||
<div class="main-content- bg-img" style="background-image: url(img/bg/user.png);">
|
||||
<!-- Container -->
|
||||
<div class="container h-100">
|
||||
<!-- row -->
|
||||
<div class="row h-100 align-items-center justify-content-center">
|
||||
<!-- col -->
|
||||
<div class="col-md-8 col-lg-5">
|
||||
<!-- Middle Box -->
|
||||
<div class="middle-box mt-60 login-bg">
|
||||
<div class="col-12 col-md-12 col-lg-12 col-xl-12 px-lg-12 my-5">
|
||||
<div class="login-signup-wrap px-4 px-lg-5 pt-20 my-5">
|
||||
<!-- Heading -->
|
||||
<h1 class="text-center mb-1">
|
||||
Signup
|
||||
</h1>
|
||||
|
||||
<!-- Subheading -->
|
||||
<p class="text-muted text-center mb-5">
|
||||
Free access to our dashboard.
|
||||
</p>
|
||||
|
||||
<!-- Form -->
|
||||
<form class="login-signup-form">
|
||||
<div class="form-group">
|
||||
<!-- Label -->
|
||||
<label class="pb-1">
|
||||
Your Name
|
||||
</label>
|
||||
<!-- Input group -->
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-user-line color-primary"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="Enter your name" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!-- Label -->
|
||||
<label class="pb-1">
|
||||
Email Address
|
||||
</label>
|
||||
<!-- Input group -->
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-mail-line color-primary"></i>
|
||||
</div>
|
||||
<input type="email" class="form-control" placeholder="name@address.com" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group">
|
||||
<!-- Label -->
|
||||
<label class="pb-1">
|
||||
Password
|
||||
</label>
|
||||
<!-- Input group -->
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-icon">
|
||||
<i class="ri-lock-line color-primary"></i>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="Enter your password" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check d-flex align-items-center text-center">
|
||||
<input type="checkbox" class="form-check-input mt-0 mr-3" id="exampleCheck1" />
|
||||
<label class="form-check-label small" for="exampleCheck1">I agree your
|
||||
<a href="#">terms and conditions</a></label>
|
||||
</div>
|
||||
|
||||
<!-- Submit -->
|
||||
<button class="btn btn-lg btn-block solid-btn-login border-radius mt-4 mb-3">
|
||||
Sign In
|
||||
</button>
|
||||
|
||||
<!-- Link -->
|
||||
<div class="text-center pb-20">
|
||||
<small class="text-muted text-center">
|
||||
Already have an account?
|
||||
<a href='/login'>Log in</a>.
|
||||
</small>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<!-- row -->
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</div>
|
||||
<!-- /Register -->
|
||||
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user