pages-faq.html 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  6. <title>Pages / F.A.Q - NiceAdmin Bootstrap Template</title>
  7. <meta content="" name="description">
  8. <meta content="" name="keywords">
  9. <!-- Favicons -->
  10. <link href="assets/img/favicon.png" rel="icon">
  11. <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  12. <!-- Google Fonts -->
  13. <link href="https://fonts.gstatic.com" rel="preconnect">
  14. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  15. <!-- Vendor CSS Files -->
  16. <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  17. <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  18. <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  19. <link href="assets/vendor/quill/quill.snow.css" rel="stylesheet">
  20. <link href="assets/vendor/quill/quill.bubble.css" rel="stylesheet">
  21. <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  22. <link href="assets/vendor/simple-datatables/style.css" rel="stylesheet">
  23. <!-- Template Main CSS File -->
  24. <link href="assets/css/style.css" rel="stylesheet">
  25. <!-- =======================================================
  26. * Template Name: NiceAdmin - v2.2.0
  27. * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
  28. * Author: BootstrapMade.com
  29. * License: https://bootstrapmade.com/license/
  30. ======================================================== -->
  31. </head>
  32. <body>
  33. <!-- ======= Header ======= -->
  34. <header id="header" class="header fixed-top d-flex align-items-center">
  35. <div class="d-flex align-items-center justify-content-between">
  36. <a href="index.html" class="logo d-flex align-items-center">
  37. <img src="assets/img/logo.png" alt="">
  38. <span class="d-none d-lg-block">NiceAdmin</span>
  39. </a>
  40. <i class="bi bi-list toggle-sidebar-btn"></i>
  41. </div><!-- End Logo -->
  42. <div class="search-bar">
  43. <form class="search-form d-flex align-items-center" method="POST" action="#">
  44. <input type="text" name="query" placeholder="Search" title="Enter search keyword">
  45. <button type="submit" title="Search"><i class="bi bi-search"></i></button>
  46. </form>
  47. </div><!-- End Search Bar -->
  48. <nav class="header-nav ms-auto">
  49. <ul class="d-flex align-items-center">
  50. <li class="nav-item d-block d-lg-none">
  51. <a class="nav-link nav-icon search-bar-toggle " href="#">
  52. <i class="bi bi-search"></i>
  53. </a>
  54. </li><!-- End Search Icon-->
  55. <li class="nav-item dropdown">
  56. <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
  57. <i class="bi bi-bell"></i>
  58. <span class="badge bg-primary badge-number">4</span>
  59. </a><!-- End Notification Icon -->
  60. <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
  61. <li class="dropdown-header">
  62. You have 4 new notifications
  63. <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
  64. </li>
  65. <li>
  66. <hr class="dropdown-divider">
  67. </li>
  68. <li class="notification-item">
  69. <i class="bi bi-exclamation-circle text-warning"></i>
  70. <div>
  71. <h4>Lorem Ipsum</h4>
  72. <p>Quae dolorem earum veritatis oditseno</p>
  73. <p>30 min. ago</p>
  74. </div>
  75. </li>
  76. <li>
  77. <hr class="dropdown-divider">
  78. </li>
  79. <li class="notification-item">
  80. <i class="bi bi-x-circle text-danger"></i>
  81. <div>
  82. <h4>Atque rerum nesciunt</h4>
  83. <p>Quae dolorem earum veritatis oditseno</p>
  84. <p>1 hr. ago</p>
  85. </div>
  86. </li>
  87. <li>
  88. <hr class="dropdown-divider">
  89. </li>
  90. <li class="notification-item">
  91. <i class="bi bi-check-circle text-success"></i>
  92. <div>
  93. <h4>Sit rerum fuga</h4>
  94. <p>Quae dolorem earum veritatis oditseno</p>
  95. <p>2 hrs. ago</p>
  96. </div>
  97. </li>
  98. <li>
  99. <hr class="dropdown-divider">
  100. </li>
  101. <li class="notification-item">
  102. <i class="bi bi-info-circle text-primary"></i>
  103. <div>
  104. <h4>Dicta reprehenderit</h4>
  105. <p>Quae dolorem earum veritatis oditseno</p>
  106. <p>4 hrs. ago</p>
  107. </div>
  108. </li>
  109. <li>
  110. <hr class="dropdown-divider">
  111. </li>
  112. <li class="dropdown-footer">
  113. <a href="#">Show all notifications</a>
  114. </li>
  115. </ul><!-- End Notification Dropdown Items -->
  116. </li><!-- End Notification Nav -->
  117. <li class="nav-item dropdown">
  118. <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
  119. <i class="bi bi-chat-left-text"></i>
  120. <span class="badge bg-success badge-number">3</span>
  121. </a><!-- End Messages Icon -->
  122. <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow messages">
  123. <li class="dropdown-header">
  124. You have 3 new messages
  125. <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
  126. </li>
  127. <li>
  128. <hr class="dropdown-divider">
  129. </li>
  130. <li class="message-item">
  131. <a href="#">
  132. <img src="assets/img/messages-1.jpg" alt="" class="rounded-circle">
  133. <div>
  134. <h4>Maria Hudson</h4>
  135. <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
  136. <p>4 hrs. ago</p>
  137. </div>
  138. </a>
  139. </li>
  140. <li>
  141. <hr class="dropdown-divider">
  142. </li>
  143. <li class="message-item">
  144. <a href="#">
  145. <img src="assets/img/messages-2.jpg" alt="" class="rounded-circle">
  146. <div>
  147. <h4>Anna Nelson</h4>
  148. <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
  149. <p>6 hrs. ago</p>
  150. </div>
  151. </a>
  152. </li>
  153. <li>
  154. <hr class="dropdown-divider">
  155. </li>
  156. <li class="message-item">
  157. <a href="#">
  158. <img src="assets/img/messages-3.jpg" alt="" class="rounded-circle">
  159. <div>
  160. <h4>David Muldon</h4>
  161. <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
  162. <p>8 hrs. ago</p>
  163. </div>
  164. </a>
  165. </li>
  166. <li>
  167. <hr class="dropdown-divider">
  168. </li>
  169. <li class="dropdown-footer">
  170. <a href="#">Show all messages</a>
  171. </li>
  172. </ul><!-- End Messages Dropdown Items -->
  173. </li><!-- End Messages Nav -->
  174. <li class="nav-item dropdown pe-3">
  175. <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
  176. <img src="assets/img/profile-img.jpg" alt="Profile" class="rounded-circle">
  177. <span class="d-none d-md-block dropdown-toggle ps-2">K. Anderson</span>
  178. </a><!-- End Profile Iamge Icon -->
  179. <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
  180. <li class="dropdown-header">
  181. <h6>Kevin Anderson</h6>
  182. <span>Web Designer</span>
  183. </li>
  184. <li>
  185. <hr class="dropdown-divider">
  186. </li>
  187. <li>
  188. <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  189. <i class="bi bi-person"></i>
  190. <span>My Profile</span>
  191. </a>
  192. </li>
  193. <li>
  194. <hr class="dropdown-divider">
  195. </li>
  196. <li>
  197. <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  198. <i class="bi bi-gear"></i>
  199. <span>Account Settings</span>
  200. </a>
  201. </li>
  202. <li>
  203. <hr class="dropdown-divider">
  204. </li>
  205. <li>
  206. <a class="dropdown-item d-flex align-items-center" href="pages-faq.html">
  207. <i class="bi bi-question-circle"></i>
  208. <span>Need Help?</span>
  209. </a>
  210. </li>
  211. <li>
  212. <hr class="dropdown-divider">
  213. </li>
  214. <li>
  215. <a class="dropdown-item d-flex align-items-center" href="#">
  216. <i class="bi bi-box-arrow-right"></i>
  217. <span>Sign Out</span>
  218. </a>
  219. </li>
  220. </ul><!-- End Profile Dropdown Items -->
  221. </li><!-- End Profile Nav -->
  222. </ul>
  223. </nav><!-- End Icons Navigation -->
  224. </header><!-- End Header -->
  225. <!-- ======= Sidebar ======= -->
  226. <aside id="sidebar" class="sidebar">
  227. <ul class="sidebar-nav" id="sidebar-nav">
  228. <li class="nav-item">
  229. <a class="nav-link collapsed" href="index.html">
  230. <i class="bi bi-grid"></i>
  231. <span>Dashboard</span>
  232. </a>
  233. </li><!-- End Dashboard Nav -->
  234. <li class="nav-item">
  235. <a class="nav-link collapsed" data-bs-target="#components-nav" data-bs-toggle="collapse" href="#">
  236. <i class="bi bi-menu-button-wide"></i><span>Components</span><i class="bi bi-chevron-down ms-auto"></i>
  237. </a>
  238. <ul id="components-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
  239. <li>
  240. <a href="components-alerts.html">
  241. <i class="bi bi-circle"></i><span>Alerts</span>
  242. </a>
  243. </li>
  244. <li>
  245. <a href="components-accordion.html">
  246. <i class="bi bi-circle"></i><span>Accordion</span>
  247. </a>
  248. </li>
  249. <li>
  250. <a href="components-badges.html">
  251. <i class="bi bi-circle"></i><span>Badges</span>
  252. </a>
  253. </li>
  254. <li>
  255. <a href="components-breadcrumbs.html">
  256. <i class="bi bi-circle"></i><span>Breadcrumbs</span>
  257. </a>
  258. </li>
  259. <li>
  260. <a href="components-buttons.html">
  261. <i class="bi bi-circle"></i><span>Buttons</span>
  262. </a>
  263. </li>
  264. <li>
  265. <a href="components-cards.html">
  266. <i class="bi bi-circle"></i><span>Cards</span>
  267. </a>
  268. </li>
  269. <li>
  270. <a href="components-carousel.html">
  271. <i class="bi bi-circle"></i><span>Carousel</span>
  272. </a>
  273. </li>
  274. <li>
  275. <a href="components-list-group.html">
  276. <i class="bi bi-circle"></i><span>List group</span>
  277. </a>
  278. </li>
  279. <li>
  280. <a href="components-modal.html">
  281. <i class="bi bi-circle"></i><span>Modal</span>
  282. </a>
  283. </li>
  284. <li>
  285. <a href="components-tabs.html">
  286. <i class="bi bi-circle"></i><span>Tabs</span>
  287. </a>
  288. </li>
  289. <li>
  290. <a href="components-pagination.html">
  291. <i class="bi bi-circle"></i><span>Pagination</span>
  292. </a>
  293. </li>
  294. <li>
  295. <a href="components-progress.html">
  296. <i class="bi bi-circle"></i><span>Progress</span>
  297. </a>
  298. </li>
  299. <li>
  300. <a href="components-spinners.html">
  301. <i class="bi bi-circle"></i><span>Spinners</span>
  302. </a>
  303. </li>
  304. <li>
  305. <a href="components-tooltips.html">
  306. <i class="bi bi-circle"></i><span>Tooltips</span>
  307. </a>
  308. </li>
  309. </ul>
  310. </li><!-- End Components Nav -->
  311. <li class="nav-item">
  312. <a class="nav-link collapsed" data-bs-target="#forms-nav" data-bs-toggle="collapse" href="#">
  313. <i class="bi bi-journal-text"></i><span>Forms</span><i class="bi bi-chevron-down ms-auto"></i>
  314. </a>
  315. <ul id="forms-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
  316. <li>
  317. <a href="nft_add.html">
  318. <i class="bi bi-circle"></i><span>Form Elements</span>
  319. </a>
  320. </li>
  321. <li>
  322. <a href="forms-layouts.html">
  323. <i class="bi bi-circle"></i><span>Form Layouts</span>
  324. </a>
  325. </li>
  326. <li>
  327. <a href="forms-editors.html">
  328. <i class="bi bi-circle"></i><span>Form Editors</span>
  329. </a>
  330. </li>
  331. <li>
  332. <a href="forms-validation.html">
  333. <i class="bi bi-circle"></i><span>Form Validation</span>
  334. </a>
  335. </li>
  336. </ul>
  337. </li><!-- End Forms Nav -->
  338. <li class="nav-item">
  339. <a class="nav-link collapsed" data-bs-target="#tables-nav" data-bs-toggle="collapse" href="#">
  340. <i class="bi bi-layout-text-window-reverse"></i><span>Tables</span><i class="bi bi-chevron-down ms-auto"></i>
  341. </a>
  342. <ul id="tables-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
  343. <li>
  344. <a href="tables-general.html">
  345. <i class="bi bi-circle"></i><span>General Tables</span>
  346. </a>
  347. </li>
  348. <li>
  349. <a href="user.html">
  350. <i class="bi bi-circle"></i><span>Data Tables</span>
  351. </a>
  352. </li>
  353. </ul>
  354. </li><!-- End Tables Nav -->
  355. <li class="nav-item">
  356. <a class="nav-link collapsed" data-bs-target="#charts-nav" data-bs-toggle="collapse" href="#">
  357. <i class="bi bi-bar-chart"></i><span>Charts</span><i class="bi bi-chevron-down ms-auto"></i>
  358. </a>
  359. <ul id="charts-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
  360. <li>
  361. <a href="charts-chartjs.html">
  362. <i class="bi bi-circle"></i><span>Chart.js</span>
  363. </a>
  364. </li>
  365. <li>
  366. <a href="charts-apexcharts.html">
  367. <i class="bi bi-circle"></i><span>ApexCharts</span>
  368. </a>
  369. </li>
  370. <li>
  371. <a href="charts-echarts.html">
  372. <i class="bi bi-circle"></i><span>ECharts</span>
  373. </a>
  374. </li>
  375. </ul>
  376. </li><!-- End Charts Nav -->
  377. <li class="nav-item">
  378. <a class="nav-link collapsed" data-bs-target="#icons-nav" data-bs-toggle="collapse" href="#">
  379. <i class="bi bi-gem"></i><span>Icons</span><i class="bi bi-chevron-down ms-auto"></i>
  380. </a>
  381. <ul id="icons-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
  382. <li>
  383. <a href="icons-bootstrap.html">
  384. <i class="bi bi-circle"></i><span>Bootstrap Icons</span>
  385. </a>
  386. </li>
  387. <li>
  388. <a href="icons-remix.html">
  389. <i class="bi bi-circle"></i><span>Remix Icons</span>
  390. </a>
  391. </li>
  392. <li>
  393. <a href="icons-boxicons.html">
  394. <i class="bi bi-circle"></i><span>Boxicons</span>
  395. </a>
  396. </li>
  397. </ul>
  398. </li><!-- End Icons Nav -->
  399. <li class="nav-heading">Pages</li>
  400. <li class="nav-item">
  401. <a class="nav-link collapsed" href="users-profile.html">
  402. <i class="bi bi-person"></i>
  403. <span>Profile</span>
  404. </a>
  405. </li><!-- End Profile Page Nav -->
  406. <li class="nav-item">
  407. <a class="nav-link " href="pages-faq.html">
  408. <i class="bi bi-question-circle"></i>
  409. <span>F.A.Q</span>
  410. </a>
  411. </li><!-- End F.A.Q Page Nav -->
  412. <li class="nav-item">
  413. <a class="nav-link collapsed" href="pages-contact.html">
  414. <i class="bi bi-envelope"></i>
  415. <span>Contact</span>
  416. </a>
  417. </li><!-- End Contact Page Nav -->
  418. <li class="nav-item">
  419. <a class="nav-link collapsed" href="pages-register.html">
  420. <i class="bi bi-card-list"></i>
  421. <span>Register</span>
  422. </a>
  423. </li><!-- End Register Page Nav -->
  424. <li class="nav-item">
  425. <a class="nav-link collapsed" href="login.html">
  426. <i class="bi bi-box-arrow-in-right"></i>
  427. <span>Login</span>
  428. </a>
  429. </li><!-- End Login Page Nav -->
  430. <li class="nav-item">
  431. <a class="nav-link collapsed" href="pages-error-404.html">
  432. <i class="bi bi-dash-circle"></i>
  433. <span>Error 404</span>
  434. </a>
  435. </li><!-- End Error 404 Page Nav -->
  436. <li class="nav-item">
  437. <a class="nav-link collapsed" href="pages-blank.html">
  438. <i class="bi bi-file-earmark"></i>
  439. <span>Blank</span>
  440. </a>
  441. </li><!-- End Blank Page Nav -->
  442. </ul>
  443. </aside><!-- End Sidebar-->
  444. <main id="main" class="main">
  445. <div class="pagetitle">
  446. <h1>Frequently Asked Questions</h1>
  447. <nav>
  448. <ol class="breadcrumb">
  449. <li class="breadcrumb-item"><a href="index.html">Home</a></li>
  450. <li class="breadcrumb-item">Pages</li>
  451. <li class="breadcrumb-item active">Frequently Asked Questions</li>
  452. </ol>
  453. </nav>
  454. </div><!-- End Page Title -->
  455. <section class="section faq">
  456. <div class="row">
  457. <div class="col-lg-6">
  458. <div class="card basic">
  459. <div class="card-body">
  460. <h5 class="card-title">Basic Questions</h5>
  461. <div>
  462. <h6>1. Nisi ut ut exercitationem voluptatem esse sunt rerum?</h6>
  463. <p>Saepe perspiciatis ea. Incidunt blanditiis enim mollitia qui voluptates. Id rem nulla tenetur nihil in unde rerum. Quae consequatur placeat qui cumque earum eius omnis quos.</p>
  464. </div>
  465. <div class="pt-2">
  466. <h6>2. Reiciendis dolores repudiandae?</h6>
  467. <p>Id ipsam non ut. Placeat doloremque deserunt quia tenetur inventore laboriosam dolores totam odio. Aperiam incidunt et. Totam ut quos sunt atque modi molestiae dolorem.</p>
  468. </div>
  469. <div class="pt-2">
  470. <h6>3. Qui qui reprehenderit ut est illo numquam voluptatem?</h6>
  471. <p>Enim inventore in consequuntur ipsam voluptatem consequatur beatae. Nostrum consequuntur voluptates et blanditiis.</p>
  472. </div>
  473. </div>
  474. </div>
  475. <!-- F.A.Q Group 1 -->
  476. <div class="card">
  477. <div class="card-body">
  478. <h5 class="card-title">Laborum dolorem quam porro</h5>
  479. <div class="accordion accordion-flush" id="faq-group-1">
  480. <div class="accordion-item">
  481. <h2 class="accordion-header">
  482. <button class="accordion-button collapsed" data-bs-target="#faqsOne-1" type="button" data-bs-toggle="collapse">
  483. Debitis adipisci eius?
  484. </button>
  485. </h2>
  486. <div id="faqsOne-1" class="accordion-collapse collapse" data-bs-parent="#faq-group-1">
  487. <div class="accordion-body">
  488. Ut quasi odit odio totam accusamus vero eius. Nostrum asperiores voluptatem eos nulla ab dolores est asperiores iure. Quo est quis praesentium aut maiores. Corrupti sed aut expedita fugit vero dolorem. Nemo rerum sapiente. A quaerat dignissimos.
  489. </div>
  490. </div>
  491. </div>
  492. <div class="accordion-item">
  493. <h2 class="accordion-header">
  494. <button class="accordion-button collapsed" data-bs-target="#faqsOne-2" type="button" data-bs-toggle="collapse">
  495. Omnis fugiat quis repellendus?
  496. </button>
  497. </h2>
  498. <div id="faqsOne-2" class="accordion-collapse collapse" data-bs-parent="#faq-group-1">
  499. <div class="accordion-body">
  500. In minus quia impedit est quas deserunt deserunt et. Nulla non quo dolores minima fugiat aut saepe aut inventore. Qui nesciunt odio officia beatae iusto sed voluptatem possimus quas. Officia vitae sit voluptatem nostrum a.
  501. </div>
  502. </div>
  503. </div>
  504. <div class="accordion-item">
  505. <h2 class="accordion-header">
  506. <button class="accordion-button collapsed" data-bs-target="#faqsOne-3" type="button" data-bs-toggle="collapse">
  507. Et occaecati praesentium aliquam modi incidunt?
  508. </button>
  509. </h2>
  510. <div id="faqsOne-3" class="accordion-collapse collapse" data-bs-parent="#faq-group-1">
  511. <div class="accordion-body">
  512. Voluptates magni amet enim perspiciatis atque excepturi itaque est. Sit beatae animi incidunt eum repellat sequi ea saepe inventore. Id et vel et et. Nesciunt itaque corrupti quia ducimus. Consequatur maiores voluptatum fuga quod ut non fuga.
  513. </div>
  514. </div>
  515. </div>
  516. <div class="accordion-item">
  517. <h2 class="accordion-header">
  518. <button class="accordion-button collapsed" data-bs-target="#faqsOne-4" type="button" data-bs-toggle="collapse">
  519. Quo unde eaque vero dolor quis ipsam?
  520. </button>
  521. </h2>
  522. <div id="faqsOne-4" class="accordion-collapse collapse" data-bs-parent="#faq-group-1">
  523. <div class="accordion-body">
  524. Numquam ut reiciendis aliquid. Quia veritatis quasi ipsam sed quo ut eligendi et non. Doloremque sed voluptatem at in voluptas aliquid dolorum.
  525. </div>
  526. </div>
  527. </div>
  528. <div class="accordion-item">
  529. <h2 class="accordion-header">
  530. <button class="accordion-button collapsed" data-bs-target="#faqsOne-5" type="button" data-bs-toggle="collapse">
  531. Natus sunt quo atque mollitia accusamus?
  532. </button>
  533. </h2>
  534. <div id="faqsOne-5" class="accordion-collapse collapse" data-bs-parent="#faq-group-1">
  535. <div class="accordion-body">
  536. Aut necessitatibus maxime quis dolor et. Nihil laboriosam molestiae qui molestias placeat corrupti non quo accusamus. Nemo qui quis harum enim sed. Aliquam molestias pariatur delectus voluptas quidem qui rerum id quisquam. Perspiciatis voluptatem voluptatem eos. Vel aut minus labore at rerum eos.
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div><!-- End F.A.Q Group 1 -->
  543. </div>
  544. <div class="col-lg-6">
  545. <!-- F.A.Q Group 2 -->
  546. <div class="card">
  547. <div class="card-body">
  548. <h5 class="card-title">Deserunt ut unde corporis</h5>
  549. <div class="accordion accordion-flush" id="faq-group-2">
  550. <div class="accordion-item">
  551. <h2 class="accordion-header">
  552. <button class="accordion-button collapsed" data-bs-target="#faqsTwo-1" type="button" data-bs-toggle="collapse">
  553. Cumque voluptatem recusandae blanditiis?
  554. </button>
  555. </h2>
  556. <div id="faqsTwo-1" class="accordion-collapse collapse" data-bs-parent="#faq-group-2">
  557. <div class="accordion-body">
  558. Ut quasi odit odio totam accusamus vero eius. Nostrum asperiores voluptatem eos nulla ab dolores est asperiores iure. Quo est quis praesentium aut maiores. Corrupti sed aut expedita fugit vero dolorem. Nemo rerum sapiente. A quaerat dignissimos.
  559. </div>
  560. </div>
  561. </div>
  562. <div class="accordion-item">
  563. <h2 class="accordion-header">
  564. <button class="accordion-button collapsed" data-bs-target="#faqsTwo-2" type="button" data-bs-toggle="collapse">
  565. Provident beatae eveniet placeat est aperiam repellat adipisci?
  566. </button>
  567. </h2>
  568. <div id="faqsTwo-2" class="accordion-collapse collapse" data-bs-parent="#faq-group-2">
  569. <div class="accordion-body">
  570. In minus quia impedit est quas deserunt deserunt et. Nulla non quo dolores minima fugiat aut saepe aut inventore. Qui nesciunt odio officia beatae iusto sed voluptatem possimus quas. Officia vitae sit voluptatem nostrum a.
  571. </div>
  572. </div>
  573. </div>
  574. <div class="accordion-item">
  575. <h2 class="accordion-header">
  576. <button class="accordion-button collapsed" data-bs-target="#faqsTwo-3" type="button" data-bs-toggle="collapse">
  577. Minus aliquam modi id reprehenderit nihil?
  578. </button>
  579. </h2>
  580. <div id="faqsTwo-3" class="accordion-collapse collapse" data-bs-parent="#faq-group-2">
  581. <div class="accordion-body">
  582. Voluptates magni amet enim perspiciatis atque excepturi itaque est. Sit beatae animi incidunt eum repellat sequi ea saepe inventore. Id et vel et et. Nesciunt itaque corrupti quia ducimus. Consequatur maiores voluptatum fuga quod ut non fuga.
  583. </div>
  584. </div>
  585. </div>
  586. <div class="accordion-item">
  587. <h2 class="accordion-header">
  588. <button class="accordion-button collapsed" data-bs-target="#faqsTwo-4" type="button" data-bs-toggle="collapse">
  589. Quaerat qui est iusto asperiores qui est reiciendis eos et?
  590. </button>
  591. </h2>
  592. <div id="faqsTwo-4" class="accordion-collapse collapse" data-bs-parent="#faq-group-2">
  593. <div class="accordion-body">
  594. Numquam ut reiciendis aliquid. Quia veritatis quasi ipsam sed quo ut eligendi et non. Doloremque sed voluptatem at in voluptas aliquid dolorum.
  595. </div>
  596. </div>
  597. </div>
  598. <div class="accordion-item">
  599. <h2 class="accordion-header">
  600. <button class="accordion-button collapsed" data-bs-target="#faqsTwo-5" type="button" data-bs-toggle="collapse">
  601. Laboriosam asperiores eum?
  602. </button>
  603. </h2>
  604. <div id="faqsTwo-5" class="accordion-collapse collapse" data-bs-parent="#faq-group-2">
  605. <div class="accordion-body">
  606. Aut necessitatibus maxime quis dolor et. Nihil laboriosam molestiae qui molestias placeat corrupti non quo accusamus. Nemo qui quis harum enim sed. Aliquam molestias pariatur delectus voluptas quidem qui rerum id quisquam. Perspiciatis voluptatem voluptatem eos. Vel aut minus labore at rerum eos.
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. </div>
  612. </div><!-- End F.A.Q Group 2 -->
  613. <!-- F.A.Q Group 3 -->
  614. <div class="card">
  615. <div class="card-body">
  616. <h5 class="card-title">Dolore occaecati ducimus quam</h5>
  617. <div class="accordion accordion-flush" id="faq-group-3">
  618. <div class="accordion-item">
  619. <h2 class="accordion-header">
  620. <button class="accordion-button collapsed" data-bs-target="#faqsThree-1" type="button" data-bs-toggle="collapse">
  621. Assumenda doloribus est fugiat sint incidunt animi totam nisi?
  622. </button>
  623. </h2>
  624. <div id="faqsThree-1" class="accordion-collapse collapse" data-bs-parent="#faq-group-3">
  625. <div class="accordion-body">
  626. Ut quasi odit odio totam accusamus vero eius. Nostrum asperiores voluptatem eos nulla ab dolores est asperiores iure. Quo est quis praesentium aut maiores. Corrupti sed aut expedita fugit vero dolorem. Nemo rerum sapiente. A quaerat dignissimos.
  627. </div>
  628. </div>
  629. </div>
  630. <div class="accordion-item">
  631. <h2 class="accordion-header">
  632. <button class="accordion-button collapsed" data-bs-target="#faqsThree-2" type="button" data-bs-toggle="collapse">
  633. Consequatur saepe explicabo odio atque nisi?
  634. </button>
  635. </h2>
  636. <div id="faqsThree-2" class="accordion-collapse collapse" data-bs-parent="#faq-group-3">
  637. <div class="accordion-body">
  638. In minus quia impedit est quas deserunt deserunt et. Nulla non quo dolores minima fugiat aut saepe aut inventore. Qui nesciunt odio officia beatae iusto sed voluptatem possimus quas. Officia vitae sit voluptatem nostrum a.
  639. </div>
  640. </div>
  641. </div>
  642. <div class="accordion-item">
  643. <h2 class="accordion-header">
  644. <button class="accordion-button collapsed" data-bs-target="#faqsThree-3" type="button" data-bs-toggle="collapse">
  645. Voluptates vel est fugiat molestiae rem sit eos sint?
  646. </button>
  647. </h2>
  648. <div id="faqsThree-3" class="accordion-collapse collapse" data-bs-parent="#faq-group-3">
  649. <div class="accordion-body">
  650. Voluptates magni amet enim perspiciatis atque excepturi itaque est. Sit beatae animi incidunt eum repellat sequi ea saepe inventore. Id et vel et et. Nesciunt itaque corrupti quia ducimus. Consequatur maiores voluptatum fuga quod ut non fuga.
  651. </div>
  652. </div>
  653. </div>
  654. <div class="accordion-item">
  655. <h2 class="accordion-header">
  656. <button class="accordion-button collapsed" data-bs-target="#faqsThree-4" type="button" data-bs-toggle="collapse">
  657. Ab ipsa cum autem voluptas doloremque velit?
  658. </button>
  659. </h2>
  660. <div id="faqsThree-4" class="accordion-collapse collapse" data-bs-parent="#faq-group-3">
  661. <div class="accordion-body">
  662. Numquam ut reiciendis aliquid. Quia veritatis quasi ipsam sed quo ut eligendi et non. Doloremque sed voluptatem at in voluptas aliquid dolorum.
  663. </div>
  664. </div>
  665. </div>
  666. <div class="accordion-item">
  667. <h2 class="accordion-header">
  668. <button class="accordion-button collapsed" data-bs-target="#faqsThree-5" type="button" data-bs-toggle="collapse">
  669. Aliquam magni ducimus facilis numquam dolorum harum eveniet iusto?
  670. </button>
  671. </h2>
  672. <div id="faqsThree-5" class="accordion-collapse collapse" data-bs-parent="#faq-group-3">
  673. <div class="accordion-body">
  674. Aut necessitatibus maxime quis dolor et. Nihil laboriosam molestiae qui molestias placeat corrupti non quo accusamus. Nemo qui quis harum enim sed. Aliquam molestias pariatur delectus voluptas quidem qui rerum id quisquam. Perspiciatis voluptatem voluptatem eos. Vel aut minus labore at rerum eos.
  675. </div>
  676. </div>
  677. </div>
  678. </div>
  679. </div>
  680. </div><!-- End F.A.Q Group 3 -->
  681. </div>
  682. </div>
  683. </section>
  684. </main><!-- End #main -->
  685. <!-- ======= Footer ======= -->
  686. <footer id="footer" class="footer">
  687. <div class="copyright">
  688. &copy; Copyright <strong><span>Ark Cards</span></strong>. All Rights Reserved
  689. </div>
  690. <div class="credits">
  691. <!-- All the links in the footer should remain intact. -->
  692. <!-- You can delete the links only if you purchased the pro version. -->
  693. <!-- Licensing information: https://bootstrapmade.com/license/ -->
  694. <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
  695. Designed by <a href="https://ai.choozmo.com/">Choozmo</a>
  696. </div>
  697. </footer><!-- End Footer -->
  698. <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  699. <!-- Vendor JS Files -->
  700. <script src="assets/vendor/apexcharts/apexcharts.min.js"></script>
  701. <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  702. <script src="assets/vendor/chart.js/chart.min.js"></script>
  703. <script src="assets/vendor/echarts/echarts.min.js"></script>
  704. <script src="assets/vendor/quill/quill.min.js"></script>
  705. <script src="assets/vendor/simple-datatables/simple-datatables.js"></script>
  706. <script src="assets/vendor/tinymce/tinymce.min.js"></script>
  707. <script src="assets/vendor/php-email-form/validate.js"></script>
  708. <!-- Template Main JS File -->
  709. <script src="assets/js/main.js"></script>
  710. </body>
  711. </html>