Untitled


<!DOCTYPE html>
<html>
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <title>Hello, world!</title>
        <style type="text/css">
            .container {
               padding-top:15px;
               padding-bottom:15px;
               padding-right: 15px;
               padding-left: 15px;
               margin-right: auto;
               margin-left: auto;
               background-color: #E8E8E8;
               border-radius:.30rem!important;
            }
            .navbar {
                margin-bottom: 20px;
            }
        </style>
    </head>

    <body>
        <!--Navbar-->
                <nav class="navbar navbar-expand-lg navbar-light bg-light">
          <a class="navbar-brand" href="#">Website</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Page</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Link</a>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Dropdown
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="#">Action</a>
                  <a class="dropdown-item" href="#">Another action</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Something else here</a>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link disabled" href="#">Disabled</a>
              </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
              <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
              <button class="btn btn-outline-success my-2 my-sm-0" type="submit" disabled="disabled">Search</button>
            </form>
          </div>
        </nav>
        <!--Nav bar-->


        <div class ="container">
            <div class ="row">
              <div class = "col-xs-12 col-sm-6 col-md-12 col-lg-12" >

                 <h4>Hello World</h4>
                 <p>
                     Lobortis mattis aliquam faucibus purus in massa tempor nec. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Massa vitae tortor condimentum lacinia quis vel. Sed enim ut sem viverra aliquet eget sit amet. Id faucibus nisl tincidunt eget nullam. Vitae ultricies leo integer malesuada nunc vel risus commodo. Augue mauris augue neque gravida in fermentum et sollicitudin ac. Quam pellentesque nec nam aliquam sem. Natoque penatibus et magnis dis parturient. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Neque gravida in fermentum et sollicitudin ac orci. Magna etiam tempor orci eu lobortis elementum. In fermentum posuere urna nec tincidunt praesent semper feugiat nibh. Vitae turpis massa sed elementum tempus egestas sed sed risus. Viverra justo nec ultrices dui sapien eget mi proin sed. Dui nunc mattis enim ut tellus elementum sagittis vitae et. Nunc eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Pellentesque id nibh tortor id aliquet. Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac.
                 </p>
              </div>
            </div>
            <div class ="row">
              <div class = "col-xs-12 col-sm-6 col-md-6 col-lg-6" >

                 <h4>A New Hello World</h4>
                 <p>
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Montes nascetur ridiculus mus mauris vitae ultricies leo integer. Tellus orci ac auctor augue. Massa ultricies mi quis hendrerit dolor. Lectus vestibulum mattis ullamcorper velit. Cras sed felis eget velit aliquet sagittis id. Amet cursus sit amet dictum sit amet. At imperdiet dui accumsan sit. Ipsum faucibus vitae aliquet nec ullamcorper sit. Purus faucibus ornare suspendisse sed nisi lacus sed. Et netus et malesuada fames ac turpis. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat pretium. Dignissim enim sit amet venenatis. Elementum integer enim neque volutpat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Vitae nunc sed velit dignissim sodales ut eu sem. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Posuere sollicitudin aliquam ultrices sagittis orci. Nulla facilisi morbi tempus iaculis.


                 </p>
              </div>
                <div class = "col-xs-12 col-sm-6 col-md-6 col-lg-6" >

                 <h4>A Very New Hello World</h4>
                 <p>
                     Lectus sit amet est placerat in egestas erat. Ridiculus mus mauris vitae ultricies leo integer. Risus commodo viverra maecenas accumsan lacus vel facilisis. Viverra ipsum nunc aliquet bibendum enim. Gravida dictum fusce ut placerat. Sed vulputate odio ut enim blandit volutpat maecenas volutpat. Varius sit amet mattis vulputate enim nulla. Adipiscing elit ut aliquam purus sit amet. Aliquam id diam maecenas ultricies mi. Ut tristique et egestas quis. Sollicitudin nibh sit amet commodo nulla facilisi. Tincidunt augue interdum velit euismod. Viverra justo nec ultrices dui sapien eget. Auctor elit sed vulputate mi sit. Purus viverra accumsan in nisl nisi scelerisque. Etiam erat velit scelerisque in dictum. Vel turpis nunc eget lorem dolor.

                 </p>
              </div>
            </div>
        </div>


        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    </body>
</html>