diff --git a/art/exam.html b/art/exam.html
index 744501e..c504ea9 100644
--- a/art/exam.html
+++ b/art/exam.html
@@ -62,7 +62,11 @@
             </li>
             <li role="presentation"><a href="#artist">Artist Link</a>
             </li>
-            <li role="presentation"><a href="#hand">Lorem Ipsum</a>
+            <li role="presentation"><a href="#hand">Hand</a>
+            </li>
+            <li role="presentation"><a href="#photos2">Photoshoot</a>
+            </li>
+            <li role="presentation"><a href="#anim">Animation</a>
             </li>
         </ul>
     </div>
@@ -148,8 +152,25 @@
                 <img src="/images/art/handConstructed.png" class="img-rounded" style="width: 200px">
                 <h3>Hand Deconstructed:</h3>
                 <img src="/images/art/handDeco.png" class="img-rounded" style="width: 60%">
-                <h3>Construction:</h3>
+                <h3>Construction Process:</h3>
                 <img src="/images/art/hand.gif" class="img-rounded" style="width: 60%">
+                <h3>Stills from the construction process:</h3>
+                <img src="/images/art/hand1.png" class="img-rounded" style="width: 40%">
+                <img src="/images/art/hand2.png" class="img-rounded" style="width: 40%">
+                <img src="/images/art/hand3.png" class="img-rounded" style="width: 40%">
+                <img src="/images/art/hand4.png" class="img-rounded" style="width: 40%">
+            </div>
+            <div id="photos2">
+                <h2 class="ruled">Photoshoot</h2>
+                <img src="/images/art/person1.jpg" class="img-rounded" style="width: 15%">
+                <img src="/images/art/person2.jpg" class="img-rounded" style="width: 15%">
+                <img src="/images/art/person3.jpg" class="img-rounded" style="width: 15%">
+                <img src="/images/art/person4.jpg" class="img-rounded" style="width: 15%">
+                <img src="/images/art/person5.jpg" class="img-rounded" style="width: 15%">
+            </div>
+            <div id="anim">
+                <h2 class="ruled">Surrealist animation of people</h2>
+                <img src="/images/art/swap.gif" class="img-rounded" style="width: 40%">
             </div>
         </div>
     </div>
diff --git a/images/art/hand1.png b/images/art/hand1.png
new file mode 100644
index 0000000..9564fcf
Binary files /dev/null and b/images/art/hand1.png differ
diff --git a/images/art/hand2.png b/images/art/hand2.png
new file mode 100644
index 0000000..f41d144
Binary files /dev/null and b/images/art/hand2.png differ
diff --git a/images/art/hand3.png b/images/art/hand3.png
new file mode 100644
index 0000000..b91dd95
Binary files /dev/null and b/images/art/hand3.png differ
diff --git a/images/art/hand4.png b/images/art/hand4.png
new file mode 100644
index 0000000..11d9886
Binary files /dev/null and b/images/art/hand4.png differ
diff --git a/images/art/person1.jpg b/images/art/person1.jpg
new file mode 100644
index 0000000..c5179bd
Binary files /dev/null and b/images/art/person1.jpg differ
diff --git a/images/art/person2.jpg b/images/art/person2.jpg
new file mode 100644
index 0000000..817115b
Binary files /dev/null and b/images/art/person2.jpg differ
diff --git a/images/art/person3.jpg b/images/art/person3.jpg
new file mode 100644
index 0000000..f10e0fb
Binary files /dev/null and b/images/art/person3.jpg differ
diff --git a/images/art/person4.jpg b/images/art/person4.jpg
new file mode 100644
index 0000000..0a154b4
Binary files /dev/null and b/images/art/person4.jpg differ
diff --git a/images/art/person5.jpg b/images/art/person5.jpg
new file mode 100644
index 0000000..54ea68e
Binary files /dev/null and b/images/art/person5.jpg differ
diff --git a/images/art/swap.gif b/images/art/swap.gif
new file mode 100644
index 0000000..51ab289
Binary files /dev/null and b/images/art/swap.gif differ