From c92090688ed1e9f9391f8dce0201651a0c9cbae3 Mon Sep 17 00:00:00 2001
From: Arona Jones <warlordjones@gmail.com>
Date: Fri, 3 Oct 2014 15:16:22 +0100
Subject: [PATCH] 'Present' said images

---
 refine.html | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

diff --git a/refine.html b/refine.html
index d78f079..c231e4b 100644
--- a/refine.html
+++ b/refine.html
@@ -48,7 +48,71 @@
         </nav>
         <div class="container-fluid">
             <div class="starter-template">
-                
+                <h1>Illustrator</h1>
+                        
+                        <h2>Gradiented Images</h2>
+                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+                          <!-- Indicators -->
+                          <ol class="carousel-indicators">
+                            <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                          </ol>
+
+                          <!-- Wrapper for slides -->
+                          <div class="carousel-inner">
+                              
+                            <div class="item active">
+                              <img src="/images/ai/clock1grad.jpg" alt="...">
+                              <div class="carousel-caption">
+                                ...
+                              </div>
+                            </div>
+                              
+                            <div class="item">
+                              <img src="/images/ai/clock2grad.jpg" alt="...">
+                              <div class="carousel-caption">
+                                ...
+                              </div>
+                            </div>
+                            ...
+                          </div>
+
+                          <!-- Controls -->
+                          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+                            <span class="glyphicon glyphicon-chevron-left"></span>
+                          </a>
+                          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+                            <span class="glyphicon glyphicon-chevron-right"></span>
+                          </a>
+                        </div>
+                        <h2>Da Vinci</h2>
+                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+                          <!-- Indicators -->
+                          <ol class="carousel-indicators">
+                            <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                          </ol>
+
+                          <!-- Wrapper for slides -->
+                          <div class="carousel-inner">
+                              
+                            <div class="item active">
+                              <img src="/images/ai/clock2vinci.jpg" alt="...">
+                              <div class="carousel-caption">
+                                ...
+                              </div>
+                            </div>
+                            ...
+                          </div>
+
+                          <!-- Controls -->
+                          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+                            <span class="glyphicon glyphicon-chevron-left"></span>
+                          </a>
+                          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+                            <span class="glyphicon glyphicon-chevron-right"></span>
+                          </a>
+                        </div>
             </div>
         </div>
         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->