You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
8.9 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>FAQ | Hyper - Responsive Bootstrap 4 Admin Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
<meta content="Coderthemes" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- App css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style" />
<link href="assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style" />
</head>
<body class="loading" data-layout-config='{"leftSideBarTheme":"dark","layoutBoxed":false, "leftSidebarCondensed":false, "leftSidebarScrollable":false,"darkMode":false, "showRightSidebarOnStart": true}'>
<!-- Begin page -->
<div class="wrapper">
@@include('./partials/left-sidebar.html')
<!-- ============================================================== -->
<!-- Start Page Content here -->
<!-- ============================================================== -->
<div class="content-page">
<div class="content">
@@include('./partials/topbar.html')
<!-- Start Content-->
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box">
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Hyper</a></li>
<li class="breadcrumb-item"><a href="javascript: void(0);">Pages</a></li>
<li class="breadcrumb-item active">FAQ</li>
</ol>
</div>
<h4 class="page-title">FAQ</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<h3 class="">Frequently Asked Questions</h3>
<p class="text-muted mt-3"> Nisi praesentium similique totam odio obcaecati, reprehenderit,
dignissimos rem temporibus ea inventore alias!<br/> Beatae animi nemo ea
tempora, temporibus laborum facilis ut!</p>
<button type="button" class="btn btn-success btn-sm mt-2"><i class="mdi mdi-email-outline mr-1"></i> Email us your question</button>
<button type="button" class="btn btn-info btn-sm mt-2 ml-1"><i class="mdi mdi-twitter mr-1"></i> Send us a tweet</button>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row pt-5">
<div class="col-lg-5 offset-lg-1">
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question" data-wow-delay=".1s">What is Lorem Ipsum?</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">Why use Lorem Ipsum?</h4>
<p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">How many variations exist?</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question" data-wow-delay=".1s">What is Lorem Ipsum?</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</div>
<!--/col-md-5 -->
<div class="col-lg-5">
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">Is safe use Lorem Ipsum?</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">When can be used?</h4>
<p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">License &amp; Copyright</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<!-- Question/Answer -->
<div>
<div class="faq-question-q-box">Q.</div>
<h4 class="faq-question">Is safe use Lorem Ipsum?</h4>
<p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</div>
<!--/col-md-5-->
</div>
<!-- end row -->
</div> <!-- container -->
</div> <!-- content -->
@@include('./partials/footer.html')
</div>
<!-- ============================================================== -->
<!-- End Page content -->
<!-- ============================================================== -->
</div>
<!-- END wrapper -->
@@include('./partials/right-sidebar.html')
<!-- bundle -->
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>
</body>
</html>