More art stuff

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>