title: Jssor slider not responsive
body: <p>My slider is not responsive. It does not get re-sized when I re-scale my browser. I want the slider to bo responsive even if I use in tablet or mobile.</p>
  
  <p>The slider code is below the navigation. </p>
  
  <pre><code>&lt;!DOCTYPE html""&gt;
  &lt;html lang="en-US"&gt;
  &lt;head&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;   
  &lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /&gt;
  
      &lt;title&gt;Vijay Hemant Finance &amp; Estates Limited&lt;/title&gt;
          &lt;link rel="shortcut icon" href="" /&gt;
   &lt;link rel='stylesheet' id='page-css'  href='css/bootstrap-shortcodes.css' type='text/css' media='all' /&gt;   
    &lt;link rel='stylesheet' id='page-css'  href='css/settings.css' type='text/css' media='all' /&gt;  
    &lt;style type="text/css"&gt;.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}&lt;/style&gt;
  &lt;/style&gt;
    &lt;link rel='stylesheet' id='page-css'  href='css/shortcodes.css' type='text/css' media='all' /&gt;  
  
  
  &lt;link rel='stylesheet' id='bootstrap-css-css'  href='css/bootstrap.css' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='bootstrap-responsive-css-css'  href='css/bootstrap-responsive.css' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='main_style-css'  href='css/style.css' type='text/css' media='all' /&gt;
  &lt;!--
  &lt;link rel='stylesheet' id='Merriweather-css'  href='http://fonts.googleapis.com/css?family=Merriweather%3A400%2C700%2C900%2C300&amp;#038;ver=3.5.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='fontawesome-css'  href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css?ver=3.5.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='google_fonts-css'  href='http://fonts.googleapis.com/css?family&amp;#038;ver=3.5.1' type='text/css' media='all' /&gt; --&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jssor.core.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jssor.utils.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jssor.slider.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/slider.js"&gt;&lt;/script&gt;
  
  
  &lt;style type="text/css"&gt;.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}&lt;/style&gt;
  &lt;style type="text/css" id="custom-background-css"&gt;
  body.custom-background { background-image: url(''); background-repeat: repeat; background-position: top left; background-attachment: fixed; }
  &lt;/style&gt;
  &lt;link rel='stylesheet' id='page-css'  href='css/page.css' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='slider-css'  href='css/slider.css' type='text/css' media='all' /&gt;
  &lt;/head&gt;
  
  &lt;body class="home blog custom-background"&gt;
  
  
  &lt;div id="container"&gt;
      &lt;div class="container-narrow"&gt;
  
          &lt;!-- Header --&gt;
          &lt;header&gt;
              &lt;div class="top"&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="row-fluid"&gt;
                          &lt;div class="span12"&gt;
                              &lt;!-- Logo --&gt;
                              &lt;div class="logo" style="margin-top:20px;margin-bottom:20px;margin-left:0px;"&gt;
                                                                  &lt;a href="index.html"&gt;&lt;img src="img/logo4.png" alt='Vijay Hemant Finance &amp; Estates Limited' title="Vijay Hemant Finance &amp; Estates Limited"/&gt;&lt;/a&gt;
                              &lt;/div&gt;
                              &lt;!-- Site description --&gt;
                              &lt;h2 class="site_heading"&gt;Handling Money........   With Devotion And Care&lt;/h2&gt;
                              &lt;!-- Contact --&gt;
                                                                                          &lt;div class="header_contact rounded"&gt;
                                                                              &lt;div class="phone"&gt;&lt;img src="img/phoneicon.png" alt="phone icon" /&gt;&lt;span&gt;044-30228855                &lt;/span&gt;&lt;/div&gt;
                                                                                                                  &lt;div class="email"&gt;&lt;img src="img/mailicon.png" alt="mail icon" /&gt;&lt;span&gt;&lt;a href="office@vijayhemant.in"&gt;office@vijayhemant.in&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
                                                                      &lt;/div&gt;
                                                      &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
         &lt;div&gt; &lt;img src="img/separator.png" style="margin-top: -60px; width:755px;
  margin-left: 390px; "&gt;&lt;/div&gt;
  
  &lt;!-- Menu Navigation --&gt;
              &lt;div class="menu_wrap" style="position:relative; top:-60px;"&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="navbar navbar-inverse navbar-relative-top"&gt;
                        &lt;div class="navbar-inner"&gt;
                          &lt;div class="container"&gt;
                            &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"&gt;
  
                            &lt;/a&gt;
                            &lt;div class="nav-collapse collapse navbar-responsive-collapse" style="height:auto;"&gt;
  
  
  &lt;ul id="menu-menu" class="nav"&gt;
  &lt;li id="menu-item-284" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-284"&gt;&lt;a title="Home" href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9 dropdown-submenu"&gt;&lt;a title="Blog" href="commercial-vehicles.html" data-toggle="dropdown" data-target="#" class="dropdown-toggle"&gt;Business&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;ul class="dropdown-menu "&gt;
      &lt;li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"&gt;&lt;a title="Commercial Vehicles" href="commercial-vehicles.html"&gt;Commercial Vehicles&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"&gt;&lt;a title="Car / LMV" href="car-finance.html"&gt;Car Finance&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"&gt;&lt;a title="About Us" href="about-us.html"&gt;About Us&lt;/a&gt;&lt;/li&gt;
  
  &lt;/li&gt;
  &lt;li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-275"&gt;&lt;a title="CSR" href="csr.html"&gt;CSR&lt;/a&gt;&lt;/li&gt;
  
  &lt;/li&gt;
  &lt;li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"&gt;&lt;a title="Investment" href="investment.html"&gt;Investment&lt;/a&gt;&lt;/li&gt;
  
  &lt;!-- &lt;li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85 dropdown-submenu"&gt;&lt;a title="Shortcodes" href="" data-toggle="dropdown" data-target="#" class="dropdown-toggle"&gt;services&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;ul class="dropdown-menu "&gt;
      &lt;li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"&gt;&lt;a title="Blog Fullwidth" href=""&gt;Fixed Deposits&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"&gt;&lt;a title="Blog Sidebar Left" href=""&gt;Recurring Deposits&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-149" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-149"&gt;&lt;a title="Standard" href=""&gt;Annual Reports&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt; --&gt;
  
  &lt;li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"&gt;&lt;a title="Contact Us" href="contact-us.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"&gt;&lt;a title="Downloads" href="download.html"&gt;Downloads&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
                              &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;     
  
  
  
  &lt;/header&gt;
  &lt;section style="margin-top:-75px;"&gt;
    &lt;!-- Jssor Slider Begin --&gt;
      &lt;!-- You can move inline styles to css file or css block. --&gt;
      &lt;div id="slider2_container" style="position: relative; width: 600px;
          height: 350px;"&gt;
  
          &lt;!-- Loading Screen --&gt;
          &lt;div u="loading" style="position: absolute; top: 0px; left: 0px;"&gt;
              &lt;div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                  background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;"&gt;
              &lt;/div&gt;
              &lt;div style="position: absolute; display: block;  no-repeat center center;
                  top: 0px; left: 0px;width: 100%;height:100%;"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Slides Container --&gt;
          &lt;div class="sliderrs" u="slides" style="cursor: move; position: absolute; left: 150px; top: 0px; width: 1000px; height: 372px;
              overflow: hidden;"&gt;
              &lt;div&gt;
                  &lt;a u=image href="#"&gt;&lt;img src="img/slider1.jpg" /&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;a u=image href="#"&gt;&lt;img src="img/slider2.jpg" /&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;a u=image href="#"&gt;&lt;img src="img/slider3.jpg" /&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Bullet Navigator Skin Begin --&gt;
          &lt;!-- jssor slider bullet navigator skin 01 --&gt;
  
          &lt;!-- bullet navigator container --&gt;
          &lt;div u="navigator" class="jssorb01" style="position: absolute; bottom: 30px; left: 620px;"&gt;
              &lt;!-- bullet navigator item prototype --&gt;
              &lt;div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- Bullet Navigator Skin End --&gt;
  
          &lt;!-- Arrow Navigator Skin Begin --&gt;
  
          &lt;!-- Arrow Left --&gt;
          &lt;span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 123px; left: 8px;"&gt;
          &lt;/span&gt;
          &lt;!-- Arrow Right --&gt;
          &lt;span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 123px; right: 8px"&gt;
          &lt;/span&gt;
          &lt;!-- Arrow Navigator Skin End --&gt;
          &lt;a style="display: none" href="http://www.jssor.com"&gt;slideshow&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- Jssor Slider End --&gt;
  
  &lt;/section&gt;
   &lt;!-- SLIDER ends --&gt;
  
  
  &lt;!-- CONTENT STARTS --&gt;
  &lt;section style="margin-top: 10px;"&gt;
  &lt;div class="container"&gt;
  &lt;!--part-1--&gt;
  &lt;div class="row-fluid part_home"&gt;
  
  &lt;!-- SERVICES LEFT --&gt;
  &lt;section&gt;
  
          &lt;div class="span4 ca-menu left"&gt;
              &lt;div class="row-fluid"&gt;
  
                  &lt;style type="text/css"&gt;
                      .ca-menu .ca-item270:hover {background-color: #FFFFFF}
                      .ca-menu.left .ca-item:hover a.more_link span, .ca-menu.left .ca-item:hover h1, .ca-menu.left .ca-item:hover p{color: #515151 !important;}
  
                      .ca-menu .ca-item270 {background-color: #D25555}                    
                      .ca-item270 .ca-main {color: #FFFFFF;}
                      .ca-item270 .ca-sub {color: #FFFFFF}
                      .ca-item270 .more_link {color: #FFFFFF;}
                  &lt;/style&gt;
  
  
                  &lt;div class="ca-item ca-item270 rounded"&gt;
                      &lt;div class="ca-content"&gt;
                      &lt;a href="investment.html"&gt;
                              &lt;h2 class="ca-main"&gt;Secure Future&lt;/h2&gt;
                              &lt;p&gt;&amp;nbsp;&lt;/p&gt;
                              &lt;p align="justify" class="ca-sub"&gt;Become an entrepreneur and grow with the booming and extremely lucrative  logistic sector. We are serving  this segment since 1985 and have turned many dreams into reality.&lt;/p&gt;
                       &lt;/a&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                              &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;!-- SERVICES CENTER --&gt;      
  
  
          &lt;div class="span4 ca-menu center"&gt;          
              &lt;div class="row-fluid"&gt;             
  
  
                  &lt;style type="text/css"&gt;
                      .ca-menu .ca-item277:hover {background-color: #FFFFFF}
                      .ca-menu.center .ca-item:hover a.more_link span, .ca-menu.center .ca-item:hover h1, .ca-menu.center .ca-item:hover p{color: #515151 !important;}
                      .ca-menu .ca-item277 {background-color: #515151}
                      .ca-item277 .ca-main {color: #FFFFFF;}
                      .ca-item277 .ca-sub {color: #FFFFFF}
                      .ca-item277 .more_link {color: #FFFFFF;}
                  &lt;/style&gt;
  
  
                  &lt;div class="ca-item ca-item277  rounded"&gt;
                      &lt;div class="ca-content"&gt;
                      &lt;a href="about-us.html"&gt;
                          &lt;h2 class="ca-main"&gt;Strong Values&lt;/h2&gt;
                          &lt;p&gt;&amp;nbsp; &lt;/p&gt;
                          &lt;p align="justify" class="ca-sub"&gt;We value people, culture, tradition, and respect honesty, truth, integrity and experience.&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
               &lt;/div&gt;
          &lt;/div&gt;&lt;!-- span4 --&gt;
  
  &lt;!-- SERVICES RIGHT --&gt;     
  
  
          &lt;div class="span4 ca-menu right"&gt;
              &lt;div class="row-fluid"&gt;
  
  
                  &lt;style type="text/css"&gt;
                      .ca-menu .ca-item279:hover {background-color: #FFFFFF}
                      .ca-menu.right .ca-item:hover a.more_link span, .ca-menu.right .ca-item:hover h1, .ca-menu.right .ca-item:hover p{color: #103042 !important;}
  
                      .ca-menu .ca-item279 {background-color: #236890}                    
                      .ca-item279 .ca-main {color: #FFFFFF;}
                      .ca-item279 .ca-sub {color: #FFFFFF}
                      .ca-item279 .more_link {color: #FFFFFF;}
                  &lt;/style&gt;
  
  
                  &lt;div class="ca-item ca-item279 rounded"&gt;
                  &lt;a href="commercial-vehicles.html"&gt;
                      &lt;div class="ca-content"&gt;
                      &lt;a href="commercial-vehicles.html"&gt;
                              &lt;h2 class="ca-main"&gt; Dedicated Services &lt;/h2&gt;
                              &lt;p&gt;&amp;nbsp;&lt;/p&gt;
                              &lt;p align="justify" class="ca-sub"&gt;  We have a bunch of loyal associates who have grown with the company and will partner you in all your needs.&lt;/p&gt;
                           &lt;/a&gt;
                           &lt;/a&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
               &lt;/div&gt;
          &lt;/div&gt;&lt;!-- span4 --&gt;
          &lt;div style="clear:both;"&gt; &lt;/div&gt;
  
  
  
  
  
  
  
  &lt;!-- NEWS RIGHT  --&gt;
  
  
  &lt;/div&gt;
  &lt;!--part-1--&gt;               
  &lt;!--part-2--&gt;                
  &lt;!--part-2--&gt;
  &lt;!--part-3--&gt;
  &lt;/div&gt;&lt;!-- .container --&gt;
  &lt;!--part-3--&gt;
  
  &lt;/section&gt;
      &lt;div style="clear:both;"&gt; &lt;/div&gt;&lt;div style="clear:both;"&gt; &lt;/div&gt;
  &lt;section  class="homecon"&gt;
           &lt;div class="container"&gt;
              &lt;div class="row-fluid"&gt;
             &lt;ul&gt;
             &lt;p align="justify"&gt;
  
  &lt;li&gt;
    &lt;div align="justify"&gt; Vijay Hemant Finance &amp; Estates limited incorporated in the year 1985, listed on the Madras stock exchange serves the small and medium transport sector segment in Tamilnadu.&lt;/div&gt;
  &lt;li&gt;
    &lt;div align="justify"&gt; We provide loans  from 1 year to 3 years upto 70% value of the vehicle and upto 10 year old vehicle.
    &lt;/div&gt;
  &lt;li&gt;
    &lt;div align="justify"&gt;  We have branches in Ramnad, Madurai, Coimbatore, Trichy &amp; our head office is in Chennai.
    &lt;/div&gt;
  &lt;li&gt;
    &lt;div align="justify"&gt; A useful life of a vehicle is 15 years and we fund this segment.
    &lt;/div&gt;
  &lt;li&gt;
    &lt;div align="justify"&gt; We pride ourselves in last mile connectivity with the transport sector throughout Tamilnadu with our loyal staff, committed service and rare dedication.
    &lt;/div&gt;
  &lt;li&gt;
    &lt;div align="justify"&gt;Attractive terms for the deposits and service through our Chennai office with monthly, quarterly and annual interest options.
  
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/ul&gt;
              &lt;/div&gt;
         &lt;/div&gt;  
         &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
         &lt;/section&gt;
  &lt;!-- Div for styling purpose only --&gt;
              &lt;div class="blank_separator"&gt;&lt;/div&gt;
  
                 &lt;!--prefooter--&gt;
              &lt;section&gt;
                  &lt;div class="row-fluid"&gt;
                      &lt;img src="img/shadow-divider.png" class="shadow_divider"&gt;
                  &lt;/div&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="row-fluid twitter_wrap"&gt;                        
                              &lt;div class="span9" style=""&gt;
                                &lt;p&gt;&lt;a href=""style="color:#900;"&gt; Vijay Hemant Finance &amp; Estates Limited,&lt;/a&gt; A trusted financial service group in India.&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
                              &lt;style type="text/css"&gt;
                              .social:hover {opacity: 0.5; filter: alpha(opacity=30);}
                              &lt;/style&gt;
  
  
  
                  &lt;/div&gt;  
          &lt;/section&gt;
  
          &lt;!-- Footer --&gt;
          &lt;footer&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row-fluid"&gt;
                      &lt;!-- Footer Widget 1 --&gt;
                      &lt;div class="span4"&gt;
                          &lt;div class="textwidget"&gt;&lt;p&gt;&lt;a href="index.html"&gt;&lt;img src="img/logo5.png"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/br&gt;
  &lt;p&gt;A trusted financial service group in India. The activities of the group span savings products like Deposits, Car and Commercial Vehicle Finance...&lt;/p&gt;
  &lt;/div&gt;
          &lt;/li&gt;
  
                      &lt;/div&gt;
    &lt;style type="text/css"&gt; 
    .quicklinks{ }
    &lt;/style&gt;
                      &lt;!-- Footer Widget 2 --&gt;
  
  
                      &lt;div class="span4"&gt;
                          &lt;h3 class="widget_title"&gt;Useful Links&lt;/h3&gt;
                          &lt;ul id="quicklinks"&gt;
                           &lt;li class="quicklinks"&gt;&lt;a href="contact-us.html"&gt;Branches&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="quicklinks"&gt;&lt;a href="download/Deposit Interest Rate.pdf"&gt;Deposit Rates&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="quicklinks"&gt;&lt;a href="download/Deposit Application.pdf"&gt;Deposit Form&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="quicklinks"&gt; &lt;a href="download/Interest Rate Model.pdf"&gt;Interest Rate Model&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="quicklinks"&gt; &lt;a href="investment.html"&gt;Invester Relations&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="quicklinks"&gt;&lt;a href="download/Fair practice Code.pdf"&gt;Fair Practice Code&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
  
                      &lt;/div&gt;  
  
  
                      &lt;!-- Footer Widget 3 --&gt;
                      &lt;div class="span4"&gt;
           &lt;h3 class="widget_title"&gt;Head Office (Chennai)&lt;/h3&gt;
          &lt;p&gt;
            No:110,5th floor,Prakash Presidium,&lt;br /&gt;
            Mahatma Gandhi Road,&lt;br /&gt;
            Nungabakkam,Chennai-600 034
            Phone:044-3022885&lt;/p&gt;
                       &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;!-- footer 4--&gt;
  
  
                  &lt;br&gt;
               &lt;div id="foot"&gt;
                      &lt;img src="img/separator.png" alt="separator" /&gt;
                      &lt;div class="span8"&gt;&lt;p&gt;Copyright 2014&amp;copy;All Rights Reserved by Vijay Hemant Finance &amp; Estates Limited.&lt;/p&gt;&lt;/div&gt;
                 &lt;/div&gt;    
  
              &lt;/div&gt;&lt;!-- /container --&gt;
          &lt;/footer&gt;
  
      &lt;/div&gt;&lt;!-- container-fluid ends --&gt;
  
  
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>