title: Remove Extra white space at the top
body: <p>I have made a web page using bootstrap carousel theme. The white space at the top is still visible. I want to remove it. I am providing my carousel CSS file  and my HTML file. I have tried changing the padding and margin but nothing seems to work.
  Please help.</p>
  
  <pre><code>/* GLOBAL STYLES
  -------------------------------------------------- */
  /* Padding below the footer and lighter body text */
  
  body {
    padding-bottom: 40px;
    color: #5a5a5a;
  }
  
  
  
  /* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */
  
  /* Special class on .container surrounding .navbar, used for positioning it into place. */
  .navbar-wrapper {
    position: absolute;
    padding-top: 0;
    margin-top: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
  }
  
  /* Flip around the padding for proper display in narrow viewports */
  .navbar-wrapper &gt; .container {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
  .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar .container {
    width: auto;
  }
  
  
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  
  /* Carousel base class */
  .carousel {
    height: 500px;
    margin-bottom: 60px;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel .item {
    height: 500px;
    background-color: #777;
  }
  .carousel-inner &gt; .item &gt; img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
  }
  
  
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
  }
  .marketing h2 {
    font-weight: normal;
  }
  .marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
  }
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
    margin: 80px 0; /* Space out the Bootstrap &lt;hr&gt; more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
  }
  
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 768px) {
  
    /* Navbar positioning foo */
    .navbar-wrapper {
      margin-top: 20px;
    }
    .navbar-wrapper .container {
      padding-right: 15px;
      padding-left: 15px;
    }
    .navbar-wrapper .navbar {
      padding-right: 0;
      padding-left: 0;
    }
  
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
      border-radius: 4px;
    }
  
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 20px;
      font-size: 21px;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 992px) {
    .featurette-heading {
      margin-top: 120px;
    }
  }
  </code></pre>
  
  <p>my html file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;link rel="icon" href="../../favicon.ico"&gt;
  
      &lt;title&gt;Carousel Template for Bootstrap&lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="/Users/amandhapola/Desktop/bootstrap/dist/css/bootstrap.css" rel="stylesheet"&gt;
  
      &lt;!-- Just for debugging purposes. Don't actually copy these 2 lines! --&gt;
      &lt;!--[if lt IE 9]&gt;&lt;script src="../../assets/js/ie8-responsive-file-warning.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
      &lt;script src="/Users/amandhapola/Desktop/bootstrap/docs/assets/js/ie-emulation-modes-warning.js"&gt;&lt;/script&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- Custom styles for this template --&gt;
      &lt;link href="/Users/amandhapola/Desktop/bootstrap/docs/examples/carousel/carousel.css" rel="stylesheet"&gt;
      &lt;link href="/Users/amandhapola/Desktop/nlog.css" rel="stylesheet"&gt;
  &lt;link href="/Users/amandhapola/Desktop/fb.css" rel="stylesheet"&gt;
    &lt;/head&gt;
  &lt;!-- NAVBAR
  ================================================== --&gt;
    &lt;body&gt;
      &lt;div class="navbar-wrapper"&gt;
        &lt;div class="container"&gt;
  
          &lt;div class="navbar navbar-inverse navbar-static-t
          op" role="navigation"&gt;
            &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;a class="navbar-brand" href="#"&gt;Resumeeeee !!!&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;!--&lt;li class="dropdown"&gt;
                    &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu" role="menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li class="dropdown-header"&gt;Nav header&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/li&gt;--&gt;
                    &lt;/ul&gt;
                    &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;&lt;a href="../navbar/" data-toggle="modal" data-target="#myModal"&gt;Login&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../navbar-static-top/" data-toggle="modal" data-target="#myModal1"&gt;Signup&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
  
                    &lt;!--&lt;ul class="nav pull-right"&gt;--&gt;
                   &lt;!-- &lt;ul class="nav nav-pills" style="float:right"&gt;--&gt;
  
                    &lt;!--&lt;/ul&gt;--&gt;
  
                  &lt;!--&lt;/ul&gt;--&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;!-- Carousel
      ================================================== --&gt;
      &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
        &lt;!-- Indicators --&gt;
        &lt;ol class="carousel-indicators"&gt;
          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
        &lt;/ol&gt;
        &lt;div class="carousel-inner"&gt;
          &lt;div class="item active"&gt;
            &lt;img src="/Users/amandhapola/Desktop/six.jpg" alt="First slide"&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h1&gt;Stay on the top.&lt;/h1&gt;
                &lt;p&gt;Get noticed by your super seniors&lt;/p&gt;
                &lt;p&gt;&lt;a class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal1" href="#" role="button"&gt;Sign up today&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="item"&gt;
            &lt;img src="/Users/amandhapola/Desktop/four.jpg" alt="Second slide"&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h1&gt;Get selected&lt;/h1&gt;
                &lt;p&gt;we make sure your supersenior recoomends you as fast as possile&lt;/p&gt;
                &lt;p&gt;&lt;a class="btn btn-lg btn-primary" href="#" role="button"&gt;Learn more&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="item"&gt;
            &lt;img src="/Users/amandhapola/Desktop/third.jpg" alt="Third slide"&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption"&gt;
                &lt;h1&gt;One thing more for good measure.&lt;/h1&gt;
                &lt;p&gt;Get your resume viewed by many other people who are at the top of their level&lt;/p&gt;
                &lt;p&gt;&lt;a class="btn btn-lg btn-primary" href="#" role="button"&gt;Browse gallery&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;&lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /.carousel --&gt;
  
  
  
      &lt;!-- Marketing messaging and featurettes
      ================================================== --&gt;
      &lt;!-- Wrap the rest of the page in another container to center all the content. --&gt;
  
      &lt;div class="container marketing"&gt;
  
        &lt;!-- Three columns of text below the carousel --&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-lg-4"&gt;
            &lt;img class="img-circle" src="/Users/amandhapola/Desktop/face1.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;"&gt;
            &lt;h2&gt;Martin Rodriguez&lt;/h2&gt;
            &lt;p&gt;"I got Placed at Amazon .Thanks to Resume"&lt;/p&gt;
            &lt;p&gt;&lt;a class="btn btn-default" href="#" role="button"&gt;View details &amp;raquo;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;&lt;!-- /.col-lg-4 --&gt;
          &lt;div class="col-lg-4"&gt;
            &lt;img class="img-circle" src="/Users/amandhapola/Desktop/face2.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;"&gt;
            &lt;h2&gt;Tim Dunn&lt;/h2&gt;
            &lt;p&gt;"I got Placed at microsoft .Thanks to Resume"&lt;/p&gt;
            &lt;p&gt;&lt;a class="btn btn-default" href="#" role="button"&gt;View details &amp;raquo;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;&lt;!-- /.col-lg-4 --&gt;
          &lt;div class="col-lg-4"&gt;
            &lt;img class="img-circle" src="/Users/amandhapola/Desktop/face3.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;"&gt;
            &lt;h2&gt;Steve Mccharthy&lt;/h2&gt;
            &lt;p&gt;"I use Resume to hire from the abundant fresh talent around the world"&lt;/p&gt;
            &lt;p&gt;&lt;a class="btn btn-default" href="#" role="button"&gt;View details &amp;raquo;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;&lt;!-- /.col-lg-4 --&gt;
        &lt;/div&gt;&lt;!-- /.row --&gt;
  
  
        &lt;!-- START THE FEATURETTES --&gt;
  
        &lt;hr class="featurette-divider"&gt;
  
        &lt;div class="row featurette"&gt;
          &lt;div class="col-md-7"&gt;
            &lt;h2 class="featurette-heading"&gt;Get Helped &lt;br&gt;&lt;span class="text-muted"&gt;It'll blow your mind.&lt;/span&gt;&lt;/h2&gt;
            &lt;p class="lead"&gt;Super Seniors will help you on your highway to success&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-5"&gt;
            &lt;img class="featurette-image img-responsive" src="/Users/amandhapola/Desktop/super.jpg" alt="Generic placeholder image"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;hr class="featurette-divider"&gt;
  
        &lt;div class="row featurette"&gt;
          &lt;div class="col-md-5"&gt;
            &lt;img class="featurette-image img-responsive" src="/Users/amandhapola/Desktop/try.jpg" alt="Generic placeholder image"&gt;
          &lt;/div&gt;
          &lt;div class="col-md-7"&gt;
            &lt;h2 class="featurette-heading"&gt;Oh yeah, it's that good. &lt;span class="text-muted"&gt;See for yourself.&lt;/span&gt;&lt;/h2&gt;
            &lt;p class="lead"&gt;Try it for free.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;hr class="featurette-divider"&gt;
  
        &lt;div class="row featurette"&gt;
          &lt;div class="col-md-7"&gt;
            &lt;h2 class="featurette-heading"&gt;And lastly, this one. &lt;span class="text-muted"&gt;Checkmate.&lt;/span&gt;&lt;/h2&gt;
            &lt;p class="lead"&gt;Get Placed At you Dream Company&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-5"&gt;
            &lt;img class="featurette-image img-responsive" src="/Users/amandhapola/Desktop/logo.jpg" alt="Generic placeholder image"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;hr class="featurette-divider"&gt;
  
        &lt;!-- /END THE FEATURETTES --&gt;
  
  
        &lt;!-- FOOTER --&gt;
        &lt;footer&gt;
          &lt;p class="pull-right"&gt;&lt;a href="#"&gt;Back to top&lt;/a&gt;&lt;/p&gt;
          &lt;p&gt;&amp;copy; 2014 Company, Inc. &amp;middot; &lt;a href="#"&gt;Privacy&lt;/a&gt; &amp;middot; &lt;a href="#"&gt;Terms&lt;/a&gt;&lt;/p&gt;
        &lt;/footer&gt;
  
      &lt;/div&gt;&lt;!-- /.container --&gt;
  
  
  
  
  
  
  &lt;!--      sadasdasdasdasd               --&gt;
  
  &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
     aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
  
      &lt;div class="main"&gt;
  
        &lt;h3&gt;Please Log In&lt;/h3&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-xs-6 col-sm-6 col-md-6"&gt;
            &lt;a href="#" class="btn btn-lg btn-primary btn-block"&gt;Facebook&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-6 col-sm-6 col-md-6"&gt;
            &lt;a href="#" class="btn btn-lg btn-info btn-block"&gt;Google&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="login-or"&gt;
          &lt;hr class="hr-or"&gt;
          &lt;span class="span-or"&gt;or&lt;/span&gt;
        &lt;/div&gt;
  
        &lt;form role="form"&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="inputUsernameEmail" class="abovelogin"&gt;Username or email&lt;/label&gt;
            &lt;input type="text" class="form-control" id="inputUsernameEmail"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;a class="pull-right" href="#" id="fpassword"&gt;Forgot password?&lt;/a&gt;
            &lt;label for="inputPassword" class="abovelogin"&gt;Password&lt;/label&gt;
            &lt;input type="password" class="form-control" id="inputPassword"&gt;
          &lt;/div&gt;
          &lt;div class="checkbox pull-right"&gt;
            &lt;label class="abovelogin"&gt;
              &lt;input type="checkbox"&gt;
              Remember me &lt;/label&gt;
          &lt;/div&gt;
          &lt;button type="submit" class="btn btn btn-primary"&gt;
            Log In
          &lt;/button&gt;
        &lt;/form&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  
  &lt;!--      sadasdasdasdasd               --&gt;
  
  
  
  
  
  
  
  
  &lt;div class="modal fade" id="myModal1" tabindex="-1" role="dialog" 
     aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="container" id="wrap"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-6 col-md-offset-3"&gt;
              &lt;form action="r" method="post" accept-charset="utf-8" class="form" role="form"&gt;   &lt;legend&gt;Sign Up&lt;/legend&gt;
                      &lt;h4&gt;It's free and always will be.&lt;/h4&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-6 col-md-6"&gt;
                              &lt;input type="text" name="firstname" value="" class="form-control input-lg" placeholder="First Name"  /&gt;                        &lt;/div&gt;
                          &lt;div class="col-xs-6 col-md-6"&gt;
                              &lt;input type="text" name="lastname" value="" class="form-control input-lg" placeholder="Last Name"  /&gt;                        &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;input type="text" name="email" value="" class="form-control input-lg" placeholder="Your Email"  /&gt;&lt;input type="password" name="password" value="" class="form-control input-lg" placeholder="Password"  /&gt;&lt;input type="password" name="confirm_password" value="" class="form-control input-lg" placeholder="Confirm Password"  /&gt;                    
                      &lt;label id ="bdate"&gt;Birth Date&lt;/label&gt;                    &lt;div class="row"&gt;
                          &lt;div class="col-xs-4 col-md-4"&gt;
                              &lt;select name="month" class = "form-control input-lg"&gt;
  &lt;option value="01"&gt;Jan&lt;/option&gt;
  &lt;option value="02"&gt;Feb&lt;/option&gt;
  &lt;option value="03"&gt;Mar&lt;/option&gt;
  &lt;option value="04"&gt;Apr&lt;/option&gt;
  &lt;option value="05"&gt;May&lt;/option&gt;
  &lt;option value="06"&gt;Jun&lt;/option&gt;
  &lt;option value="07"&gt;Jul&lt;/option&gt;
  &lt;option value="08"&gt;Aug&lt;/option&gt;
  &lt;option value="09"&gt;Sep&lt;/option&gt;
  &lt;option value="10"&gt;Oct&lt;/option&gt;
  &lt;option value="11"&gt;Nov&lt;/option&gt;
  &lt;option value="12"&gt;Dec&lt;/option&gt;
  &lt;/select&gt;                        &lt;/div&gt;
                          &lt;div class="col-xs-4 col-md-4"&gt;
                              &lt;select name="day" class = "form-control input-lg"&gt;
  &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;option value="2"&gt;2&lt;/option&gt;
  &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;option value="5"&gt;5&lt;/option&gt;
  &lt;option value="6"&gt;6&lt;/option&gt;
  &lt;option value="7"&gt;7&lt;/option&gt;
  &lt;option value="8"&gt;8&lt;/option&gt;
  &lt;option value="9"&gt;9&lt;/option&gt;
  &lt;option value="10"&gt;10&lt;/option&gt;
  &lt;option value="11"&gt;11&lt;/option&gt;
  &lt;option value="12"&gt;12&lt;/option&gt;
  &lt;option value="13"&gt;13&lt;/option&gt;
  &lt;option value="14"&gt;14&lt;/option&gt;
  &lt;option value="15"&gt;15&lt;/option&gt;
  &lt;option value="16"&gt;16&lt;/option&gt;
  &lt;option value="17"&gt;17&lt;/option&gt;
  &lt;option value="18"&gt;18&lt;/option&gt;
  &lt;option value="19"&gt;19&lt;/option&gt;
  &lt;option value="20"&gt;20&lt;/option&gt;
  &lt;option value="21"&gt;21&lt;/option&gt;
  &lt;option value="22"&gt;22&lt;/option&gt;
  &lt;option value="23"&gt;23&lt;/option&gt;
  &lt;option value="24"&gt;24&lt;/option&gt;
  &lt;option value="25"&gt;25&lt;/option&gt;
  &lt;option value="26"&gt;26&lt;/option&gt;
  &lt;option value="27"&gt;27&lt;/option&gt;
  &lt;option value="28"&gt;28&lt;/option&gt;
  &lt;option value="29"&gt;29&lt;/option&gt;
  &lt;option value="30"&gt;30&lt;/option&gt;
  &lt;option value="31"&gt;31&lt;/option&gt;
  &lt;/select&gt;                        &lt;/div&gt;
                          &lt;div class="col-xs-4 col-md-4"&gt;
                              &lt;select name="year" class = "form-control input-lg"&gt;
  &lt;option value="1935"&gt;1935&lt;/option&gt;
  &lt;option value="1936"&gt;1936&lt;/option&gt;
  &lt;option value="1937"&gt;1937&lt;/option&gt;
  &lt;option value="1938"&gt;1938&lt;/option&gt;
  &lt;option value="1939"&gt;1939&lt;/option&gt;
  &lt;option value="1940"&gt;1940&lt;/option&gt;
  &lt;option value="1941"&gt;1941&lt;/option&gt;
  &lt;option value="1942"&gt;1942&lt;/option&gt;
  &lt;option value="1943"&gt;1943&lt;/option&gt;
  &lt;option value="1944"&gt;1944&lt;/option&gt;
  &lt;option value="1945"&gt;1945&lt;/option&gt;
  &lt;option value="1946"&gt;1946&lt;/option&gt;
  &lt;option value="1947"&gt;1947&lt;/option&gt;
  &lt;option value="1948"&gt;1948&lt;/option&gt;
  &lt;option value="1949"&gt;1949&lt;/option&gt;
  &lt;option value="1950"&gt;1950&lt;/option&gt;
  &lt;option value="1951"&gt;1951&lt;/option&gt;
  &lt;option value="1952"&gt;1952&lt;/option&gt;
  &lt;option value="1953"&gt;1953&lt;/option&gt;
  &lt;option value="1954"&gt;1954&lt;/option&gt;
  &lt;option value="1955"&gt;1955&lt;/option&gt;
  &lt;option value="1956"&gt;1956&lt;/option&gt;
  &lt;option value="1957"&gt;1957&lt;/option&gt;
  &lt;option value="1958"&gt;1958&lt;/option&gt;
  &lt;option value="1959"&gt;1959&lt;/option&gt;
  &lt;option value="1960"&gt;1960&lt;/option&gt;
  &lt;option value="1961"&gt;1961&lt;/option&gt;
  &lt;option value="1962"&gt;1962&lt;/option&gt;
  &lt;option value="1963"&gt;1963&lt;/option&gt;
  &lt;option value="1964"&gt;1964&lt;/option&gt;
  &lt;option value="1965"&gt;1965&lt;/option&gt;
  &lt;option value="1966"&gt;1966&lt;/option&gt;
  &lt;option value="1967"&gt;1967&lt;/option&gt;
  &lt;option value="1968"&gt;1968&lt;/option&gt;
  &lt;option value="1969"&gt;1969&lt;/option&gt;
  &lt;option value="1970"&gt;1970&lt;/option&gt;
  &lt;option value="1971"&gt;1971&lt;/option&gt;
  &lt;option value="1972"&gt;1972&lt;/option&gt;
  &lt;option value="1973"&gt;1973&lt;/option&gt;
  &lt;option value="1974"&gt;1974&lt;/option&gt;
  &lt;option value="1975"&gt;1975&lt;/option&gt;
  &lt;option value="1976"&gt;1976&lt;/option&gt;
  &lt;option value="1977"&gt;1977&lt;/option&gt;
  &lt;option value="1978"&gt;1978&lt;/option&gt;
  &lt;option value="1979"&gt;1979&lt;/option&gt;
  &lt;option value="1980"&gt;1980&lt;/option&gt;
  &lt;option value="1981"&gt;1981&lt;/option&gt;
  &lt;option value="1982"&gt;1982&lt;/option&gt;
  &lt;option value="1983"&gt;1983&lt;/option&gt;
  &lt;option value="1984"&gt;1984&lt;/option&gt;
  &lt;option value="1985"&gt;1985&lt;/option&gt;
  &lt;option value="1986"&gt;1986&lt;/option&gt;
  &lt;option value="1987"&gt;1987&lt;/option&gt;
  &lt;option value="1988"&gt;1988&lt;/option&gt;
  &lt;option value="1989"&gt;1989&lt;/option&gt;
  &lt;option value="1990"&gt;1990&lt;/option&gt;
  &lt;option value="1991"&gt;1991&lt;/option&gt;
  &lt;option value="1992"&gt;1992&lt;/option&gt;
  &lt;option value="1993"&gt;1993&lt;/option&gt;
  &lt;option value="1994"&gt;1994&lt;/option&gt;
  &lt;option value="1995"&gt;1995&lt;/option&gt;
  &lt;option value="1996"&gt;1996&lt;/option&gt;
  &lt;option value="1997"&gt;1997&lt;/option&gt;
  &lt;option value="1998"&gt;1998&lt;/option&gt;
  &lt;option value="1999"&gt;1999&lt;/option&gt;
  &lt;option value="2000"&gt;2000&lt;/option&gt;
  &lt;option value="2001"&gt;2001&lt;/option&gt;
  &lt;option value="2002"&gt;2002&lt;/option&gt;
  &lt;option value="2003"&gt;2003&lt;/option&gt;
  &lt;option value="2004"&gt;2004&lt;/option&gt;
  &lt;option value="2005"&gt;2005&lt;/option&gt;
  &lt;option value="2006"&gt;2006&lt;/option&gt;
  &lt;option value="2007"&gt;2007&lt;/option&gt;
  &lt;option value="2008"&gt;2008&lt;/option&gt;
  &lt;option value="2009"&gt;2009&lt;/option&gt;
  &lt;option value="2010"&gt;2010&lt;/option&gt;
  &lt;option value="2011"&gt;2011&lt;/option&gt;
  &lt;option value="2012"&gt;2012&lt;/option&gt;
  &lt;option value="2013"&gt;2013&lt;/option&gt;
  &lt;/select&gt;                        &lt;/div&gt;
                      &lt;/div&gt;
                       &lt;label class="sidetext"&gt;Gender : &lt;/label&gt;                    &lt;label class="radio-inline" id="rbuttonmale"&gt;
                          &lt;input type="radio" name="gender" value="M" id=male/&gt;   
                                               Male
                      &lt;/label&gt;
                      &lt;label class="radio-inline" id="rbuttonfemale"&gt;
                          &lt;input type="radio" name="gender" value="F" id=female /&gt;                        Female
                      &lt;/label&gt;
                      &lt;br /&gt;
                &lt;span class="help-block"&gt;By clicking Create my account, you agree to our Terms and that you have read our Data Use Policy, including our Cookie Use.&lt;/span&gt;
                      &lt;button class="btn btn-lg btn-primary btn-block signup-btn" type="submit"&gt;
                          Create my account&lt;/button&gt;
              &lt;/form&gt;          
            &lt;/div&gt;
  &lt;/div&gt;            
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      &lt;!-- Bootstrap core JavaScript
      ================================================== --&gt;
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="/Users/amandhapola/Desktop/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="/Users/amandhapola/Desktop/bootstrap/docs/assets/js/docs.min.js"&gt;&lt;/script&gt;
      &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
      &lt;script src="/Users/amandhapola/Desktop/bootstrap/docs/assets/js/ie10-viewport-bug-workaround.js"&gt;&lt;/script&gt;
  
  
  
  
  
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>