    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Responsive Navbar&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;style2.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;bootstrap.min.css&quot;&gt;

&lt;/head&gt;

&lt;body&gt;
    &lt;!-- Menu --&gt;

    &lt;nav&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;input type=&quot;checkbox&quot; class=&quot;myCheckBox&quot; id=&quot;myCheck&quot;&gt;
            &lt;label for=&quot;myCheck&quot; class=&quot;checkButton&quot;&gt;
                &lt;i class=&quot;fa fa-bars&quot;&gt;&lt;/i&gt;
            &lt;/label&gt;
            &lt;label class=&quot;logo&quot;&gt;First&lt;span style=&quot;color:#2D3391&quot;&gt;Cash&lt;/span&gt;&lt;/label&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;active&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Services&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Campaign&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Offers&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/nav&gt;


    &lt;!-- slider --&gt;

    &lt;section data-bs-version=&quot;5.1&quot; class=&quot;slider1 cid-tyBOcEcPCT&quot; id=&quot;slider1-1&quot;&gt;

        &lt;div class=&quot;carousel slide&quot; id=&quot;tyChng7djg&quot; data-interval=&quot;5000&quot; data-bs-interval=&quot;5000&quot;&gt;
            &lt;ol class=&quot;carousel-indicators&quot;&gt;
                &lt;li data-slide-to=&quot;0&quot; data-bs-slide-to=&quot;0&quot; class=&quot;active&quot; data-target=&quot;#tyChng7djg&quot; data-bs-target=&quot;#tyChng7djg&quot;&gt;&lt;/li&gt;
                &lt;li data-slide-to=&quot;1&quot; data-bs-slide-to=&quot;1&quot; data-target=&quot;#tyChng7djg&quot; data-bs-target=&quot;#tyChng7djg&quot;&gt;&lt;/li&gt;
                &lt;li data-slide-to=&quot;2&quot; data-bs-slide-to=&quot;2&quot; data-target=&quot;#tyChng7djg&quot; data-bs-target=&quot;#tyChng7djg&quot;&gt;&lt;/li&gt;
            &lt;/ol&gt;
            &lt;div class=&quot;carousel-inner&quot;&gt;
                &lt;div class=&quot;carousel-item slider-image item active&quot;&gt;
                    &lt;div class=&quot;item-wrapper&quot;&gt;
                        &lt;img class=&quot;d-block w-100&quot; src=&quot;assets/images/president.jpg&quot; alt=&quot;Mobirise Website Builder&quot;&gt;


                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;carousel-item slider-image item&quot;&gt;
                    &lt;div class=&quot;item-wrapper&quot;&gt;
                        &lt;img class=&quot;d-block w-100&quot; src=&quot;assets/images/slide2.png&quot; alt=&quot;Mobirise Website Builder&quot;&gt;


                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;carousel-item slider-image item&quot;&gt;
                    &lt;div class=&quot;item-wrapper&quot;&gt;
                        &lt;img class=&quot;d-block w-100&quot; src=&quot;assets/images/sliderFour.jpg&quot; alt=&quot;Mobirise Website Builder&quot;&gt;


                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;a class=&quot;carousel-control carousel-control-prev&quot; role=&quot;button&quot; data-slide=&quot;prev&quot; data-bs-slide=&quot;prev&quot; href=&quot;#tyChng7djg&quot;&gt;
                &lt;span class=&quot;mobi-mbri mobi-mbri-arrow-prev&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;sr-only visually-hidden&quot;&gt;Previous&lt;/span&gt;
            &lt;/a&gt;
            &lt;a class=&quot;carousel-control carousel-control-next&quot; role=&quot;button&quot; data-slide=&quot;next&quot; data-bs-slide=&quot;next&quot; href=&quot;#tyChng7djg&quot;&gt;
                &lt;span class=&quot;mobi-mbri mobi-mbri-arrow-next&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;sr-only visually-hidden&quot;&gt;Next&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Slider End --&gt;
&lt;/body&gt;

&lt;/html&gt;</code></pre>        </div>
    </div>