List Style 1
-
It is a long established fact that a reader will be distracted
-
Nam libero tempore cum soluta nobis est eligendi
-
Sed ut perspiciatis unde omnis voluptatem accusantium dolore
<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"> <hr></hr> </div> <p>It is a long established fact that a reader will be distracted</p> </li> <li> <div class="svg-wrapper"> <hr></hr> </div> <p>Nam libero tempore cum soluta nobis est eligendi</p> </li> <li> <div class="svg-wrapper"> <hr></hr> </div> <p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p> </li> </ul> </div> </div> </div> </div> </section> List Style 2
-
It is a long established fact that a reader will be distracted
-
Nam libero tempore cum soluta nobis est eligendi
-
Sed ut perspiciatis unde omnis voluptatem accusantium dolore
<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="150" height="150" viewBox="0 0 150 150"> <g data-name="Group 40447" transform="translate(-489.81 -1032.81)"> <rect data-name="Rectangle 21" width="150" height="150" rx="75" transform="translate(489.81 1032.81)" fill="#00a7ff" opacity="0.1"/> <path data-name="Path 12" d="M191.132,118.378l-39.257,38.916a5.575,5.575,0,0,1-7.869,0l-19.585-19.583a5.5,5.5,0,0,1,0-7.833,5.575,5.575,0,0,1,7.869,0l15.738,15.667,35.323-35a5.521,5.521,0,1,1,7.781,7.834Z" transform="translate(407.027 973.889)" fill="#00a7ff" fill-rule="evenodd"/> </g> </svg> </div> <p>It is a long established fact that a reader will be distracted</p> </li> <li> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"> <g data-name="Group 40447" transform="translate(-489.81 -1032.81)"> <rect data-name="Rectangle 21" width="150" height="150" rx="75" transform="translate(489.81 1032.81)" fill="#00a7ff" opacity="0.1"/> <path data-name="Path 12" d="M191.132,118.378l-39.257,38.916a5.575,5.575,0,0,1-7.869,0l-19.585-19.583a5.5,5.5,0,0,1,0-7.833,5.575,5.575,0,0,1,7.869,0l15.738,15.667,35.323-35a5.521,5.521,0,1,1,7.781,7.834Z" transform="translate(407.027 973.889)" fill="#00a7ff" fill-rule="evenodd"/> </g> </svg> </div> <p>Nam libero tempore cum soluta nobis est eligendi</p> </li> <li> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"> <g data-name="Group 40447" transform="translate(-489.81 -1032.81)"> <rect data-name="Rectangle 21" width="150" height="150" rx="75" transform="translate(489.81 1032.81)" fill="#00a7ff" opacity="0.1"/> <path data-name="Path 12" d="M191.132,118.378l-39.257,38.916a5.575,5.575,0,0,1-7.869,0l-19.585-19.583a5.5,5.5,0,0,1,0-7.833,5.575,5.575,0,0,1,7.869,0l15.738,15.667,35.323-35a5.521,5.521,0,1,1,7.781,7.834Z" transform="translate(407.027 973.889)" fill="#00a7ff" fill-rule="evenodd"/> </g> </svg> </div> <p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p> </li> </ul> </div> </div> </div> </div> </section> List Style 3
-
It is a long established fact that a reader will be distracted
-
Nam libero tempore cum soluta nobis est eligendi
-
Sed ut perspiciatis unde omnis voluptatem accusantium dolore
<section class="lists dt-section"> <div class="container"> <div class="lists-block"> <div class="list3"> <div class="list-wrapper"> <ul class="list-unstyled"> <li> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="87.5" height="150" viewBox="0 0 87.5 150"> <path data-name="Path 39779" d="M0,134.532,56.785,75.179.357,14.749,15,0,87.5,74.461,15.714,150Z" fill="#1f1f1f" fill-rule="evenodd"/> </svg> </div> <p>It is a long established fact that a reader will be distracted</p> </li> <li> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="87.5" height="150" viewBox="0 0 87.5 150"> <path data-name="Path 39779" d="M0,134.532,56.785,75.179.357,14.749,15,0,87.5,74.461,15.714,150Z" fill="#1f1f1f" fill-rule="evenodd"/> </svg> </div> <p>Nam libero tempore cum soluta nobis est eligendi</p> </li> <li> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="87.5" height="150" viewBox="0 0 87.5 150"> <path data-name="Path 39779" d="M0,134.532,56.785,75.179.357,14.749,15,0,87.5,74.461,15.714,150Z" fill="#1f1f1f" fill-rule="evenodd"/> </svg> </div> <p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p> </li> </ul> </div> </div> </div> </div> </section>