   <div class="info-with-img">
    <ol>
        <li>
            Enter  <strong>Credentials</strong> in general settings.<br />
            click &quot;save settings&quot; to save.<br /><br />
            
        </li>
        <li>
            Embed Simplex Deals <b>Slider</b> on wesite:
            <ol>
                <li>
                    <strong>using code </strong><br />
                    add div &lt;div id=&quot;simplex-deals&quot;&gt;&lt;/div&gt;<br />
                    where deals slider should apprear<br /><br />
                    
                </li>
                <li>
                    <strong>using Elementor Editor</strong><br />
                    use widget &quot;Simplex Deals&quot;<br />
                    <img alt="" src="" data-src="assets/shared/images/widget-deals.jpg" /><br />
                    * if widget was added twice to page, will only show once, other appearances will be empty<br /><br />
                    
                </li>
                <li>
                    <strong>using Gutenberg Editor</strong><br />
                    use block&quot;Simplex Deals&quot;<br />
                    <img alt="" src="" data-src="assets/shared/images/block-deals.jpg" />
                    <br /><br />
                </li>
            </ol>
        </li>
                <li>
            Embed Simplex Deals <b>Grid</b> on wesite:
            <ol>
                <li>
                    <strong>using code </strong><br />
                    add div &lt;div id=&quot;simplex-deals-grid&quot;&gt;&lt;/div&gt;<br />
                    where deals slider should apprear<br /><br />
                    
                </li>
                <li>
                    <strong>using Elementor Editor</strong><br />
                    use widget &quot;Simplex Deals&quot;<br />
                    <img alt="" src="" data-src="assets/shared/images/widget-deals-grid.jpg" /><br />
                    * if widget was added twice to page, will only show once, other appearances will be empty<br /><br />
                    
                </li>
                <li>
                    <strong>using Gutenberg Editor</strong><br />
                    use block&quot;Simplex Deals&quot;<br />
                    <img alt="" src="" data-src="assets/shared/images/block-deals-grid.jpg" />
                    <br /><br />
                </li>
            </ol>
        </li>
    </ol>
    </div>