sandbox.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Harry Maher</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="Bootstrap3.2.0/css/bootstrap.min.css">
  <script src="jquery/jquery.min.js"></script>
  <script src="Bootstrap3.2.0/js/bootstrap.min.js"></script>
  <style>
	.navbar {
    padding-top: 8px;
    padding-bottom: 10px;
    border: 0;
    border-radius: 4;
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: 4px;
	background-color: white;
	font-family: segoe ui;
	font-color: white;
	}
	.navbar-nav li a:link, li a:visited{
	display: block;
	background-color: grey;
	color: white;
	text-align: center;
	}
	.navbar-nav li a:hover {
	background-color: white;
    color: grey !important;
	}
	body{
	background-color:white;
	}
	
  </style>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-3" style="background-color:lavender;">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
      incididunt ut labore et dolore magna aliqua.</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
      aliquip ex ea commodo consequat.</p>
    </div>
    <div class="col-sm-9" style="background-color:lavenderblush;">
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
      doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
      veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
  </div>
</div>
    
</body>
</html>
</div>