Current File : /home2/selectio/www/wedding-info-new/accordion.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://themes.pixelstrap.com/multikart-app/accordion.html
Date Downloaded: 20-09-2023 15:19:53 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Multikart" />
<meta name="keywords" content="Multikart" />
<meta name="author" content="Multikart" />
<link rel="manifest" href="manifest.json" />
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<title>Multikart PWA App </title>
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/images/favicon.png" />
<meta name="theme-color" content="#ff4c3b" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="multikart" />
<meta name="msapplication-TileImage" content="assets/images/favicon.png" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--Google font-->
<link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" />
<!-- bootstrap css -->
<link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" />
<!-- slick css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" />
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" />
<!-- iconly css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" />
<!-- Theme css -->
<link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" />
</head>
<body>
<!-- loader strat -->
<div class="loader">
<span></span>
<span></span>
</div>
<!-- loader end -->
<!-- header start -->
<header>
<div class="back-links">
<a href="pages.html">
<i class="iconly-Arrow-Left icli"></i>
<div class="content">
<h2>accordion </h2>
</div>
</a>
</div>
</header>
<!-- header end -->
<!-- section start -->
<section class="px-15 classic-accordion top-space pt-0">
<h2 class="page-title">Classic Accordion </h2>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Accordion Item #1
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Accordion Item #2
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Accordion Item #3
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- section end -->
<!-- section start -->
<section class="px-15 category-menu pt-0">
<h2 class="page-title">Withour Border Accordion </h2>
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordionOne" aria-expanded="false" aria-controls="accordionOne">
Accordion Item #1
</button>
</h2>
<div id="accordionOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordionTwo" aria-expanded="false" aria-controls="accordionTwo">
Accordion Item #2
</button>
</h2>
<div id="accordionTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
___ do we use it?
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordionthree" aria-expanded="false" aria-controls="accordionthree">
Accordion Item #3
</button>
</h2>
<div id="accordionthree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
___ do we use it?
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- section end -->
<!-- section start -->
<section class="px-15 ratio_45 pt-0">
<h2 class="page-title">With Border Accordion </h2>
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#one" aria-expanded="true" aria-controls="one">
Accordion Item #1
</button>
</h2>
<div id="one" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#two" aria-expanded="false" aria-controls="two">
Accordion Item #2
</button>
</h2>
<div id="two" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
___ do we use it?
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#three" aria-expanded="false" aria-controls="three">
Accordion Item #3
</button>
</h2>
<div id="three" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem Ipsum __ simply dummy text of ___ printing and typesetting industry. _____ Ipsum has been the
industry's standard dummy text ____ since the 1500s, when __ unknown printer took a ______ of type and
_________ it to make a ____ specimen book. It has ________ not only five centuries, ___ also the leap into
electronic typesetting, remaining essentially _________. It was popularised in ___ 1960s with the release __
Letraset sheets containing _____ Ipsum passages, and more ________ with desktop publishing software ____
Aldus PageMaker including ________ of Lorem Ipsum.
___ do we use it?
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- section end -->
<!-- latest jquery-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Slick js-->
<script src="assets/js/slick.js"></script>
<!-- script js -->
<script src="assets/js/script.js"></script>
</body>
</html>
Mini Shell