Lists

                            
<section class="lists">
    <div class="container">
        <div class="lists-block">
            <div class="list1">
                <h2>Lists Title</h2>
                <div class="list-wrapper">
                    <ul class="list-unstyled">
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                                    <path data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,53.375a50,50,0,1,0,50-50A49.992,49.992,0,0,0,3.375,53.375Zm58.774,0L42.462,33.88a4.64,4.64,0,1,1,6.562-6.562l22.933,23a4.634,4.634,0,0,1,.144,6.394L49.5,79.385a4.632,4.632,0,1,1-6.563-6.538Z" transform="translate(-3.375 -3.375)" fill="#16161b"></path>
                                </svg>
                            </div>
                            <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere dolore</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                                    <path data-name="Icon ionic-ios-arrow-dropright-circle" d="M3.375,53.375a50,50,0,1,0,50-50A49.992,49.992,0,0,0,3.375,53.375Zm58.774,0L42.462,33.88a4.64,4.64,0,1,1,6.562-6.562l22.933,23a4.634,4.634,0,0,1,.144,6.394L49.5,79.385a4.632,4.632,0,1,1-6.563-6.538Z" transform="translate(-3.375 -3.375)" fill="#16161b"></path>
                                </svg>
                            </div>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti corrupti quo dolores</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    
</section>
                            
                        Copy to clipboard
                        

                            
<section class="lists">
    <div class="container">
        <div class="lists-block">
            <div class="list2">
                <h2>Lists Title</h2>
                <div class="list-wrapper">
                    <ul class="list-unstyled">
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="107.143" viewBox="0 0 150 107.143">
                                    <path data-name="Path 39011" d="M326.649,167.843a10.17,10.17,0,0,0-7.1,3.259c-25.3,26.258-50.628,52.387-75.96,78.65l-39.23-33.85a10.1,10.1,0,0,0-7.561-2.437,10.243,10.243,0,0,0-7.011,3.813,10.982,10.982,0,0,0-2.351,7.83,10.834,10.834,0,0,0,3.684,7.257l46.495,40.118a10.076,10.076,0,0,0,13.966-.668c27.537-28.573,55.088-56.976,82.658-85.584a10.966,10.966,0,0,0-.023-15.417,10.142,10.142,0,0,0-7.566-2.97Z" transform="translate(-187.391 -167.836)" fill="#111"></path>
                                </svg>
                            </div>
                            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    
</section>
                            
                        Copy to clipboard
                        

                            
<section class="lists">
    <div class="container">
        <div class="lists-block">
            <div class="list3">
                <h2>Lists Title</h2>
                <div class="list-wrapper">
                    <ul class="list-unstyled">
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper"></div>
                            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    
</section>
                            
                        Copy to clipboard