    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;!--
=========================================================
 Light Bootstrap Dashboard - v2.0.1
=========================================================

 Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard
 Copyright 2019 Creative Tim (https://www.creative-tim.com)
 Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard/blob/master/LICENSE)

 Coded by Creative Tim

=========================================================

 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.  --&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;76x76&quot; href=&quot;../assets/img/apple-icon.png&quot;&gt;
    &lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;../assets/img/favicon.ico&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot; /&gt;
    &lt;title&gt;Light Bootstrap Dashboard - Free Bootstrap 4 Admin Dashboard by Creative Tim&lt;/title&gt;
    &lt;meta content=&#039;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no&#039; name=&#039;viewport&#039; /&gt;
    &lt;!--     Fonts and icons     --&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css?family=Montserrat:400,700,200&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css&quot; /&gt;
    &lt;!-- CSS Files --&gt;
    &lt;link href=&quot;../assets/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;link href=&quot;../assets/css/light-bootstrap-dashboard.css?v=2.0.0 &quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;!-- CSS Just for demo purpose, don&#039;t include it in your project --&gt;
    &lt;link href=&quot;../assets/css/demo.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div class=&quot;wrapper&quot;&gt;
        &lt;div class=&quot;sidebar&quot; data-image=&quot;../assets/img/sidebar-5.jpg&quot;&gt;
            &lt;!--
        Tip 1: You can change the color of the sidebar using: data-color=&quot;purple | blue | green | orange | red&quot;

        Tip 2: you can also add an image using data-image tag
    --&gt;
            &lt;div class=&quot;sidebar-wrapper&quot;&gt;
                &lt;div class=&quot;logo&quot;&gt;
                    &lt;a href=&quot;http://www.creative-tim.com&quot; class=&quot;simple-text&quot;&gt;
                        Creative Tim
                    &lt;/a&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;nav&quot;&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;dashboard.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-chart-pie-35&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Dashboard&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./user.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-circle-09&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;User Profile&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./table.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-notes&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Table List&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class=&quot;nav-item active&quot;&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./typography.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-paper-2&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Typography&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./icons.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-atom&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Icons&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./maps.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-pin-3&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Maps&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;./notifications.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-bell-55&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Notifications&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class=&quot;nav-item active active-pro&quot;&gt;
                        &lt;a class=&quot;nav-link active&quot; href=&quot;upgrade.html&quot;&gt;
                            &lt;i class=&quot;nc-icon nc-alien-33&quot;&gt;&lt;/i&gt;
                            &lt;p&gt;Upgrade to PRO&lt;/p&gt;
                        &lt;/a&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;main-panel&quot;&gt;
            &lt;!-- Navbar --&gt;
            &lt;nav class=&quot;navbar navbar-expand-lg &quot; color-on-scroll=&quot;500&quot;&gt;
                &lt;div class=&quot;container-fluid&quot;&gt;
                    &lt;a class=&quot;navbar-brand&quot; href=&quot;#pablo&quot;&gt; Typography &lt;/a&gt;
                    &lt;button href=&quot;&quot; class=&quot;navbar-toggler navbar-toggler-right&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; aria-controls=&quot;navigation-index&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
                        &lt;span class=&quot;navbar-toggler-bar burger-lines&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;navbar-toggler-bar burger-lines&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;navbar-toggler-bar burger-lines&quot;&gt;&lt;/span&gt;
                    &lt;/button&gt;
                    &lt;div class=&quot;collapse navbar-collapse justify-content-end&quot; id=&quot;navigation&quot;&gt;
                        &lt;ul class=&quot;nav navbar-nav mr-auto&quot;&gt;
                            &lt;li class=&quot;nav-item&quot;&gt;
                                &lt;a href=&quot;#&quot; class=&quot;nav-link&quot; data-toggle=&quot;dropdown&quot;&gt;
                                    &lt;i class=&quot;nc-icon nc-palette&quot;&gt;&lt;/i&gt;
                                    &lt;span class=&quot;d-lg-none&quot;&gt;Dashboard&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li class=&quot;dropdown nav-item&quot;&gt;
                                &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle nav-link&quot; data-toggle=&quot;dropdown&quot;&gt;
                                    &lt;i class=&quot;nc-icon nc-planet&quot;&gt;&lt;/i&gt;
                                    &lt;span class=&quot;notification&quot;&gt;5&lt;/span&gt;
                                    &lt;span class=&quot;d-lg-none&quot;&gt;Notification&lt;/span&gt;
                                &lt;/a&gt;
                                &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Notification 1&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Notification 2&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Notification 3&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Notification 4&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Another notification&lt;/a&gt;
                                &lt;/ul&gt;
                            &lt;/li&gt;
                            &lt;li class=&quot;nav-item&quot;&gt;
                                &lt;a href=&quot;#&quot; class=&quot;nav-link&quot;&gt;
                                    &lt;i class=&quot;nc-icon nc-zoom-split&quot;&gt;&lt;/i&gt;
                                    &lt;span class=&quot;d-lg-block&quot;&gt;&amp;nbsp;Search&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
                            &lt;li class=&quot;nav-item&quot;&gt;
                                &lt;a class=&quot;nav-link&quot; href=&quot;#pablo&quot;&gt;
                                    &lt;span class=&quot;no-icon&quot;&gt;Account&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li class=&quot;nav-item dropdown&quot;&gt;
                                &lt;a class=&quot;nav-link dropdown-toggle&quot; href=&quot;http://example.com&quot; id=&quot;navbarDropdownMenuLink&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;
                                    &lt;span class=&quot;no-icon&quot;&gt;Dropdown&lt;/span&gt;
                                &lt;/a&gt;
                                &lt;div class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdownMenuLink&quot;&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Action&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Another action&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Something&lt;/a&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Something else here&lt;/a&gt;
                                    &lt;div class=&quot;divider&quot;&gt;&lt;/div&gt;
                                    &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Separated link&lt;/a&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;li class=&quot;nav-item&quot;&gt;
                                &lt;a class=&quot;nav-link&quot; href=&quot;#pablo&quot;&gt;
                                    &lt;span class=&quot;no-icon&quot;&gt;Log out&lt;/span&gt;
                                &lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/nav&gt;
            &lt;!-- End Navbar --&gt;
            &lt;div class=&quot;content&quot;&gt;
                &lt;div class=&quot;container-fluid&quot;&gt;
                    &lt;div class=&quot;row&quot;&gt;
                        &lt;div class=&quot;col-md-12&quot;&gt;
                            &lt;div class=&quot;card&quot;&gt;
                                &lt;div class=&quot;card-header&quot;&gt;
                                    &lt;h4 class=&quot;card-title&quot;&gt;Light Bootstrap Table Heading&lt;/h4&gt;
                                    &lt;p class=&quot;card-category&quot;&gt;Created using Montserrat Font Family&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;card-body&quot;&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h1&gt;
                                            &lt;span&gt;Header 1&lt;/span&gt;The Life of LB Dashboard &lt;/h1&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h2&gt;
                                            &lt;span&gt;Header 2&lt;/span&gt;The Life of Light Bootstrap Dashboard &lt;/h2&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h3&gt;
                                            &lt;span&gt;Header 3&lt;/span&gt;The Life of Light Bootstrap Dashboard &lt;/h3&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h4&gt;
                                            &lt;span&gt;Header 4&lt;/span&gt;The Life of Light Bootstrap Dashboard &lt;/h4&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h5&gt;
                                            &lt;span&gt;Header 5&lt;/span&gt;The Life of Light Bootstrap Dashboard &lt;/h5&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h6&gt;
                                            &lt;span&gt;Header 6&lt;/span&gt;The Life of Light Bootstrap Dashboard &lt;/h6&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;p&gt;
                                            &lt;span&gt;Paragraph&lt;/span&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
                                        &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Quote&lt;/span&gt;
                                        &lt;blockquote&gt;
                                            &lt;p class=&quot;blockquote blockquote-primary&quot;&gt;
                                                &quot;I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.&quot;
                                                &lt;br&gt;
                                                &lt;br&gt;
                                                &lt;small&gt;
                                                    - Noaa
                                                &lt;/small&gt;
                                            &lt;/p&gt;
                                        &lt;/blockquote&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Muted Text&lt;/span&gt;
                                        &lt;p class=&quot;text-muted&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
                                        &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Primary Text&lt;/span&gt;
                                        &lt;p class=&quot;text-primary&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Info Text&lt;/span&gt;
                                        &lt;p class=&quot;text-info&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Success Text&lt;/span&gt;
                                        &lt;p class=&quot;text-success&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Warning Text&lt;/span&gt;
                                        &lt;p class=&quot;text-warning&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
                                        &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;span&gt;Danger Text&lt;/span&gt;
                                        &lt;p class=&quot;text-danger&quot;&gt;
                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... &lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;typography-line&quot;&gt;
                                        &lt;h2&gt;
                                            &lt;span&gt;Small Tag&lt;/span&gt;
                                            Header with small subtitle
                                            &lt;br&gt;
                                            &lt;small&gt;Use &quot;small&quot; tag for the headers&lt;/small&gt;
                                        &lt;/h2&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;footer class=&quot;footer&quot;&gt;
                &lt;div class=&quot;container-fluid&quot;&gt;
                    &lt;nav&gt;
                        &lt;ul class=&quot;footer-menu&quot;&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    Home
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    Company
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    Portfolio
                                &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;#&quot;&gt;
                                    Blog
                                &lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;p class=&quot;copyright text-center&quot;&gt;
                            ©
                            &lt;script&gt;
                                document.write(new Date().getFullYear())
                            &lt;/script&gt;
                            &lt;a href=&quot;http://www.creative-tim.com&quot;&gt;Creative Tim&lt;/a&gt;, made with love for a better web
                        &lt;/p&gt;
                    &lt;/nav&gt;
                &lt;/div&gt;
            &lt;/footer&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;!--   --&gt;
    &lt;!-- &lt;div class=&quot;fixed-plugin&quot;&gt;
    &lt;div class=&quot;dropdown show-dropdown&quot;&gt;
        &lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;
            &lt;i class=&quot;fa fa-cog fa-2x&quot;&gt; &lt;/i&gt;
        &lt;/a&gt;

        &lt;ul class=&quot;dropdown-menu&quot;&gt;
			&lt;li class=&quot;header-title&quot;&gt; Sidebar Style&lt;/li&gt;
            &lt;li class=&quot;adjustments-line&quot;&gt;
                &lt;a href=&quot;javascript:void(0)&quot; class=&quot;switch-trigger&quot;&gt;
                    &lt;p&gt;Background Image&lt;/p&gt;
                    &lt;label class=&quot;switch&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; data-toggle=&quot;switch&quot; checked=&quot;&quot; data-on-color=&quot;primary&quot; data-off-color=&quot;primary&quot;&gt;&lt;span class=&quot;toggle&quot;&gt;&lt;/span&gt;
                    &lt;/label&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;adjustments-line&quot;&gt;
                &lt;a href=&quot;javascript:void(0)&quot; class=&quot;switch-trigger background-color&quot;&gt;
                    &lt;p&gt;Filters&lt;/p&gt;
                    &lt;div class=&quot;pull-right&quot;&gt;
                        &lt;span class=&quot;badge filter badge-black&quot; data-color=&quot;black&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;badge filter badge-azure&quot; data-color=&quot;azure&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;badge filter badge-green&quot; data-color=&quot;green&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;badge filter badge-orange&quot; data-color=&quot;orange&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;badge filter badge-red&quot; data-color=&quot;red&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;badge filter badge-purple active&quot; data-color=&quot;purple&quot;&gt;&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;header-title&quot;&gt;Sidebar Images&lt;/li&gt;

            &lt;li class=&quot;active&quot;&gt;
                &lt;a class=&quot;img-holder switch-trigger&quot; href=&quot;javascript:void(0)&quot;&gt;
                    &lt;img src=&quot;../assets/img/sidebar-1.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a class=&quot;img-holder switch-trigger&quot; href=&quot;javascript:void(0)&quot;&gt;
                    &lt;img src=&quot;../assets/img/sidebar-3.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a class=&quot;img-holder switch-trigger&quot; href=&quot;javascript:void(0)&quot;&gt;
                    &lt;img src=&quot;..//assets/img/sidebar-4.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a class=&quot;img-holder switch-trigger&quot; href=&quot;javascript:void(0)&quot;&gt;
                    &lt;img src=&quot;../assets/img/sidebar-5.jpg&quot; alt=&quot;&quot; /&gt;
                &lt;/a&gt;
            &lt;/li&gt;

            &lt;li class=&quot;button-container&quot;&gt;
                &lt;div class=&quot;&quot;&gt;
                    &lt;a href=&quot;http://www.creative-tim.com/product/light-bootstrap-dashboard&quot; target=&quot;_blank&quot; class=&quot;btn btn-info btn-block btn-fill&quot;&gt;Download, it&#039;s free!&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;

            &lt;li class=&quot;header-title pro-title text-center&quot;&gt;Want more components?&lt;/li&gt;

            &lt;li class=&quot;button-container&quot;&gt;
                &lt;div class=&quot;&quot;&gt;
                    &lt;a href=&quot;http://www.creative-tim.com/product/light-bootstrap-dashboard-pro&quot; target=&quot;_blank&quot; class=&quot;btn btn-warning btn-block btn-fill&quot;&gt;Get The PRO Version!&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;

            &lt;li class=&quot;header-title&quot; id=&quot;sharrreTitle&quot;&gt;Thank you for sharing!&lt;/li&gt;

            &lt;li class=&quot;button-container&quot;&gt;
				&lt;button id=&quot;twitter&quot; class=&quot;btn btn-social btn-outline btn-twitter btn-round sharrre&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt; · 256&lt;/button&gt;
                &lt;button id=&quot;facebook&quot; class=&quot;btn btn-social btn-outline btn-facebook btn-round sharrre&quot;&gt;&lt;i class=&quot;fa fa-facebook-square&quot;&gt;&lt;/i&gt; · 426&lt;/button&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
 --&gt;
&lt;/body&gt;
&lt;!--   Core JS Files   --&gt;
&lt;script src=&quot;../assets/js/core/jquery.3.2.1.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;../assets/js/core/popper.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;../assets/js/core/bootstrap.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;!--  Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ --&gt;
&lt;script src=&quot;../assets/js/plugins/bootstrap-switch.js&quot;&gt;&lt;/script&gt;
&lt;!--  Google Maps Plugin    --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE&quot;&gt;&lt;/script&gt;
&lt;!--  Chartist Plugin  --&gt;
&lt;script src=&quot;../assets/js/plugins/chartist.min.js&quot;&gt;&lt;/script&gt;
&lt;!--  Notifications Plugin    --&gt;
&lt;script src=&quot;../assets/js/plugins/bootstrap-notify.js&quot;&gt;&lt;/script&gt;
&lt;!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc --&gt;
&lt;script src=&quot;../assets/js/light-bootstrap-dashboard.js?v=2.0.0 &quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;!-- Light Bootstrap Dashboard DEMO methods, don&#039;t include it in your project! --&gt;
&lt;script src=&quot;../assets/js/demo.js&quot;&gt;&lt;/script&gt;

&lt;/html&gt;
</code></pre>        </div>
    </div>