JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.boothttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.jsstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-responsive" alt="Udacity Logo" src="images/udacity-logo.jpg">
</div>
<div class="col-md-6 text-right text-capitalize">
<h1>JANE Doette</h1>
<h3> Front-End Ninja</h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img class="img-responsive" alt="main picutre of a giraffe" src="images/animals690x350.jpg">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2>Featured Image</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<img class="img-responsive" alt="A cute little cat looks on with head turned to the side" src="images/cats325x300.jpg">
<h3>Cacho</h3>
<p><a href="https://www.google.com/?gws_rd=ssl" target="_blank">Check out beautiful Cacho</a>
</div>
<div class="col-md-4">
<img class="img-responsive" alt="A gorilla sits and looks into the distance" src="images/gorilla325x300.jpg">
<h3>Gorilla</h3>
<p><a href="https://www.google.com/?gws_rd=ssl" target="_blank">Check out this beastly creature</a>
</div>
...
CSS
.text-right{
text-align:right;
}
.text-capitalize{
text-transform:Capitalize;
}