<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row navbar-fixed-top header">
<img class="header-img" src="http://lakshmip.com/images/bond-logo.png" id="bond-logo" />
</div>
<div class="offer">
<div class="row text-center section">
<h2 class="labels">VARSITY STUDIOS INC.</h2>
<h1 class="values">$150,000</h1>
<h2 class="labels">TOTAL LOAN AMOUNT</h2>
</div>
<div class="row section">
<div class="col-xs-6 right-border">
<h2 class="text-center values no-pad">3.9%</h2>
<h2 class="text-center labels no-pad">INTEREST RATE</h2>
</div>
<div class="col-xs-6">
<h2 class="values text-center no-pad">15%</h2>
<h2 class="labels no-pad text-center">APR</h2>
</div>
</div>
<div class="row section">
<div class="col-xs-4">
<h2 class="labels text-left">LOAN TERM</h2>
</div>
<div class="col-xs-8">
<h2 class="values-small text-right">36 Months</h2>
</div>
</div>
<div class="row section">
<div class="col-xs-5">
<h2 class="labels text-left">SEMI-MONTHLY PAYMENT</h2>
</div>
