donation/public/assets/html/default/pages-faqs.html

293 lines
22 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
@@include("partials/title-meta.html", {"title": "FAQs"})
@@include('./partials/head-css.html')
</head>
<body class="loading">
<!-- Begin page -->
<div id="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">
<h4 class="page-title">FAQs</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
<li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
<li class="breadcrumb-item active">FAQs</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-12">
<div class="text-center">
<i class="h1 mdi mdi-comment-multiple-outline text-muted"></i>
<h3 class="mb-3">Frequently Asked Questions</h3>
<p class="text-muted"> 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 waves-effect waves-light mt-2 mr-1"><i class="mdi mdi-email-outline mr-1"></i> Email us your question</button>
<button type="button" class="btn btn-primary waves-effect waves-light mt-2"><i class="mdi mdi-twitter mr-1"></i> Send us a tweet</button>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row mt-4">
<div class="col-12">
<div class="card">
<div class="card-body">
<ul class="nav nav-pills navtab-bg">
<li class="nav-item">
<a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active">
<span class="mr-1"><i class="mdi mdi-help-circle-outline"></i></span>
<span class="d-none d-sm-inline-block">General Questions</span>
</a>
</li>
<li class="nav-item">
<a href="#privacy-p-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2">
<span class="mr-1"><i class="mdi mdi-shield-half-full"></i></span>
<span class="d-none d-sm-inline-block">Privacy Policy</span>
</a>
</li>
<li class="nav-item">
<a href="#support-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2">
<span class="mr-1"><i class="mdi mdi-headset"></i></span>
<span class="d-none d-sm-inline-block">Support</span>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active show" id="general-q-tab">
<div class="row pt-2">
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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>
</div>
</div>
<!--/col-md-5 -->
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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>
</div>
</div>
<!--/col-md-5-->
</div>
<!-- end row -->
</div>
<div class="tab-pane fade" id="privacy-p-tab">
<div class="row pt-2">
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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" 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">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>
</div>
</div>
<!--/col-md-5 -->
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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">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">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>
</div>
</div>
<!--/col-md-5-->
</div>
<!-- end row -->
</div>
<div class="tab-pane fade" id="support-tab">
<div class="row pt-2">
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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>
<!-- 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>
</div>
</div>
<!--/col-md-5 -->
<div class="col-lg-6">
<div class="p-lg-2">
<!-- 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>
<!-- 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>
</div>
</div>
<!--/col-md-5-->
</div>
<!-- end row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div> <!-- container -->
</div> <!-- content -->
@@include('./partials/footer.html')
</div>
<!-- ============================================================== -->
<!-- End Page content -->
<!-- ============================================================== -->
</div>
<!-- END wrapper -->
@@include('./partials/right-sidebar.html')
<!-- Vendor js -->
<script src="../assets/js/vendor.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.min.js"></script>
</body>
</html>