List Style 1
-
At vero eos et accusamus et iusto odio dignissimos ducimus
-
Nullam quis risus eget urna mollis ornare donec elit
-
Aenean eu leo quam ornare curabitur blandit tempus ipsam
-
Nemo enim ipsam voluptatem quia volupta esse cillum dolore
<section class="lists z-sec elements">
<div class="container">
<div class="lists-block">
<h2>List Style 1</h2>
<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="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.301)" fill="#1b1f29"/>
</svg>
</div>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nullam quis risus eget urna mollis ornare donec elit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Aenean eu leo quam ornare curabitur blandit tempus ipsam</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptatem quia volupta esse cillum dolore</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
List Style 2
-
At vero eos et accusamus et iusto odio dignissimos ducimus
-
Nullam quis risus eget urna mollis ornare donec elit
-
Aenean eu leo quam ornare curabitur blandit tempus ipsam
-
Nemo enim ipsam voluptatem quia volupta esse cillum dolore
<section class="lists z-sec elements">
<div class="container">
<div class="lists-block">
<h2>List Style 2</h2>
<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="150.001" height="150.002" viewBox="0 0 150.001 150.002">
<path data-name="Subtraction 5" d="M-5931-14786a74.533,74.533,0,0,1-29.193-5.894,75.068,75.068,0,0,1-12.74-6.915,75.482,75.482,0,0,1-11.1-9.158,75.569,75.569,0,0,1-9.159-11.1,75.025,75.025,0,0,1-6.915-12.741A74.517,74.517,0,0,1-6006-14861a74.522,74.522,0,0,1,5.894-29.194,75.025,75.025,0,0,1,6.915-12.741,75.566,75.566,0,0,1,9.159-11.1,75.541,75.541,0,0,1,11.1-9.158,75.068,75.068,0,0,1,12.74-6.915A74.533,74.533,0,0,1-5931-14936a74.542,74.542,0,0,1,29.195,5.894,75.022,75.022,0,0,1,12.74,6.915,75.523,75.523,0,0,1,11.1,9.158,75.514,75.514,0,0,1,9.159,11.1,75.025,75.025,0,0,1,6.915,12.741A74.522,74.522,0,0,1-5856-14861a74.517,74.517,0,0,1-5.894,29.192,75.025,75.025,0,0,1-6.915,12.741,75.6,75.6,0,0,1-9.159,11.1,75.465,75.465,0,0,1-11.1,9.158,75.022,75.022,0,0,1-12.74,6.915A74.54,74.54,0,0,1-5931-14786Zm-33.95-80.592h0l-7.71,10.2,27.075,24.845,4.229,3.879,3.9-4.3c8-8.834,16.364-18.029,23.739-26.143,7.538-8.291,16.081-17.688,24.391-26.86l-8.554-9.367c-8.122,8.966-16.381,18.052-24.367,26.84l-.305.335c-6.409,7.053-13.037,14.346-19.555,21.532l-22.843-20.965Z" transform="translate(6005.997 14936)" fill="#1b1f29"/>
</svg>
</div>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150.001" height="150.002" viewBox="0 0 150.001 150.002">
<path data-name="Subtraction 5" d="M-5931-14786a74.533,74.533,0,0,1-29.193-5.894,75.068,75.068,0,0,1-12.74-6.915,75.482,75.482,0,0,1-11.1-9.158,75.569,75.569,0,0,1-9.159-11.1,75.025,75.025,0,0,1-6.915-12.741A74.517,74.517,0,0,1-6006-14861a74.522,74.522,0,0,1,5.894-29.194,75.025,75.025,0,0,1,6.915-12.741,75.566,75.566,0,0,1,9.159-11.1,75.541,75.541,0,0,1,11.1-9.158,75.068,75.068,0,0,1,12.74-6.915A74.533,74.533,0,0,1-5931-14936a74.542,74.542,0,0,1,29.195,5.894,75.022,75.022,0,0,1,12.74,6.915,75.523,75.523,0,0,1,11.1,9.158,75.514,75.514,0,0,1,9.159,11.1,75.025,75.025,0,0,1,6.915,12.741A74.522,74.522,0,0,1-5856-14861a74.517,74.517,0,0,1-5.894,29.192,75.025,75.025,0,0,1-6.915,12.741,75.6,75.6,0,0,1-9.159,11.1,75.465,75.465,0,0,1-11.1,9.158,75.022,75.022,0,0,1-12.74,6.915A74.54,74.54,0,0,1-5931-14786Zm-33.95-80.592h0l-7.71,10.2,27.075,24.845,4.229,3.879,3.9-4.3c8-8.834,16.364-18.029,23.739-26.143,7.538-8.291,16.081-17.688,24.391-26.86l-8.554-9.367c-8.122,8.966-16.381,18.052-24.367,26.84l-.305.335c-6.409,7.053-13.037,14.346-19.555,21.532l-22.843-20.965Z" transform="translate(6005.997 14936)" fill="#1b1f29"/>
</svg>
</div>
<p>Nullam quis risus eget urna mollis ornare donec elit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150.001" height="150.002" viewBox="0 0 150.001 150.002">
<path data-name="Subtraction 5" d="M-5931-14786a74.533,74.533,0,0,1-29.193-5.894,75.068,75.068,0,0,1-12.74-6.915,75.482,75.482,0,0,1-11.1-9.158,75.569,75.569,0,0,1-9.159-11.1,75.025,75.025,0,0,1-6.915-12.741A74.517,74.517,0,0,1-6006-14861a74.522,74.522,0,0,1,5.894-29.194,75.025,75.025,0,0,1,6.915-12.741,75.566,75.566,0,0,1,9.159-11.1,75.541,75.541,0,0,1,11.1-9.158,75.068,75.068,0,0,1,12.74-6.915A74.533,74.533,0,0,1-5931-14936a74.542,74.542,0,0,1,29.195,5.894,75.022,75.022,0,0,1,12.74,6.915,75.523,75.523,0,0,1,11.1,9.158,75.514,75.514,0,0,1,9.159,11.1,75.025,75.025,0,0,1,6.915,12.741A74.522,74.522,0,0,1-5856-14861a74.517,74.517,0,0,1-5.894,29.192,75.025,75.025,0,0,1-6.915,12.741,75.6,75.6,0,0,1-9.159,11.1,75.465,75.465,0,0,1-11.1,9.158,75.022,75.022,0,0,1-12.74,6.915A74.54,74.54,0,0,1-5931-14786Zm-33.95-80.592h0l-7.71,10.2,27.075,24.845,4.229,3.879,3.9-4.3c8-8.834,16.364-18.029,23.739-26.143,7.538-8.291,16.081-17.688,24.391-26.86l-8.554-9.367c-8.122,8.966-16.381,18.052-24.367,26.84l-.305.335c-6.409,7.053-13.037,14.346-19.555,21.532l-22.843-20.965Z" transform="translate(6005.997 14936)" fill="#1b1f29"/>
</svg>
</div>
<p>Aenean eu leo quam ornare curabitur blandit tempus ipsam</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150.001" height="150.002" viewBox="0 0 150.001 150.002">
<path data-name="Subtraction 5" d="M-5931-14786a74.533,74.533,0,0,1-29.193-5.894,75.068,75.068,0,0,1-12.74-6.915,75.482,75.482,0,0,1-11.1-9.158,75.569,75.569,0,0,1-9.159-11.1,75.025,75.025,0,0,1-6.915-12.741A74.517,74.517,0,0,1-6006-14861a74.522,74.522,0,0,1,5.894-29.194,75.025,75.025,0,0,1,6.915-12.741,75.566,75.566,0,0,1,9.159-11.1,75.541,75.541,0,0,1,11.1-9.158,75.068,75.068,0,0,1,12.74-6.915A74.533,74.533,0,0,1-5931-14936a74.542,74.542,0,0,1,29.195,5.894,75.022,75.022,0,0,1,12.74,6.915,75.523,75.523,0,0,1,11.1,9.158,75.514,75.514,0,0,1,9.159,11.1,75.025,75.025,0,0,1,6.915,12.741A74.522,74.522,0,0,1-5856-14861a74.517,74.517,0,0,1-5.894,29.192,75.025,75.025,0,0,1-6.915,12.741,75.6,75.6,0,0,1-9.159,11.1,75.465,75.465,0,0,1-11.1,9.158,75.022,75.022,0,0,1-12.74,6.915A74.54,74.54,0,0,1-5931-14786Zm-33.95-80.592h0l-7.71,10.2,27.075,24.845,4.229,3.879,3.9-4.3c8-8.834,16.364-18.029,23.739-26.143,7.538-8.291,16.081-17.688,24.391-26.86l-8.554-9.367c-8.122,8.966-16.381,18.052-24.367,26.84l-.305.335c-6.409,7.053-13.037,14.346-19.555,21.532l-22.843-20.965Z" transform="translate(6005.997 14936)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptatem quia volupta esse cillum dolore</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
List Style 3
-
At vero eos et accusamus et iusto odio dignissimos ducimus
-
Nullam quis risus eget urna mollis ornare donec elit
-
Aenean eu leo quam ornare curabitur blandit tempus ipsam
-
Nemo enim ipsam voluptatem quia volupta esse cillum dolore
<section class="lists z-sec elements">
<div class="container">
<div class="lists-block">
<h2>List Style 3</h2>
<div class="list3">
<div class="list-wrapper">
<ul class="list-unstyled">
<li>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus</p>
</li>
<li>
<p>Nullam quis risus eget urna mollis ornare donec elit</p>
</li>
<li>
<p>Aenean eu leo quam ornare curabitur blandit tempus ipsam</p>
</li>
<li>
<p>Nemo enim ipsam voluptatem quia volupta esse cillum dolore</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>