title: Fixing div width for screen resolution changes
body: <p>I have a problem with my css and html code. 
  <a href="https://i.stack.imgur.com/8sUlS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8sUlS.png" alt="Width seems not to work"></a></p>
  
  <p>When I open the page normally it works, but when I change screen resolution, the .content-body class (the light blue with diagonal) does not fulfill the entire page width (there is that pink column). Could anyone help? Thank you.</p>
  
  <p>That's the whole css code: </p>
  
  <pre><code>html {
    width: 100%;
  }
  body {
    background-color: #ffe1d9;
    width: inherit;
    overflow-x: hidden;
  }
  
  .top-header {
    width: 100%;
  }
  
  .container {
    width: 100% - 25px;
  }
  
  .content {
    background-color: #ffe1d9;
    width: 100%;
  }
  
  .header {
    padding: 40px;
    width: 50%;
    float: left;
  }
  
  .presentation-header {
    //position: relative;
    ////padding-top: 0;
    //top: 150px;
    //z-index: 999;
    max-width: 1000px;
    //margin: 0 auto;
  }
  
  li.header-menu-item {
    padding: 15px;
    font-size: 16px;
    a {
      color: #666167;
      text-decoration: none;
      &amp;:hover {
        color: #111111;
        font-weight: 400;
        box-shadow: #111111;
      }
      span {
        &amp;:hover {
          border-bottom: 1px solid #60629d;
        }
      }
    }
  }
  
  .active {
    border-bottom: 1px solid #60629d;
  }
  
  .header-menu {
    display: block;
    padding-top: 70px;
    text-align: right;
  }
  
  
  #slogan {
    width: 50%;
    float: left;
  }
  
  #slogan-img {
    width: 50%;
    float: left;
  }
  
  #button {
    background: #1d1c24;
    padding: 15.5px 51px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: white;
    font-size: 12px;
    font-family: SansSerif, Serif;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
  
  }
  
  #button:active {
    background: #000000;
  }
  
  #sign-in-button, #submit {
    background: white;
  }
  
  #sign-in-button, #next {
    padding: 20px 20px 20px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: black;
    font-size: 14px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
  }
  
  #next {
    background: #ffe1d9;
    margin-left: 150px;
    width: 50%;
  }
  
  #submit {
    background-color: #ffe1d9;
    padding: 15px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: black;
    font-size: 14px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
  }
  
  #sign-in-button:active, #submit:active {
    background: #ffe6e3;
  }
  
  select {
    padding: 15px 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 0 solid;
    color: black;
    font-size: 14px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #e9f3f5;
    background-position: 100%-15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  h2 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 7.0rem;
    line-height: 100%;
    letter-spacing: -.5rem;
    margin: initial;
  }
  
  //.padding {
  //padding-top: 30px;
  //padding-bottom: 50px;
  //}
  
  /*Line bellow Features*/
  .span-decoration {
    border-bottom: 5px solid #caafaf;
    width: 30px;
    margin: 10px 0 20px 0;
  }
  
  /*Draws a diagonal line in a box*/
  .diagonal-line-box {
  
    position: relative;
    width: 100%;
    height: 200px;
    clear: both;
    //background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( left top, #ffe1d9  49.75%, #989cdb 50.25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #ffe1d9  49.75%, #989cdb 50.25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffe1d9  49.75%, #989cdb 50.25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom left, #ffe1d9  49.75%, #989cdb 50.25%); /* Standard syntax */
  }
  
  /*Draws a diagonal line in a box*/
  .second_diagonal-line-box {
  
    position: relative;
    width: 100%;
    height: 300px;
    //top: -150px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( right top, #989cdb 49.75%, #60629d 50.25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom left, #989cdb  49.75%, #60629d 50.25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom left, #989cdb  49.75%, #60629d 50.25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #989cdb  49.75%, #60629d 50.25%); /* Standard syntax */
  }
  
  //html, .content-body {
  //  width: 100%;
  //}
  .content-body {
    position: relative;
    width: 100%;
    background-color: #989cdb;
    margin: 0 auto;
    //left: 50px;
  }
  
  #slogan-image {
  
  }
  
  section {
  
    .cashflow {
      width: 70%;
      float: left;
      //margin: -60px -80px;
      margin-top: -60px;
      margin-left: -90px;
      //margin-right: -150px;
    }
  
    .cashflow-text {
      width: 30%;
      float: left;
    }
  
    .cashflow, .cashflow-text {display: inline-block;}
  }
  
  section {
  
    .budget {
      width: 70%;
      float: left;
  
      margin-left: 0px;
      margin-right: -100px;
      margin-top: -60px;
    }
  
    .budget-text {
      width: 35%;
      float: left;
    }
  
    .budget, .budget-text {
      display: inline-block;
    }
  }
  
  .wrapper {
    background: #282731;
    border-radius: 1px;
    box-sizing: border-box;
    -webkit-box-shadow: 22px 17px 58px 3px rgba(54, 45, 105, 0.59);
    -moz-box-shadow: 22px 17px 58px 3px rgba(54, 45, 105, 0.59);
    box-shadow: 22px 17px 58px 3px rgba(54, 45, 105, 0.59);
    margin: auto;
    position: relative;
    float: left;
    max-width: 800px;
    width: 100%;
    top: -280px;
  
  }
  
  .wrapper.box {
    padding: 80px;
  
    form {
      padding-top: 50px;
    }
  }
  
  .wrapper-payment {
    background: -webkit-linear-gradient( 90deg, #ffffff 50%, #2e2935 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #ffffff  50%, #2e2935 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #ffffff  50%, #2e2935 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #ffffff  50%, #2e2935 50%); /* Standard syntax */
  }
  
  @-moz-document url-prefix() {
    .wrapper.box {
      margin-left: 0px;
    }
    #button {
      font-size: 11px;
    }
  }
  
  
  .wrapper-image {
    background: #282731;
    border-radius: 1px;
    box-sizing: border-box;
    -webkit-box-shadow: 22px 17px 58px 3px rgba(89,51,51,0.59);
    -moz-box-shadow: 22px 17px 58px 3px rgba(89,51,51,0.59);
    //box-shadow: 22px 17px 58px 3px rgba(89,51,51,0.59);
    //margin: auto;
  }
  
  .title{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 5.0rem;
    line-height: 100%;
    letter-spacing: -.5rem;
    //margin: initial;
  }
  
  .title-body {
    font-size: 2rem;
    color: white;
  }
  
  //Form styling
  
  input, label{
    display: block;
  }
  
  label {
    color: #7f7e83;
  }
  
  input {
    width: 100%;
    padding: 4px 0;
    margin: 5px 0 15px 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #83828a;
    background-color: #282731;
    color: white;
    padding-left: 10px;
    font-family: Georgia, Serif;
    font-weight: bold;
  }
  
  .first-part-form {
    width: 100%;
  
  }
  
  .form-first-left {
    width: 46%;
    float: left;
    margin-right: 20px;
  }
  
  .form-first-right {
    width: 46%;
    float: right;
  }
  
  //End form styling
  
  .post-content {
    position: relative;
    width: 100%;
    //height: 750px;
    background-color: #60629d;
    //top: -150px;
    //z-index: -10;
  }
  
  #post-content-div {
    //height: 100px;
  }
  
  #next {
    background-color: #ffe1d9;
    color: #282731;
  }
  
  #login-or-company {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid white;
    padding-left: 0;
  }
  
  #login-url {
    color: white;
    font-size: 16px;
    //float: left;
    padding-top: 18px;
    padding-left: 0;
  }
  
  #login-url, #login-or-company {
    display: block;
  }
  
  .footer {
    position: relative;
    display: block;
    width: 100%;
    background: #60629d;
    padding-bottom: 50px;
    margin: 0 auto;
  
    img {
      margin: 0 auto;
    }
  }
  
  
  
  .halfwidth {
    display: inline-block;
    width:50%;
    position: relative;
  }
  
  
  .second-part-form {
    label {
      color: #ffffff;
    }
    h3{
      color: #ffffff;
    }
  }
  </code></pre>
  
  <p>And this is the html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
          &lt;title&gt;Join Now &amp;dash; Sweety &amp;amp; Co. Pro&lt;/title&gt;
  
  
  
          &lt;link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900' rel='stylesheet' type='text/css'&gt;
          &lt;link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'&gt;
  
          &lt;link rel="stylesheet" href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css"&gt;
  
          &lt;link rel="stylesheet" href="/static/css/base.css"&gt;
  
  
  
  
          &lt;script src="/static/bower_components/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="/static/js/base.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="top-header"&gt;
      &lt;div class="row"&gt;
          &lt;div class="header col-md-6"&gt;
  
              &lt;a href="/"&gt;&lt;img id="header-logo" src="/static/img/logo_escuro.svg" width="314" height="81"&gt;&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-6" id="div-header-menu"&gt;
              &lt;ul class="header-menu list-inline " id="nav"&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a class="" href="/"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a href="#" class=""&gt;&lt;span&gt;Features&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a href="#" class=""&gt;&lt;span&gt;Pricing&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a href="#" class=""&gt;&lt;span&gt;Help&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a href="#" type="button" role="button"
                                                  id="button" class="button"&gt;JOIN NOW&lt;/a&gt; &lt;/li&gt;
                  &lt;li class="header-menu-item"&gt;&lt;a href="/auth/login" class=""&gt;&lt;span&gt;Sign in&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container "&gt;
      &lt;div&gt;
          &lt;div class="container"&gt;
              &lt;div class="row presentation-header"&gt;
  
                  &lt;div id="slogan" class=""&gt;
  
  
      &lt;h2&gt;Because&lt;/h2&gt;
      &lt;h2&gt;you can't&lt;/h2&gt;
      &lt;h2&gt;create&lt;/h2&gt;
      &lt;h2&gt;money&lt;/h2&gt;
  
  
      &lt;div style="margin: 50px"&gt;&lt;/div&gt;
  
      &lt;div class=""&gt;
          &lt;a id="sign-in-button" href="/auth/login" role="button" type="button"&gt;Sign in &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;#62;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div style="clear: both"&gt;&lt;/div&gt;
  
                  &lt;/div&gt;
  
  
                  &lt;div id="slogan-img" class=""&gt;
  
      &lt;img id="slogan-image" src="/static/img/mac2.png"&gt;
          &lt;p style="margin-bottom: 50px"&gt;&lt;/p&gt;
  
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container diagonal-line-box"&gt;
  
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
  
  
  
              &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div class="content-body"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;section class=""&gt;
  
      &lt;div class="container"&gt;
          &lt;section class="row "&gt;
              &lt;h3 class="col-md-5"&gt;Features&lt;p class="span-decoration"&gt;&lt;/p&gt;&lt;/h3&gt;
          &lt;/section&gt;
  
          &lt;h4&gt;Get to know SweetyPro &amp; Co. Features&lt;/h4&gt;
  
          &lt;section&gt;
              &lt;img class="cashflow" src="/static/img/cashflow_144.png"&gt;
  
              &lt;div class="cashflow-text"&gt;
                  &lt;h1 class="title "&gt;Cashflow&lt;/h1&gt;
                  &lt;p class="title-body"&gt;Organize your expenses and incomes in a platform easy to use.&lt;/p&gt;
                  &lt;p class="title-body"&gt;Enough of losing control of the situation, your payments and outputs are always on time.&lt;/p&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  
          &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
          &lt;section&gt;
              &lt;div class="budget-text"&gt;
                  &lt;h1 class="title " style="text-align: right"&gt;Budgets&lt;/h1&gt;
                  &lt;p class="title-body" style="text-align: right"&gt;
                      Can you imagine creating budgets with just a few steps? Yes! It's possible.
                  &lt;/p&gt;
                  &lt;p class="title-body" style="text-align: right"&gt;
                      Sweety &amp; Co. Pro helps you figure out how much to charge and making budgets turned into novice task.
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;img class="budget" src="/static/img/budget_144.png"&gt;
          &lt;/section&gt;
  
          &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
          &lt;section class="row"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;h1 class="title"&gt;Timeline&lt;/h1&gt;
                  &lt;p class="title-body"&gt;Time is money. Thus organize yourself and your time and don't stop until you earn money.&lt;/p&gt;
              &lt;/div&gt;
              &lt;img class="col-md-12" src="/static/img/timeline_144.png"&gt;
          &lt;/section&gt;
  
          &lt;section class="row padding"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;h1 class="title" style="text-align: center"&gt;Fastcreate&lt;/h1&gt;
                  &lt;p class="title-body" style="text-align: center"&gt;Running out of time? With a simple mouse click, you get access to foremost features of
                      Sweety &amp; Co. Pro. in any gadget at any time.&lt;/p&gt;
              &lt;/div&gt;
              &lt;img class="col-md-12" src="/static/img/fastcreate_144.png"&gt;
          &lt;/section&gt;
  
          &lt;section class="row"&gt;
              &lt;h3 class="col-md-5"&gt;Join now&lt;p class="span-decoration"&gt;&lt;/p&gt;&lt;/h3&gt;
          &lt;/section&gt;
          &lt;h4&gt;The Status of Liberty Enlightening the World was a gift of the people of France...&lt;/h4&gt;
  
      &lt;/div&gt;
  
  
              &lt;/section&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container second_diagonal-line-box"&gt;
      &lt;div&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;section class="col-md-12"&gt;
  
  
  
                  &lt;/section&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container post-content"&gt;
      &lt;div class="container"&gt;
          &lt;section class="col-md-offset-1"&gt;
  
      &lt;div id="post-content-div" class="container"&gt;
          &lt;div id="wrapper" class=" wrapper box "&gt;
              &lt;div class="first-part-form"&gt;
                  &lt;h1 class="form-first-left" style="color: #FFFFFF;"&gt;Get your time and money on track&lt;/h1&gt;
                  &lt;img class="" style="padding-top: 10px; padding-left: 25px" src="/static/img/price.png"&gt;
              &lt;/div&gt;
              &lt;div style="clear: left"&gt;&lt;/div&gt;
              &lt;div class="second-part col-md-6 col-sm-12"&gt;
                  &lt;h3&gt;Payment method&lt;/h3&gt;
                  &lt;p class="span-decoration"&gt;&lt;/p&gt;
                  &lt;p class=""&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  
                  &lt;select &gt;
                      &lt;option&gt;Credit Card&lt;/option&gt;
                      &lt;option&gt;Paypal&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
  
              &lt;form method="post" role="form"&gt;
                  &lt;div style="display:none;"&gt;&lt;input id="csrf_token" name="csrf_token" type="hidden" value="1471534484##5376f5b3fac93b1e7f29c731c668293a456aca13"&gt;&lt;/div&gt;
                  &lt;div class="first-part-form"&gt;
  
                      &lt;div class="form-first-left"&gt;
                          &lt;label for="name"&gt;First Name&lt;/label&gt;
                          &lt;input id="name" name="first_name" placeholder="John" required type="text" value=""&gt;
                      &lt;/div&gt;
  
                      &lt;div class="form-first-right"&gt;
                          &lt;label for="surname"&gt;Last Name&lt;/label&gt;
                          &lt;input id="surname" name="last_name" placeholder="Smith" required type="text" value=""&gt;
                      &lt;/div&gt;
  
                      &lt;div style="clear: both"&gt;&lt;/div&gt;
                      &lt;div class="form-first-left"&gt;
  
                          &lt;label for="login-or-company" id="login-or-company-label"&gt;Login (company's name or yours)&lt;/label&gt;
                          &lt;input class="col-md-6" id="login-or-company" name="username" required type="text" value=""&gt;
                          &lt;p id="login-url" class="col-md-2"&gt;.sweetyand.co&lt;/p&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="form-first-right"&gt;
                          &lt;label for="password"&gt;Password (min. 6 characters)&lt;/label&gt;
                          &lt;input id="password" name="password" placeholder="******" required type="password" value=""&gt;
  
                      &lt;/div&gt;
                      &lt;div style="clear: both"&gt;&lt;/div&gt;
                      &lt;div class="form-first-left"&gt;
  
                          &lt;label for="email"&gt;Email&lt;/label&gt;
                          &lt;input id="email" name="email" placeholder="john@example.com" required type="email" value=""&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="form-first-right"&gt;
                          &lt;label for="reemail"&gt;Re-email&lt;/label&gt;
                          &lt;input id="reemail" name="re_email" placeholder="john@example.com" required type="email" value=""&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
  
                  &lt;div class="second-part-form row"&gt;
                      &lt;div class="col-md-6"&gt;
  
                          &lt;div class="row"&gt;
                              &lt;label class="col-md-offset-1" style="margin-top: -30px"&gt;You chose&lt;/label&gt;
                              &lt;h3 class="col-md-offset-1" id="dropdown-option"&gt;Credit Card&lt;/h3&gt;
                          &lt;/div&gt;
  
                          &lt;div class="row"&gt;
  
  
                              &lt;label class="col-md-offset-1" for="credit-card-name"&gt;Name as in credit card&lt;/label&gt;
                              &lt;input class="col-md-12 col-md-offset-1" id="credit-card-name" name="credit_card_name" required type="text" value=""&gt;
                          &lt;/div&gt;
  
                          &lt;div class="row"&gt;
  
  
                              &lt;label class="col-md-offset-1" for="credit-card-number"&gt;Credit card number&lt;/label&gt;
                              &lt;input class="col-md-9 col-md-offset-1" id="credit-card-number" name="credit_card_number" required type="text" value=""&gt;
                          &lt;/div&gt;
  
                          &lt;div class="row"&gt;
                              &lt;div class="row"&gt;
  
  
                                  &lt;label class="col-md-4 col-md-offset-1" for="validate"&gt;Validate&lt;/label&gt;
                                  &lt;label class="col-md-4 col-md-offset-3" for="cvc"&gt;CVC/CW&lt;/label&gt;
                              &lt;/div&gt;
  
  
                              &lt;input class="col-md-3 col-md-offset-1" id="validate" name="month_card" placeholder="MM" required type="text" value=""&gt;
  
                              &lt;input class="col-md-3" id="year" name="year_card" placeholder="YYYY" required type="text" value=""&gt;
  
  
                              &lt;input class="col-md-4 col-md-offset-1" id="cvc" name="cvc" required type="text" value=""&gt;
                          &lt;/div&gt;
  
                          &lt;div class="row"&gt;
                              &lt;p class="col-md-1"&gt;&lt;/p&gt;
  
                              &lt;input class="col-md-1 col-md-offset-2" id="accept_terms" name="accept_terms" required type="checkbox" value="y"&gt;
                              &lt;p style="margin-left: 10px; color: white"&gt;I accept the terms of SweetyPro.&lt;/p&gt;
                          &lt;/div&gt;
  
                          &lt;div class="row"&gt;
  
                              &lt;input class="col-md-6 col-md-offset-1" id="submit" name="submit" type="submit" value="Next                     &amp;gt;"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/form&gt;
              &lt;div class="form-first-left"&gt;
                  &lt;img id="logo-form" src="/static/img/logo.svg" class="" width="200" height="71"&gt;
              &lt;/div&gt;
  
              &lt;div class="form-first-right"&gt;
                  &lt;input id="next" class="" type="button"  value="Next&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;#62;"&gt;
              &lt;/div&gt;
  
              &lt;div class="row" id="flash"&gt;
                  &lt;div class="col-md-offset-6"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
  
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="footer container"&gt;
      &lt;div class="container"&gt;
          &lt;img id="foot-logo" class="col-md-12" src="/static/img/sco.svg" width="129" height="79"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>