Lists

List Style 1

  • Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis

  • Sed ut perspiciatis unde omnis voluptatem accusantium dolore

  • Duis aute irure dolor in reprehenderit in voluptate velite ease.

  • Excepteur sint occaecat cupidatat non proident sunt.

                            
                                
<section class="lists dt-section">
    <div class="container">
        <div class="lists-block">
            <div class="list1">
                <div class="list-wrapper">
                    <ul class="list-unstyled">
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150.001" viewBox="0 0 150 150.001"><path data-name="Path 39880" d="M237.61,242.969a75,75,0,1,1,75.359-74.641A75.045,75.045,0,0,1,237.61,242.969Zm-9.3-63.549-10.735-10.913a6.479,6.479,0,0,0-9.207,9.117l15.315,15.495a6.466,6.466,0,0,0,9.162.045L269.72,156.65a6.478,6.478,0,0,0-9.116-9.207Z" transform="translate(-162.969 -92.968)" fill="#ed485b"></path></svg>
                            </div>
                            <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150.001" viewBox="0 0 150 150.001"><path data-name="Path 39880" d="M237.61,242.969a75,75,0,1,1,75.359-74.641A75.045,75.045,0,0,1,237.61,242.969Zm-9.3-63.549-10.735-10.913a6.479,6.479,0,0,0-9.207,9.117l15.315,15.495a6.466,6.466,0,0,0,9.162.045L269.72,156.65a6.478,6.478,0,0,0-9.116-9.207Z" transform="translate(-162.969 -92.968)" fill="#ed485b"></path></svg>
                            </div>
                            <p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150.001" viewBox="0 0 150 150.001"><path data-name="Path 39880" d="M237.61,242.969a75,75,0,1,1,75.359-74.641A75.045,75.045,0,0,1,237.61,242.969Zm-9.3-63.549-10.735-10.913a6.479,6.479,0,0,0-9.207,9.117l15.315,15.495a6.466,6.466,0,0,0,9.162.045L269.72,156.65a6.478,6.478,0,0,0-9.116-9.207Z" transform="translate(-162.969 -92.968)" fill="#ed485b"></path></svg>
                            </div>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velite ease.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150.001" viewBox="0 0 150 150.001"><path data-name="Path 39880" d="M237.61,242.969a75,75,0,1,1,75.359-74.641A75.045,75.045,0,0,1,237.61,242.969Zm-9.3-63.549-10.735-10.913a6.479,6.479,0,0,0-9.207,9.117l15.315,15.495a6.466,6.466,0,0,0,9.162.045L269.72,156.65a6.478,6.478,0,0,0-9.116-9.207Z" transform="translate(-162.969 -92.968)" fill="#ed485b"></path></svg>
                            </div>
                            <p>Excepteur sint occaecat cupidatat non proident sunt.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    
</section>

                            
                        
                        

List Style 2

  • Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs

  • Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.

  • Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.

  • Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit

                            

<section class="lists dt-section">
    <div class="container">
        <div class="lists-block">
            <div class="list2">
                <div class="list-wrapper">
                    <ul class="list-unstyled">
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="92" height="150" viewBox="0 0 92 150"><path data-name="Path 39874" d="M140.1,92,150,81.269,75,0,0,81.269,9.906,92,75,21.467Z" transform="translate(92) rotate(90)" fill="#ed485b" fill-rule="evenodd"></path></svg>
                            </div>
                            <p>Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="92" height="150" viewBox="0 0 92 150"><path data-name="Path 39874" d="M140.1,92,150,81.269,75,0,0,81.269,9.906,92,75,21.467Z" transform="translate(92) rotate(90)" fill="#ed485b" fill-rule="evenodd"></path></svg>
                            </div>
                            <p>Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="92" height="150" viewBox="0 0 92 150"><path data-name="Path 39874" d="M140.1,92,150,81.269,75,0,0,81.269,9.906,92,75,21.467Z" transform="translate(92) rotate(90)" fill="#ed485b" fill-rule="evenodd"></path></svg>
                            </div>
                            <p>Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.</p>
                        </li>
                        <li>
                            <div class="svg-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="92" height="150" viewBox="0 0 92 150"><path data-name="Path 39874" d="M140.1,92,150,81.269,75,0,0,81.269,9.906,92,75,21.467Z" transform="translate(92) rotate(90)" fill="#ed485b" fill-rule="evenodd"></path></svg>
                            </div>
                            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    
</section>