Implement final piece

art/exam.html

@@ -68,6 +68,8 @@
             </li>
             <li role="presentation"><a href="#anim">Animation</a>
             </li>
+            <li role="presentation"><a href="#final">Final Piece</a>
+            </li>
         </ul>
     </div>
     <div class="container-fluid">
@@ -156,7 +158,7 @@
                     <br>
                     <br>He has been a regular contributor to b3ta, a digital art community launched in 2001, since 2004. He has had commissions from Coke, Sumo TV and other companies. He has also been director for various music vidoes. His Youtube account features a compilation of his animations, which have been noticed by many in the blogging world.
                     <br>
-                    <br>His work also led to a short interview with BBC South East in November 2006. The BBC commissioned his video "DeadEnders" as a sequel to Cyriak's earlier "BeastEnders". Based on the British soap opera EastEnders it explored the idea of all the characters that have died in EastEnders going on a "brain-eating zombie rampage". Both of these films were featured on the BBC Three comedy series Comedy Shuffle.</p>
+                    <br>His work also led to a short interview with BBC South East in November 2006. The BBC commissioned his video "DeadEnders" as a sequel to Cyriak's earlier "BeastEnders". Based on the British soap opera EastEnders it explored the idea of all the characters that have died in EastEnders going on a "brain-eating zombie rampage". Both of these films were featured on the BBC Three comedy series Comedy Shuffle. Other than this, he has not been recognised to a significant extent outside of certain parts of the internet.</p>
                 <h3>An example of his work:</h3>
                 <iframe width="560" height="315" src="https://www.youtube.com/embed/WQO-aOdJLiw" frameborder="0" allowfullscreen></iframe>
             </div>
@@ -167,6 +169,8 @@
                 <img src="/images/art/person3.jpg" class="img-rounded" style="width: 120px; height: 300px">
                 <img src="/images/art/person4.jpg" class="img-rounded" style="width: 100px; height: 300px">
                 <img src="/images/art/person5.jpg" class="img-rounded" style="width: 120px; height: 300px">
+                <img src="/images/art/person6.jpg" class="img-rounded" style="width: 130px; height: 300px">
+                <img src="/images/art/person7.jpg" class="img-rounded" style="width: 120px; height: 300px">
             </div>
             <div id="anim">
                 <h2 class="ruled">Surrealist animation of people</h2>
@@ -175,6 +179,10 @@
                 <br>
                 <img src="/images/art/5way.gif" class="img-rounded" style="width: 40%">
             </div>
+            <div id="final">
+                <h2 class="ruled">Final Piece</h2>
+                <img src="/images/art/final.gif" class="img-rounded" style="width: 60%">
+            </div>
         </div>
     </div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->