Accordion

                        
<section class="shortcodes g-sec">
    <div class="accordion">
        <div class="container">
            <div class="shortcode-block">
                <div class="accordion" id="accordion1">
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="headingOne">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                Neque porro quisquam est, qui dolorem ipsum quia dolor?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion1">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="headingTwo">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                How do I get to and from Wire Summit?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordion1">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section class="shortcodes g-sec">
    <div class="accordion">
        <div class="container">
            <div class="shortcode-block">
                <div class="accordion" id="accordion2">
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion2-headingOne">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion2-collapseOne" aria-expanded="false" aria-controls="accordion2-collapseOne">
                                Neque porro quisquam est, qui dolorem ipsum quia dolor?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion2-collapseOne" class="accordion-collapse collapse" aria-labelledby="accordion2-headingOne" data-bs-parent="#accordion2">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion2-headingTwo">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion2-collapseTwo" aria-expanded="true" aria-controls="accordion2-collapseTwo">
                                How do I get to and from Wire Summit?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion2-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="accordion2-headingTwo" data-bs-parent="#accordion2">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section class="shortcodes g-sec">
    <div class="accordion">
        <div class="container">
            <div class="shortcode-block">
                <div class="accordion" id="accordion3">
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion3-headingOne">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion3-collapseOne" aria-expanded="false" aria-controls="accordion3-collapseOne">
                                <span class="btn-txt">Neque porro quisquam est, qui dolorem ipsum quia dolor?</span>
                                <span class="icon-wrapper">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                            <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                        </svg>
                                    </span>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion3-collapseOne" class="accordion-collapse collapse" aria-labelledby="accordion3-headingOne" data-bs-parent="#accordion3">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion3-headingTwo">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion3-collapseTwo" aria-expanded="true" aria-controls="accordion3-collapseTwo">
                                <span class="btn-txt"> How do I get to and from Wire Summit?</span>
                                <span class="icon-wrapper">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                            <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                        </svg>
                                    </span>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion3-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="accordion3-headingTwo" data-bs-parent="#accordion3">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion3-headingThree">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion3-collapseThree" aria-expanded="false" aria-controls="accordion3-collapseThree">
                                <span class="btn-txt"> How do I get to and from Wire Summit?</span>
                                <span class="icon-wrapper">
                                    <span class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                            <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                        </svg>
                                    </span>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion3-collapseThree" class="accordion-collapse collapse" aria-labelledby="accordion3-headingThree" data-bs-parent="#accordion3">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section class="shortcodes g-sec">
    <div class="accordion">
        <div class="container">
            <div class="shortcode-block">
                <div class="accordion" id="accordion4">
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion4-headingOne">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion4-collapseOne" aria-expanded="false" aria-controls="accordion4-collapseOne">
                                Neque porro quisquam est, qui dolorem ipsum quia dolor?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion4-collapseOne" class="accordion-collapse collapse" aria-labelledby="accordion4-headingOne" data-bs-parent="#accordion4">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="accordion4-headingTwo">
                            <button class="accordion-button d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#accordion4-collapseTwo" aria-expanded="true" aria-controls="accordion4-collapseTwo">
                                How do I get to and from Wire Summit?
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="84" viewBox="0 0 150 84">
                                        <path class="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M69.924,81.168,14.33,24.451a10.833,10.833,0,0,1,0-15.14,10.433,10.433,0,0,1,14.872,0L92.188,73.576a10.863,10.863,0,0,1,.306,14.782L29.246,153.07a10.407,10.407,0,0,1-14.872,0,10.833,10.833,0,0,1,0-15.14Z" transform="translate(156.196 -11.247) rotate(90)" fill="#181818"/>
                                    </svg>
                                </span>
                            </button>
                        </h3>
                        <div id="accordion4-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="accordion4-headingTwo" data-bs-parent="#accordion4">
                            <div class="accordion-body">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard