update 071216

Author: katibest

assets/css/style.css

@@ -208,6 +208,10 @@ h1, h2, h3, h4, h5, h6 {
 #workwrap.motion {	
 	background: url(../img/work-motion.jpg) no-repeat center top;
 	}
+	
+#workwrap.web {	
+	background: url(../img/work.jpg) no-repeat center top;
+	}	
 
 #workwrap h1 {
 	color:#ffffff;

assets/img/work-ul.jpg

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

ballpark.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

imaginethat.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

index.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

mm.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

photography.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

target.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>

urbanlegend.html

@@ -45,7 +45,7 @@
           <ul class="nav navbar-nav navbar-right">
             <li class="active"><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
-            <li><a href="#works">Works</a></li>
+            <li><a href="index.html#works">Portfolio</a></li>
           </ul>
         </div><!--/.nav-collapse -->
       </div>
@@ -75,18 +75,25 @@ <h1>Motion Graphics</h1>
 			<div class="col-sm-10 col-sm-offset-1 mt">
 
 				<iframe src="https://player.vimeo.com/video/173419182" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-				<p>Video Description</p>		
+				<p>General Recruit Video. </p> <p><font style= "font-size: 12px; line-height:8px;"><i>Illustrator | After Effects </i></font></p>		
 				<br><br>
 				<iframe src="https://player.vimeo.com/video/173423894" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-				<p>Video Description</p>
+				<p>Process video for Spicefires Quarterly intern project. <br>
+				<p><font style= "font-size: 12px; line-height:8px;"><i>Premier Pro | After Effects </i></font></p>
+				
+				</p>
 				<br><br>
 
 				<iframe src="https://player.vimeo.com/video/70511416" width="640" height="353" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-				<p>Video Description</p>
+				<p>Campaign Video. <br>
+				<p><font style= "font-size: 12px; line-height:8px;"><i>Premier Pro | After Effects </i></font></p>
+				</p>
 				<br><br>
 
 				<iframe src="https://player.vimeo.com/video/173417550" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-				<p>Video Description </p>
+				<p>Pop-up Video for to kick off Wrap-Around Month for Agents. <br>
+				 <p><font style= "font-size: 12px; line-height:8px;"><i>Illustrator | After Effects </i></font></p>
+				</p>
 				<br><br>
 			</div>
 
@@ -102,6 +109,7 @@ <h1>Motion Graphics</h1>
 					<a href="#"><i class="fa fa-facebook"></i></a>
 				</div>
 
+				
 				<div class="col-lg-2">
 					<a href="#"><i class="fa fa-linkedin"></i></a>
 				</div>