<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>
<!------ Include the above in your HEAD tag ---------->
<!-- Page Content -->
<div class="container">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<p class="text-right">
<a href="http://bootsnipp.com/iframe/q8eWQ" target="_blank">Best viewed full screen</a><br>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2Fq8eWQ" target="_blank"><small>HTML</small><sup>5</sup></a>
</p>
</div>
</div>
<!-- /.row -->
<!-- Project One -->
<div class="row">
<div class="col-md-7">
<a href="#">
<img class="img-responsive" src="https://s23.postimg.org/cgeb2woyz/Hubbard_1.jpg" alt="">
</a>
</div>
<div class="col-md-5">
<h3>Bird Tree</h3>
<h4>2016</h4>
<p>A photograph taken in 2016 for a project on anthropomorphic objects.</p>
</div>
</div>
<!-- /.row -->
<br>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Analysis</h3>
<!-- Tabs -->
<ul class="nav panel-tabs">
<li class="active pull-right"><a href="#tab1" data-toggle="tab">Composition</a></li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="tab1">This photograph complies with the rule of thrids. The stub of the tree purturding resembles the beak of the bird. A knot in the wood looks similar to an eye. The lines in the wood creates leading lines that draw the eye from the bottom up.</div>
</div>
</div>
</div>
</div>
</div>
</div>
