Lists

                
            
    <ul class="list-style-1">
        <li>
            <div class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
                    <g id="Group_39196" data-name="Group 39196" transform="translate(-1026.961 -1765.961)">
                        <path id="Union_1" data-name="Union 1" d="M12.753,27.585l-1.416-.975a1.329,1.329,0,0,0-.835-.242l-2.211.084a2.261,2.261,0,0,1-2.164-1.31L5.388,23.59a1.326,1.326,0,0,0-.6-.627L2.831,21.929a2.257,2.257,0,0,1-1.22-2.218L1.748,18a1.328,1.328,0,0,0-.209-.845L.362,15.282a2.259,2.259,0,0,1,.052-2.53l.975-1.415a1.325,1.325,0,0,0,.243-.835l-.085-2.21A2.26,2.26,0,0,1,2.858,6.126L4.41,5.389a1.326,1.326,0,0,0,.628-.6L6.071,2.83A2.26,2.26,0,0,1,8.287,1.61L10,1.747a1.317,1.317,0,0,0,.844-.207L12.718.362a2.259,2.259,0,0,1,2.53.052l1.415.975a1.326,1.326,0,0,0,.836.243l2.21-.084a2.257,2.257,0,0,1,2.164,1.31l.738,1.552a1.326,1.326,0,0,0,.6.627L25.17,6.07a2.259,2.259,0,0,1,1.219,2.218L26.253,10a1.322,1.322,0,0,0,.208.845l1.178,1.873a2.259,2.259,0,0,1-.053,2.53l-.975,1.415a1.329,1.329,0,0,0-.242.835l.084,2.21a2.259,2.259,0,0,1-1.311,2.164l-1.551.738a1.334,1.334,0,0,0-.629.6L21.929,25.17a2.259,2.259,0,0,1-2.217,1.219L18,26.252a1.326,1.326,0,0,0-.844.208l-1.872,1.178a2.258,2.258,0,0,1-2.53-.053Z" transform="translate(1026.961 1765.961)" fill="#f37272"/>
                        <path id="Path_230" data-name="Path 230" d="M3.924,83.849a.808.808,0,0,1-.574-.238L.262,80.523a.81.81,0,0,1,1.146-1.146l2.515,2.515,5.029-5.031A.81.81,0,0,1,10.1,78.008l-5.6,5.6A.809.809,0,0,1,3.924,83.849Z" transform="translate(1035.779 1699.898)" fill="#fff"/>
                    </g>
                </svg>
            </div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali qua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </li>
        <li>
            <div class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
                    <g id="Group_39196" data-name="Group 39196" transform="translate(-1026.961 -1765.961)">
                        <path id="Union_1" data-name="Union 1" d="M12.753,27.585l-1.416-.975a1.329,1.329,0,0,0-.835-.242l-2.211.084a2.261,2.261,0,0,1-2.164-1.31L5.388,23.59a1.326,1.326,0,0,0-.6-.627L2.831,21.929a2.257,2.257,0,0,1-1.22-2.218L1.748,18a1.328,1.328,0,0,0-.209-.845L.362,15.282a2.259,2.259,0,0,1,.052-2.53l.975-1.415a1.325,1.325,0,0,0,.243-.835l-.085-2.21A2.26,2.26,0,0,1,2.858,6.126L4.41,5.389a1.326,1.326,0,0,0,.628-.6L6.071,2.83A2.26,2.26,0,0,1,8.287,1.61L10,1.747a1.317,1.317,0,0,0,.844-.207L12.718.362a2.259,2.259,0,0,1,2.53.052l1.415.975a1.326,1.326,0,0,0,.836.243l2.21-.084a2.257,2.257,0,0,1,2.164,1.31l.738,1.552a1.326,1.326,0,0,0,.6.627L25.17,6.07a2.259,2.259,0,0,1,1.219,2.218L26.253,10a1.322,1.322,0,0,0,.208.845l1.178,1.873a2.259,2.259,0,0,1-.053,2.53l-.975,1.415a1.329,1.329,0,0,0-.242.835l.084,2.21a2.259,2.259,0,0,1-1.311,2.164l-1.551.738a1.334,1.334,0,0,0-.629.6L21.929,25.17a2.259,2.259,0,0,1-2.217,1.219L18,26.252a1.326,1.326,0,0,0-.844.208l-1.872,1.178a2.258,2.258,0,0,1-2.53-.053Z" transform="translate(1026.961 1765.961)" fill="#f37272"/>
                        <path id="Path_230" data-name="Path 230" d="M3.924,83.849a.808.808,0,0,1-.574-.238L.262,80.523a.81.81,0,0,1,1.146-1.146l2.515,2.515,5.029-5.031A.81.81,0,0,1,10.1,78.008l-5.6,5.6A.809.809,0,0,1,3.924,83.849Z" transform="translate(1035.779 1699.898)" fill="#fff"/>
                    </g>
                </svg>
            </div>
            Lorem ipsum dolor sit amet, consectetur enim ad minim veniam, quis nostrud dolore voluptatem accusantiu doloremque laudantium
        </li>
        <li>
            <div class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
                    <g id="Group_39196" data-name="Group 39196" transform="translate(-1026.961 -1765.961)">
                        <path id="Union_1" data-name="Union 1" d="M12.753,27.585l-1.416-.975a1.329,1.329,0,0,0-.835-.242l-2.211.084a2.261,2.261,0,0,1-2.164-1.31L5.388,23.59a1.326,1.326,0,0,0-.6-.627L2.831,21.929a2.257,2.257,0,0,1-1.22-2.218L1.748,18a1.328,1.328,0,0,0-.209-.845L.362,15.282a2.259,2.259,0,0,1,.052-2.53l.975-1.415a1.325,1.325,0,0,0,.243-.835l-.085-2.21A2.26,2.26,0,0,1,2.858,6.126L4.41,5.389a1.326,1.326,0,0,0,.628-.6L6.071,2.83A2.26,2.26,0,0,1,8.287,1.61L10,1.747a1.317,1.317,0,0,0,.844-.207L12.718.362a2.259,2.259,0,0,1,2.53.052l1.415.975a1.326,1.326,0,0,0,.836.243l2.21-.084a2.257,2.257,0,0,1,2.164,1.31l.738,1.552a1.326,1.326,0,0,0,.6.627L25.17,6.07a2.259,2.259,0,0,1,1.219,2.218L26.253,10a1.322,1.322,0,0,0,.208.845l1.178,1.873a2.259,2.259,0,0,1-.053,2.53l-.975,1.415a1.329,1.329,0,0,0-.242.835l.084,2.21a2.259,2.259,0,0,1-1.311,2.164l-1.551.738a1.334,1.334,0,0,0-.629.6L21.929,25.17a2.259,2.259,0,0,1-2.217,1.219L18,26.252a1.326,1.326,0,0,0-.844.208l-1.872,1.178a2.258,2.258,0,0,1-2.53-.053Z" transform="translate(1026.961 1765.961)" fill="#f37272"/>
                        <path id="Path_230" data-name="Path 230" d="M3.924,83.849a.808.808,0,0,1-.574-.238L.262,80.523a.81.81,0,0,1,1.146-1.146l2.515,2.515,5.029-5.031A.81.81,0,0,1,10.1,78.008l-5.6,5.6A.809.809,0,0,1,3.924,83.849Z" transform="translate(1035.779 1699.898)" fill="#fff"/>
                    </g>
                </svg>
            </div>
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur aliquip ex ea commodo consequat t, sed do eiusmod temper
        </li>
        <li>
            <div class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
                    <g id="Group_39196" data-name="Group 39196" transform="translate(-1026.961 -1765.961)">
                        <path id="Union_1" data-name="Union 1" d="M12.753,27.585l-1.416-.975a1.329,1.329,0,0,0-.835-.242l-2.211.084a2.261,2.261,0,0,1-2.164-1.31L5.388,23.59a1.326,1.326,0,0,0-.6-.627L2.831,21.929a2.257,2.257,0,0,1-1.22-2.218L1.748,18a1.328,1.328,0,0,0-.209-.845L.362,15.282a2.259,2.259,0,0,1,.052-2.53l.975-1.415a1.325,1.325,0,0,0,.243-.835l-.085-2.21A2.26,2.26,0,0,1,2.858,6.126L4.41,5.389a1.326,1.326,0,0,0,.628-.6L6.071,2.83A2.26,2.26,0,0,1,8.287,1.61L10,1.747a1.317,1.317,0,0,0,.844-.207L12.718.362a2.259,2.259,0,0,1,2.53.052l1.415.975a1.326,1.326,0,0,0,.836.243l2.21-.084a2.257,2.257,0,0,1,2.164,1.31l.738,1.552a1.326,1.326,0,0,0,.6.627L25.17,6.07a2.259,2.259,0,0,1,1.219,2.218L26.253,10a1.322,1.322,0,0,0,.208.845l1.178,1.873a2.259,2.259,0,0,1-.053,2.53l-.975,1.415a1.329,1.329,0,0,0-.242.835l.084,2.21a2.259,2.259,0,0,1-1.311,2.164l-1.551.738a1.334,1.334,0,0,0-.629.6L21.929,25.17a2.259,2.259,0,0,1-2.217,1.219L18,26.252a1.326,1.326,0,0,0-.844.208l-1.872,1.178a2.258,2.258,0,0,1-2.53-.053Z" transform="translate(1026.961 1765.961)" fill="#f37272"/>
                        <path id="Path_230" data-name="Path 230" d="M3.924,83.849a.808.808,0,0,1-.574-.238L.262,80.523a.81.81,0,0,1,1.146-1.146l2.515,2.515,5.029-5.031A.81.81,0,0,1,10.1,78.008l-5.6,5.6A.809.809,0,0,1,3.924,83.849Z" transform="translate(1035.779 1699.898)" fill="#fff"/>
                    </g>
                </svg>
            </div>
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
        </li>
    </ul>
            
            Copy to clipboard
            

                
            
    <ul class="list-style-2">
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="0 0 15 30">
                    <path id="Icon_ionic-md-arrow-dropright" data-name="Icon ionic-md-arrow-dropright" d="M13.5,9l15,15-15,15Z" transform="translate(-13.5 -9)" fill="#ee8d5a"/>
                </svg>
            </span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali qua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="0 0 15 30">
                    <path id="Icon_ionic-md-arrow-dropright" data-name="Icon ionic-md-arrow-dropright" d="M13.5,9l15,15-15,15Z" transform="translate(-13.5 -9)" fill="#ee8d5a"/>
                </svg>
            </span>
            Lorem ipsum dolor sit amet, consectetur enim ad minim veniam, quis nostrud dolore voluptatem accusantiu doloremque laudantium
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="0 0 15 30">
                    <path id="Icon_ionic-md-arrow-dropright" data-name="Icon ionic-md-arrow-dropright" d="M13.5,9l15,15-15,15Z" transform="translate(-13.5 -9)" fill="#ee8d5a"/>
                </svg>
            </span>
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur aliquip ex ea commodo consequat t, sed do eiusmod temper
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="0 0 15 30">
                    <path id="Icon_ionic-md-arrow-dropright" data-name="Icon ionic-md-arrow-dropright" d="M13.5,9l15,15-15,15Z" transform="translate(-13.5 -9)" fill="#ee8d5a"/>
                </svg>
            </span>
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
        </li>
    </ul>
            
            Copy to clipboard
            

                
            
    <ul class="list-style-3">
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                    <rect id="Rectangle_18060" data-name="Rectangle 18060" width="100" height="100"/>
                </svg>
            </span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali qua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                    <rect id="Rectangle_18060" data-name="Rectangle 18060" width="100" height="100"/>
                </svg>
            </span>
            Lorem ipsum dolor sit amet, consectetur enim ad minim veniam, quis nostrud dolore voluptatem accusantiu doloremque laudantium
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                    <rect id="Rectangle_18060" data-name="Rectangle 18060" width="100" height="100"/>
                </svg>
            </span>
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur aliquip ex ea commodo consequat t, sed do eiusmod temper
        </li>
        <li>
            <span class="icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
                    <rect id="Rectangle_18060" data-name="Rectangle 18060" width="100" height="100"/>
                </svg>
            </span>
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
        </li>
    </ul>
            
            Copy to clipboard