/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <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://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <style id="jsbin-css">
#utilityBar {
  background-color: gray;
  width: 100%;
  height: 32%;
}

#brandHeader {
  background-color: white;
  width: 100%;
  height: 69px;
}

#logo {
  background-image: url("https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg")
  background-position-y: 50%;
}

#navigationBar {
  background-color: rgb(150, 21, 29);
  min-height: 1em;
  font-family: 'Univers-Basic-Regular', Arial, Helvetica, sans-serif;
}

.banner {
  width: 100%;
  min-height: 350px;
  background-image: url(https://investor.vanguard.com/__ssobj/static/ETF_Homepage_ASpot_Experiment_Control.jpg);
  background-size: cover;
  color: white;
  padding-left: 40px;
}
</style>
</head>
  <body>
    <div id="utilityBar">personal investors | login</div>
    <div id="brandHeader">
       <img id="logo" src="https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg">
    </div>
    <div id="navigationBar">Menu <span class="glyphicon glyphicon-search"></span></div>
    <div id="mainContent">
      <div class="enlarged-banner">
          <div class="banner">
            <h1>Vanguard ETFs:</h1> <h4>Settle for nothing less</h4>
          </div>
        </div>
      </div>
      <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>


<script id="jsbin-source-css" type="text/css">#utilityBar {
  background-color: gray;
  width: 100%;
  height: 32%;
}

#brandHeader {
  background-color: white;
  width: 100%;
  height: 69px;
}

#logo {
  background-image: url("https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg")
  background-position-y: 50%;
}

#navigationBar {
  background-color: rgb(150, 21, 29);
  min-height: 1em;
  font-family: 'Univers-Basic-Regular', Arial, Helvetica, sans-serif;
}

.banner {
  width: 100%;
  min-height: 350px;
  background-image: url(https://investor.vanguard.com/__ssobj/static/ETF_Homepage_ASpot_Experiment_Control.jpg);
  background-size: cover;
  color: white;
  padding-left: 40px;
}</script>
</body>
</html>

## jsbin.tezigitava.css
#utilityBar {
  background-color: gray;
  width: 100%;
  height: 32%;
}

#brandHeader {
  background-color: white;
  width: 100%;
  height: 69px;
}

#logo {
  background-image: url("https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg")
  background-position-y: 50%;
}

#navigationBar {
  background-color: rgb(150, 21, 29);
  min-height: 1em;
  font-family: 'Univers-Basic-Regular', Arial, Helvetica, sans-serif;
}

.banner {
  width: 100%;
  min-height: 350px;
  background-image: url(https://investor.vanguard.com/__ssobj/static/ETF_Homepage_ASpot_Experiment_Control.jpg);
  background-size: cover;
  color: white;
  padding-left: 40px;
}
	<!DOCTYPE html>
	<html lang="en">
	<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://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
	<style id="jsbin-css">
	#utilityBar {
	background-color: gray;
	width: 100%;
	height: 32%;
	}

	#brandHeader {
	background-color: white;
	width: 100%;
	height: 69px;
	}

	#logo {
	background-image: url("https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg")
	background-position-y: 50%;
	}

	#navigationBar {
	background-color: rgb(150, 21, 29);
	min-height: 1em;
	font-family: 'Univers-Basic-Regular', Arial, Helvetica, sans-serif;
	}

	.banner {
	width: 100%;
	min-height: 350px;
	background-image: url(https://investor.vanguard.com/__ssobj/static/ETF_Homepage_ASpot_Experiment_Control.jpg);
	background-size: cover;
	color: white;
	padding-left: 40px;
	}
	</style>
	</head>
	<body>
	<div id="utilityBar">personal investors \| login</div>
	<div id="brandHeader">
	<img id="logo" src="https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg">
	</div>
	<div id="navigationBar">Menu <span class="glyphicon glyphicon-search"></span></div>
	<div id="mainContent">
	<div class="enlarged-banner">
	<div class="banner">
	<h1>Vanguard ETFs:</h1> <h4>Settle for nothing less</h4>
	</div>
	</div>
	</div>
	<h1>Hello, world!</h1>

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>


	<script id="jsbin-source-css" type="text/css">#utilityBar {
	background-color: gray;
	width: 100%;
	height: 32%;
	}

	#brandHeader {
	background-color: white;
	width: 100%;
	height: 69px;
	}

	#logo {
	background-image: url("https://eus.vanguard.com/global-components/2.0.2/ui-components/brand-header/logo_vanguard_ship.svg")
	background-position-y: 50%;
	}

	#navigationBar {
	background-color: rgb(150, 21, 29);
	min-height: 1em;
	font-family: 'Univers-Basic-Regular', Arial, Helvetica, sans-serif;
	}

	.banner {
	width: 100%;
	min-height: 350px;
	background-image: url(https://investor.vanguard.com/__ssobj/static/ETF_Homepage_ASpot_Experiment_Control.jpg);
	background-size: cover;
	color: white;
	padding-left: 40px;
	}</script>
	</body>
	</html>