List Style 1
-
At vero eos et accusamus et iusto odio
-
Quis autem vel eum iure reprehend
-
Excepteur sint occaecat cupidatat non proident
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Sed ut perspiciatis unde omnis iste natus error.
<ul class="list-style-1">
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>
</div>
At vero eos et accusamus et iusto odio
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>
</div>
Quis autem vel eum iure reprehend
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>
</div>
Excepteur sint occaecat cupidatat non proident
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>
</div>
Sed ut perspiciatis unde omnis iste natus error.
</li>
</ul>
List Style 2
-
At vero eos et accusamus et iusto odio
-
Quis autem vel eum iure reprehend
-
Excepteur sint occaecat cupidatat non proident
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Sed ut perspiciatis unde omnis iste natus error.
<ul class="list-style-2">
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="107" viewBox="0 0 150 107">
<path data-name="Path 12" d="M269.246,129.161l-84.122,83.281a11.958,11.958,0,0,1-16.861,0l-41.968-41.908a11.756,11.756,0,0,1,0-16.764,11.959,11.959,0,0,1,16.861,0L176.88,187.3l75.692-74.9a11.823,11.823,0,1,1,16.675,16.764Z" transform="translate(-122.782 -108.92)" fill="#131517" fill-rule="evenodd"/>
</svg>
</div>
At vero eos et accusamus et iusto odio
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="107" viewBox="0 0 150 107">
<path data-name="Path 12" d="M269.246,129.161l-84.122,83.281a11.958,11.958,0,0,1-16.861,0l-41.968-41.908a11.756,11.756,0,0,1,0-16.764,11.959,11.959,0,0,1,16.861,0L176.88,187.3l75.692-74.9a11.823,11.823,0,1,1,16.675,16.764Z" transform="translate(-122.782 -108.92)" fill="#131517" fill-rule="evenodd"/>
</svg>
</div>
Quis autem vel eum iure reprehend
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="107" viewBox="0 0 150 107">
<path data-name="Path 12" d="M269.246,129.161l-84.122,83.281a11.958,11.958,0,0,1-16.861,0l-41.968-41.908a11.756,11.756,0,0,1,0-16.764,11.959,11.959,0,0,1,16.861,0L176.88,187.3l75.692-74.9a11.823,11.823,0,1,1,16.675,16.764Z" transform="translate(-122.782 -108.92)" fill="#131517" fill-rule="evenodd"/>
</svg>
</div>
Excepteur sint occaecat cupidatat non proident
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="107" viewBox="0 0 150 107">
<path data-name="Path 12" d="M269.246,129.161l-84.122,83.281a11.958,11.958,0,0,1-16.861,0l-41.968-41.908a11.756,11.756,0,0,1,0-16.764,11.959,11.959,0,0,1,16.861,0L176.88,187.3l75.692-74.9a11.823,11.823,0,1,1,16.675,16.764Z" transform="translate(-122.782 -108.92)" fill="#131517" fill-rule="evenodd"/>
</svg>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="107" viewBox="0 0 150 107">
<path data-name="Path 12" d="M269.246,129.161l-84.122,83.281a11.958,11.958,0,0,1-16.861,0l-41.968-41.908a11.756,11.756,0,0,1,0-16.764,11.959,11.959,0,0,1,16.861,0L176.88,187.3l75.692-74.9a11.823,11.823,0,1,1,16.675,16.764Z" transform="translate(-122.782 -108.92)" fill="#131517" fill-rule="evenodd"/>
</svg>
</div>
Sed ut perspiciatis unde omnis iste natus error.
</li>
</ul>