Accordion Style 1
Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minim veniam, quis nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="accordion-style-1" id="accordionOne">
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-1-1" role="button" aria-expanded="true" aria-controls="item-1-1" title="Title">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path data-name="Path 39644" d="M187.726,67.2v50.526H137.2v18.947h50.526V187.2h18.947V136.677H257.2V117.729H206.673V67.2Z" transform="translate(-137.2 -67.203)" fill="#121619"/>
</svg>
<div class="overlay-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20" viewBox="0 0 120 20">
<rect data-name="Rectangle 18348" width="120" height="20" fill="#121619"/>
</svg>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing sed do incididunt ut labore?
</a>
<div class="collapse show" id="item-1-1" data-bs-parent="#accordionOne">
<div class="item-content">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minim veniam, quis nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-1-2" role="button" aria-expanded="false" aria-controls="item-1-2" title="Title">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path data-name="Path 39644" d="M187.726,67.2v50.526H137.2v18.947h50.526V187.2h18.947V136.677H257.2V117.729H206.673V67.2Z" transform="translate(-137.2 -67.203)" fill="#121619"/>
</svg>
<div class="overlay-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20" viewBox="0 0 120 20">
<rect data-name="Rectangle 18348" width="120" height="20" fill="#121619"/>
</svg>
</div>
</div>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore?
</a>
<div class="collapse" id="item-1-2" data-bs-parent="#accordionOne">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-1-3" role="button" aria-expanded="false" aria-controls="item-1-3" title="Title">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path data-name="Path 39644" d="M187.726,67.2v50.526H137.2v18.947h50.526V187.2h18.947V136.677H257.2V117.729H206.673V67.2Z" transform="translate(-137.2 -67.203)" fill="#121619"/>
</svg>
<div class="overlay-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20" viewBox="0 0 120 20">
<rect data-name="Rectangle 18348" width="120" height="20" fill="#121619"/>
</svg>
</div>
</div>
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit?
</a>
<div class="collapse" id="item-1-3" data-bs-parent="#accordionOne">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-1-4" role="button" aria-expanded="false" aria-controls="item-1-4" title="Title">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path data-name="Path 39644" d="M187.726,67.2v50.526H137.2v18.947h50.526V187.2h18.947V136.677H257.2V117.729H206.673V67.2Z" transform="translate(-137.2 -67.203)" fill="#121619"/>
</svg>
<div class="overlay-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20" viewBox="0 0 120 20">
<rect data-name="Rectangle 18348" width="120" height="20" fill="#121619"/>
</svg>
</div>
</div>
Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil labore?
</a>
<div class="collapse" id="item-1-4" data-bs-parent="#accordionOne">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-1-5" role="button" aria-expanded="false" aria-controls="item-1-5" title="Title">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path data-name="Path 39644" d="M187.726,67.2v50.526H137.2v18.947h50.526V187.2h18.947V136.677H257.2V117.729H206.673V67.2Z" transform="translate(-137.2 -67.203)" fill="#121619"/>
</svg>
<div class="overlay-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20" viewBox="0 0 120 20">
<rect data-name="Rectangle 18348" width="120" height="20" fill="#121619"/>
</svg>
</div>
</div>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesent
</a>
<div class="collapse" id="item-1-5" data-bs-parent="#accordionOne">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>
Accordion Style 2
Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minim veniam, quis nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="accordion-style-2" id="accordionTwo">
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-2-1" role="button" aria-expanded="true" aria-controls="item-2-1" title="Title">
1. When can we get started?
</a>
<div class="collapse show" id="item-2-1" data-bs-parent="#accordionTwo">
<div class="item-content">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minim veniam, quis nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-2-2" role="button" aria-expanded="false" aria-controls="item-2-2" title="Title">
2. Sed ut perspiciatis unde omnis iste natus error?
</a>
<div class="collapse" id="item-2-2" data-bs-parent="#accordionTwo">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-2-3" role="button" aria-expanded="false" aria-controls="item-2-3" title="Title">
3. Excepteur sint occaecat cupidatat non proident?
</a>
<div class="collapse" id="item-2-3" data-bs-parent="#accordionTwo">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="item">
<a class="collapsed" data-bs-toggle="collapse" href="#item-2-4" role="button" aria-expanded="false" aria-controls="item-2-4" title="Title">
4. At vero eos et accusamus et iusto odio dignissimos?
</a>
<div class="collapse" id="item-2-4" data-bs-parent="#accordionTwo">
<div class="item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>