Completed about page.

templates/about.hbs

@@ -1,9 +1,31 @@
 <div class="about">
   {{> nav activeAbout="active" }}
 
-    <div class="container">
-      <ul>
-        <li><a href="https://www.youtube.com/watch?v=HDH6dcbRtuU&amp;feature=youtu.be&amp;t=37s" title="Animals: Dogs">More "Animals"</a></li>
-      </ul>
+  <div class="container">
+    <ol class="breadcrumb">
+      <li><a href="#">Gallery</a></li>
+      <li>About "Animals"</li>
+    </ol>
+
+    <h1>About "Animals"</h1>
+    <div class="row">
+      <div class="col-sm-6">
+        <h2>What's This For ?</h2>
+        <p>The "Animals" gallery is the final "<a href="https://www.coursera.org/learn/responsive-web-design/home/week/4">Data Driven Website</a>" assignment for the
+          <a href="">Responsive Web Design</a> MOOC on Coursera,
+          by University of London &amp; Goldsmiths, University of London.</p>
+      </div>
+
+      <div class="col-sm-6">
+        <h2>Give me the facts!</h2>
+        <ul>
+          <li>This specific version is <a href="https://fr.linkedin.com/in/marand">Frederic G. MARAND</a>'s submission.</li>
+          <li><a href="http://formation.osinet.fr:3000/fgm/coursera-responsive-design">Get the source on formation.osinet.fr</a></li>
+          <li><a href="https://www.youtube.com/watch?v=HDH6dcbRtuU&amp;feature=youtu.be&amp;t=37s" title="Animals: Dogs">More "Animals"</a>
+            <em class="glyphicon glyphicon-film"></em>
+          </li>
+        </ul>
+      </div>
     </div>
+  </div>
 </div>

templates/class.hbs

@@ -3,7 +3,7 @@
 
   <div class="container">
     <ol class="breadcrumb">
-      <li><a href="#">Home</a></li>
+      <li><a href="#">Gallery</a></li>
       <li>{{class}}</li>
     </ol>
 

templates/species.hbs

@@ -3,7 +3,7 @@
 
   <div class="container">
     <ol class="breadcrumb">
-      <li><a href="#">Home</a></li>
+      <li><a href="#">Gallery</a></li>
       <li><a href="#class?class={{class}}">{{class}}</a></li>
       <li>{{name}}</li>
     </ol>