593 lines
29 KiB
PHP
593 lines
29 KiB
PHP
<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> |