Accordion

                            

<section class="element-page accordion dt-section">
    <div class="container">
        <div class="accordion-block elements-block">
            <div id="accordion2" class="accordion2">
                <div class="content">
                    <div class="main-content">
                        <a class="icon" data-bs-toggle="collapse" href="#accordion2-1" role="button" aria-expanded="false" aria-controls="accordion2-1">
                            <h4>1. When can we get started?</h4>
                            <div class="svg-wrapper">
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                    <path data-name="Path 39863" d="M80,5A10.714,10.714,0,0,0,69.286,15.714V69.286H15.714a10.714,10.714,0,1,0,0,21.429H69.286v53.571a10.714,10.714,0,1,0,21.429,0V90.714h53.571a10.714,10.714,0,1,0,0-21.429H90.714V15.714A10.714,10.714,0,0,0,80,5Z" transform="translate(-5 -5)" fill="#ed485b"/>
                                </svg>
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 37952" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="#1b1c21" stroke="#1b1c21" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion2-1">
                        <div class="card card-body">
                            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.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-2" role="button" aria-expanded="false" aria-controls="accordion2-2">
                            <h4>2. Sed ut perspiciatis unde omnis iste natus error?</h4>
                                <div class="svg-wrapper">  
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                    <path data-name="Path 39863" d="M80,5A10.714,10.714,0,0,0,69.286,15.714V69.286H15.714a10.714,10.714,0,1,0,0,21.429H69.286v53.571a10.714,10.714,0,1,0,21.429,0V90.714h53.571a10.714,10.714,0,1,0,0-21.429H90.714V15.714A10.714,10.714,0,0,0,80,5Z" transform="translate(-5 -5)" fill="#ed485b"/>
                                </svg>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 38019" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-2">
                        <div class="card card-body">
                            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.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-3" role="button" aria-expanded="false" aria-controls="accordion2-3">
                            <h4>3. Excepteur sint occaecat cupidatat non proident?</h4>
                            <div class="svg-wrapper">  
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                    <path data-name="Path 39863" d="M80,5A10.714,10.714,0,0,0,69.286,15.714V69.286H15.714a10.714,10.714,0,1,0,0,21.429H69.286v53.571a10.714,10.714,0,1,0,21.429,0V90.714h53.571a10.714,10.714,0,1,0,0-21.429H90.714V15.714A10.714,10.714,0,0,0,80,5Z" transform="translate(-5 -5)" fill="#ed485b"/>
                                </svg>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 37952" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="#1b1c21" stroke="#1b1c21" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-3">
                        <div class="card card-body">
                            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.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-4" role="button" aria-expanded="false" aria-controls="accordion2-4">
                            <h4>4. At vero eos et accusamus et iusto odio dignissimos?</h4>
                            <div class="svg-wrapper">  
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                    <path data-name="Path 39863" d="M80,5A10.714,10.714,0,0,0,69.286,15.714V69.286H15.714a10.714,10.714,0,1,0,0,21.429H69.286v53.571a10.714,10.714,0,1,0,21.429,0V90.714h53.571a10.714,10.714,0,1,0,0-21.429H90.714V15.714A10.714,10.714,0,0,0,80,5Z" transform="translate(-5 -5)" fill="#ed485b"/>
                                </svg>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 37952" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="#1b1c21" stroke="#1b1c21" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-4">
                        <div class="card card-body">
                            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.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
</section>

                          
                        Copy to clipboard
                        

                            
                                
<section class="element-page accordion dt-section">
    <div class="container">
        <div class="accordion-block elements-block">
            <div id="accordion1" class="accordion1">
                <div class="content">
                    <div class="main-content">
                        <a class="icon" data-bs-toggle="collapse" href="#accordion1-1" role="button" aria-expanded="false" aria-controls="accordion1-1">
                            <h4>1. When can we get started?</h4>
                            <div class="svg-wrapper">
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39873" d="M-798.9,993.362l9.9-9.564-75-72.436L-939,983.8l9.9,9.564L-864,930.5Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39862" d="M-798.9,911.362l9.9,9.565-75,72.435-75-72.435,9.9-9.565,65.1,62.866Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion1-1" data-bs-parent="#accordion1">
                        <div class="card card-body">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et and dolore magna aliqua. Utium enim ad minim veniam, quis nostrud exercitation ullamco laboris .
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-2" role="button" aria-expanded="false" aria-controls="accordion1-2">
                            <h4>2. Sed ut perspiciatis unde omnis iste natus error?</h4> 
                            <div class="svg-wrapper">
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39873" d="M-798.9,993.362l9.9-9.564-75-72.436L-939,983.8l9.9,9.564L-864,930.5Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                                <svg class="svg-plus " xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39862" d="M-798.9,911.362l9.9,9.565-75,72.435-75-72.435,9.9-9.565,65.1,62.866Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-2" data-bs-parent="#accordion1">
                        <div class="card card-body">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et and dolore magna aliqua. Utium enim ad minim veniam, quis nostrud exercitation ullamco laboris .
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-3" role="button" aria-expanded="false" aria-controls="accordion1-3">
                            <h4>3. Excepteur sint occaecat cupidatat non proident?</h4>
                            <div class="svg-wrapper">    
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39873" d="M-798.9,993.362l9.9-9.564-75-72.436L-939,983.8l9.9,9.564L-864,930.5Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                                <svg class="svg-plus " xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39862" d="M-798.9,911.362l9.9,9.565-75,72.435-75-72.435,9.9-9.565,65.1,62.866Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-3" data-bs-parent="#accordion1">
                        <div class="card card-body">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et and dolore magna aliqua. Utium enim ad minim veniam, quis nostrud exercitation ullamco laboris .
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-4" role="button" aria-expanded="false" aria-controls="accordion1-4">
                            <h4>4. Duis aute irure dolor in reprehenderit in voluptate velit esse?</h4>
                            <div class="svg-wrapper">  
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39873" d="M-798.9,993.362l9.9-9.564-75-72.436L-939,983.8l9.9,9.564L-864,930.5Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                                <svg class="svg-plus " xmlns="http://www.w3.org/2000/svg" width="150" height="82" viewBox="0 0 150 82">
                                    <path data-name="Path 39862" d="M-798.9,911.362l9.9,9.565-75,72.435-75-72.435,9.9-9.565,65.1,62.866Z" transform="translate(939 -911.362)" fill="#ed485b" fill-rule="evenodd"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-4" data-bs-parent="#accordion1">
                        <div class="card card-body">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et and dolore magna aliqua. Utium enim ad minim veniam, quis nostrud exercitation ullamco laboris .
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
</section>
                            
                            
                        Copy to clipboard