Lists | Biz Pro

List Style 1

Voluptatem accusantium doloremque laudantium
Via dolor sit amet, consectetur, adipis
Nemo enim ipsam voluptatem quia voluptas
Aliquam bibendum lacus quis nulla dignissim faucibus.

                                
<section class="list-block-area">
    <div class="container">
        <div class="list-block">
            <div class="list1">
                <h2>List Title</h2>
                <ul>
                    <li>
                        <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"/>
                        </svg>
                        <p>Voluptatem accusantium doloremque laudantium</p>
                    </li>
                    <li>
                        <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"/>
                        </svg>
                        <p>Via dolor sit amet, consectetur, adipis</p>
                    </li>
                    <li>
                        <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"/>
                        </svg>
                        <p>Nemo enim ipsam voluptatem quia voluptas</p>
                    </li>
                    <li>
                        <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"/>
                        </svg>
                        <p>Aliquam bibendum lacus quis nulla dignissim faucibus.</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

List Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod tempor incid idunt ut labore et dolore magna aliqua. Ut enim ad minim text ven
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in dolor oculpa qui officia deserunt mollit anim id est laborum.

                                
<section class="list-block-area">
    <div class="container">
        <div class="list-block">
            <div class="list2">
                <h2>List Title</h2>
                <ul>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve">
                            <rect width="455" height="455"/>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                        </svg>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod tempor incid idunt ut labore et dolore magna aliqua. Ut enim ad minim text ven</p>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve">
                            <rect width="455" height="455"/>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                        </svg>
                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in dolor oculpa qui officia deserunt mollit anim id est laborum.</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

List Style 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod tempor incid idunt ut labore et dolore magna aliqua. Ut enim ad minim text ven
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in dolor oculpa qui officia deserunt mollit anim id est laborum.

                                
<section class="list-block-area">
    <div class="container">
        <div class="list-block">
            <div class="list3">
                <h2>List Title</h2>
                <ul>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="44.952px" height="44.952px" viewBox="0 0 44.952 44.952" style="enable-background:new 0 0 44.952 44.952;" xml:space="preserve">
                            <g>
                                <path d="M44.952,22.108c0-1.25-0.478-2.424-1.362-3.308L30.627,5.831c-0.977-0.977-2.561-0.977-3.536,0   c-0.978,0.977-0.976,2.568,0,3.546l10.574,10.57H2.484C1.102,19.948,0,21.081,0,22.464c0,0.003,0,0.025,0,0.028   c0,1.382,1.102,2.523,2.484,2.523h35.182L27.094,35.579c-0.978,0.978-0.978,2.564,0,3.541c0.977,0.979,2.561,0.978,3.538-0.001   l12.958-12.97c0.885-0.882,1.362-2.059,1.362-3.309C44.952,22.717,44.952,22.231,44.952,22.108z"/>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                        </svg>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe eiusmod tempor incid idunt ut labore et dolore magna aliqua. Ut enim ad minim text ven</p>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="44.952px" height="44.952px" viewBox="0 0 44.952 44.952" style="enable-background:new 0 0 44.952 44.952;" xml:space="preserve">
                            <g>
                                <path d="M44.952,22.108c0-1.25-0.478-2.424-1.362-3.308L30.627,5.831c-0.977-0.977-2.561-0.977-3.536,0   c-0.978,0.977-0.976,2.568,0,3.546l10.574,10.57H2.484C1.102,19.948,0,21.081,0,22.464c0,0.003,0,0.025,0,0.028   c0,1.382,1.102,2.523,2.484,2.523h35.182L27.094,35.579c-0.978,0.978-0.978,2.564,0,3.541c0.977,0.979,2.561,0.978,3.538-0.001   l12.958-12.97c0.885-0.882,1.362-2.059,1.362-3.309C44.952,22.717,44.952,22.231,44.952,22.108z"/>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                            <g>
                            </g>
                        </svg>
                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in dolor oculpa qui officia deserunt mollit anim id est laborum.</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>