List Style 1
-
Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us.
-
Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
-
Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.
<section class="lists">
<div class="container">
<div class="lists-block">
<h2>List Style 1</h2>
<div class="list-style-1">
<ul class="list-1 packages">
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<circle id="Oval" cx="75" cy="75" r="75" fill="#f9593a"></circle>
</svg>
</div>
<p>Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
Well blag pukka cup of tea give us.
</p>
</li>
<li>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<circle id="Oval" cx="75" cy="75" r="75" fill="#f9593a"></circle>
</svg>
</div>
<p>Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.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="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<circle id="Oval" cx="75" cy="75" r="75" fill="#f9593a"></circle>
</svg>
</div>
<p>Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.</p>
</li>
</ul>
</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 Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us.
-
Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
-
Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.
<section class="lists">
<div class="container">
<div class="lists-block">
<h2>List Style 2</h2>
<div class="list-style-2">
<ul class="list-unstyled list-2">
<li>
<div class="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="193" height="150" viewBox="0 0 193 150">
<g id="check-solid" transform="translate(0 -0.004)">
<path id="Path" d="M2.826,81.68a10.361,10.361,0,0,1,0-14.224L16.473,53.233a9.376,9.376,0,0,1,13.647,0L72.375,97.272l90.5-94.326a9.376,9.376,0,0,1,13.647,0l13.647,14.224a10.361,10.361,0,0,1,0,14.224L79.2,147.054a9.376,9.376,0,0,1-13.647,0Z" transform="translate(0 0.004)" fill="#283233"/>
</g>
</svg>
</div>
<p>Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
Well blag pukka cup of tea give us.
</p>
</li>
<li>
<div class="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="193" height="150" viewBox="0 0 193 150">
<g id="check-solid" transform="translate(0 -0.004)">
<path id="Path" d="M2.826,81.68a10.361,10.361,0,0,1,0-14.224L16.473,53.233a9.376,9.376,0,0,1,13.647,0L72.375,97.272l90.5-94.326a9.376,9.376,0,0,1,13.647,0l13.647,14.224a10.361,10.361,0,0,1,0,14.224L79.2,147.054a9.376,9.376,0,0,1-13.647,0Z" transform="translate(0 0.004)" fill="#283233"/>
</g>
</svg>
</div>
<p>Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.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="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="193" height="150" viewBox="0 0 193 150">
<g id="check-solid" transform="translate(0 -0.004)">
<path id="Path" d="M2.826,81.68a10.361,10.361,0,0,1,0-14.224L16.473,53.233a9.376,9.376,0,0,1,13.647,0L72.375,97.272l90.5-94.326a9.376,9.376,0,0,1,13.647,0l13.647,14.224a10.361,10.361,0,0,1,0,14.224L79.2,147.054a9.376,9.376,0,0,1-13.647,0Z" transform="translate(0 0.004)" fill="#283233"/>
</g>
</svg>
</div>
<p>Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
List Style 3
-
Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us.
-
Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
-
Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.
<section class="lists">
<div class="container">
<div class="lists-block">
<h2>List Style 3</h2>
<div class="list-style-3">
<ul class="list-unstyled list-3">
<li>
<div class="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path id="Union_7" data-name="Union 7" d="M0,75.007A75,75,0,1,1,75.007,150,75.085,75.085,0,0,1,0,75.007Zm15,0A60,60,0,1,0,75.007,15,60.073,60.073,0,0,0,15,75.007Zm15,0a45,45,0,1,1,45.009,45A45.015,45.015,0,0,1,30,75.007Z" fill="#333"/>
</svg>
</div>
<p>Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
Well blag pukka cup of tea give us.
</p>
</li>
<li>
<div class="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path id="Union_7" data-name="Union 7" d="M0,75.007A75,75,0,1,1,75.007,150,75.085,75.085,0,0,1,0,75.007Zm15,0A60,60,0,1,0,75.007,15,60.073,60.073,0,0,0,15,75.007Zm15,0a45,45,0,1,1,45.009,45A45.015,45.015,0,0,1,30,75.007Z" fill="#333"/>
</svg>
</div>
<p>Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.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="list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path id="Union_7" data-name="Union 7" d="M0,75.007A75,75,0,1,1,75.007,150,75.085,75.085,0,0,1,0,75.007Zm15,0A60,60,0,1,0,75.007,15,60.073,60.073,0,0,0,15,75.007Zm15,0a45,45,0,1,1,45.009,45A45.015,45.015,0,0,1,30,75.007Z" fill="#333"/>
</svg>
</div>
<p>Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
List Style 4
-
Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us.
-
Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
-
Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.
<section class="lists">
<div class="container">
<div class="lists-block">
<h2>List Style 4</h2>
<div class="list-style-4">
<ul class="list-unstyled list-4">
<li>
<div class="list-icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<path d="M0.665,0v490l488.669-245L0.665,0z M15.977,24.806L455.183,245L15.977,465.208V24.806z"/>
<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>
</div>
<p>Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs Well blag pukka cup of tea give us a bell bog-standard Harry boot say barmy William fantastic bits and bobs
Well blag pukka cup of tea give us.
</p>
</li>
<li>
<div class="list-icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<path d="M0.665,0v490l488.669-245L0.665,0z M15.977,24.806L455.183,245L15.977,465.208V24.806z"/>
<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>
</div>
<p>Cuppa chancer what a plonker bugger all mate barmy do one lost the plot lemon squeezy bamboozled I lurgy, get stuffed.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="list-icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<path d="M0.665,0v490l488.669-245L0.665,0z M15.977,24.806L455.183,245L15.977,465.208V24.806z"/>
<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>
</div>
<p>Bleeding burke bits and bobs cup of char blimey argy-bargy, baking cakes bender twit ruddy cockup bleeder.</p>
</li>
</ul>
</div>
</div>
</div>
</section>