updated skills section

css/layout.css

@@ -325,86 +325,86 @@ ul#nav li.current a { color: #F06000; }
    border-radius: 3px 0 0 3px;
 }
 
-.photoshop {
+.windows {
+  	width: 75%;
+  	-moz-animation: windows 2s ease;
+  	-webkit-animation: windows 2s ease;
+}
+.linux {
+  	width: 65%;
+  	-moz-animation: linux 2s ease;
+  	-webkit-animation: linux 2s ease;
+}
+.csharp {
+  	width: 65%;
+  	-moz-animation: csharp 2s ease;
+  	-webkit-animation: csharp 2s ease;
+}
+.php {
+  	width: 50%;
+  	-moz-animation: php 2s ease;
+  	-webkit-animation: php 2s ease;
+}
+.powershell {
+  	width: 70%;
+  	-moz-animation: powershell 2s ease;
+  	-webkit-animation: powershell 2s ease;
+}
+.checkpoint {
   	width: 60%;
-  	-moz-animation: photoshop 2s ease;
+  	-moz-animation: checkpoint 2s ease;
-  	-webkit-animation: photoshop 2s ease;
+  	-webkit-animation: checkpoint 2s ease;
-}
-.illustrator {
-  	width: 55%;
-  	-moz-animation: illustrator 2s ease;
-  	-webkit-animation: illustrator 2s ease;
-}
-.wordpress {
-  	width: 50%;
-  	-moz-animation: wordpress 2s ease;
-  	-webkit-animation: wordpress 2s ease;
-}
-.css {
-  	width: 90%;
-  	-moz-animation: css 2s ease;
-  	-webkit-animation: css 2s ease;
-}
-.html5 {
-  	width: 80%;
-  	-moz-animation: html5 2s ease;
-  	-webkit-animation: html5 2s ease;
-}
-.jquery {
-  	width: 50%;
-  	-moz-animation: jquery 2s ease;
-  	-webkit-animation: jquery 2s ease;
 }
 
-@-moz-keyframes photoshop {
+@-moz-keyframes windows {
+  0%   { width: 0px;  }
+  100% { width: 75%;  }
+}
+@-moz-keyframes linux {
+  0%   { width: 0px;  }
+  100% { width: 65%;  }
+}
+@-moz-keyframes csharp {
+  0%   { width: 0px;  }
+  100% { width: 65%;  }
+}
+@-moz-keyframes php {
+  0%   { width: 0px;  }
+  100% { width: 50%;  }
+}
+@-moz-keyframes powershell {
+  0%   { width: 0px;  }
+  100% { width: 70%;  }
+}
+@-moz-keyframes checkpoint {
   0%   { width: 0px;  }
   100% { width: 60%;  }
 }
-@-moz-keyframes illustrator {
-  0%   { width: 0px;  }
-  100% { width: 55%;  }
-}
-@-moz-keyframes wordpress {
-  0%   { width: 0px;  }
-  100% { width: 50%;  }
-}
-@-moz-keyframes css {
-  0%   { width: 0px;  }
-  100% { width: 90%;  }
-}
-@-moz-keyframes html5 {
-  0%   { width: 0px;  }
-  100% { width: 80%;  }
-}
-@-moz-keyframes jquery {
-  0%   { width: 0px;  }
-  100% { width: 50%;  }
-}
 
-@-webkit-keyframes photoshop {
+@-webkit-keyframes windows {
+  0%   { width: 0px;  }
+  100% { width: 75%;  }
+}
+@-webkit-keyframes linux {
+  0%   { width: 0px;  }
+  100% { width: 65%;  }
+}
+@-webkit-keyframes csharp {
+  0%   { width: 0px;  }
+  100% { width: 65%;  }
+}
+@-webkit-keyframes php {
+  0%   { width: 0px;  }
+  100% { width: 50%;  }
+}
+@-webkit-keyframes powershell {
+  0%   { width: 0px;  }
+  100% { width: 70%;  }
+}
+@-webkit-keyframes checkpoint {
   0%   { width: 0px;  }
   100% { width: 60%;  }
 }
-@-webkit-keyframes illustrator {
-  0%   { width: 0px;  }
-  100% { width: 55%;  }
-}
-@-webkit-keyframes wordpress {
-  0%   { width: 0px;  }
-  100% { width: 50%;  }
-}
-@-webkit-keyframes css {
-  0%   { width: 0px;  }
-  100% { width: 90%;  }
-}
-@-webkit-keyframes html5 {
-  0%   { width: 0px;  }
-  100% { width: 80%;  }
-}
-@-webkit-keyframes jquery {
-  0%   { width: 0px;  }
-  100% { width: 50%;  }
-}
 
 /* ------------------------------------------------------------------ */
 /* e. Portfolio Section

index.html

@@ -203,21 +203,22 @@
 
          <div class="nine columns main-col">
 
-            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
+            <p>I'm never afraid of learning new technologies and am always working on improving my skills and trying
-            eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
+                to stay up to date with the hottest new items. I strive to become a very knowledgeabke person that
-            voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
+                has a very wide range of skills and assets that can contribute to any environment that I 
-            voluptatem sequi nesciunt.
+                am placeed into. While I continue to gather new skills, my main areas of knowledge lie mostly
+                in systems administration and application development. Below is an example of my skillset.
             </p>
 
 				<div class="bars">
 
 				   <ul class="skills">
-					   <li><span class="bar-expand photoshop"></span><em>Photoshop</em></li>
+					    <li><span class="bar-expand windows"></span><em>Window Systems Administrator</em></li>
-                  <li><span class="bar-expand illustrator"></span><em>Illustrator</em></li>
+                        <li><span class="bar-expand linux"></span><em>Linux Systems Administrator</em></li>
-						<li><span class="bar-expand wordpress"></span><em>Wordpress</em></li>
+					    <li><span class="bar-expand csharp"></span><em>C# Development</em></li>
-						<li><span class="bar-expand css"></span><em>CSS</em></li>
+						<li><span class="bar-expand php"></span><em>PHP Development</em></li>
-						<li><span class="bar-expand html5"></span><em>HTML5</em></li>
+						<li><span class="bar-expand powershell"></span><em>Powershell Scripting</em></li>
-                  <li><span class="bar-expand jquery"></span><em>jQuery</em></li>
+                  <li><span class="bar-expand checkpoint"></span><em>Checkpoint Firewalls</em></li>
 					</ul>
 
 				</div><!-- end skill-bars -->
@@ -527,39 +528,6 @@
 
    </section> <!-- Portfolio Section End-->
 
-
-   <!-- Call-To-Action Section
-   ================================================== -->
-   <section id="call-to-action">
-
-      <div class="row">
-
-         <div class="two columns header-col">
-
-            <h1><span>Get Hosting.</span></h1>
-
-         </div>
-
-         <div class="seven columns">
-
-            <h2><a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT">Host This Template on Dreamhost.</a></h2>
-            <p>Looking for an awesome and reliable webhosting? Try <a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT"><span>DreamHost</span></a>.
-					Get <span>$50 off</span> when you sign up with the promocode <span>STYLESHOUT</span>. 
-					<!-- Simply type	the promocode in the box labeled “Promo Code” when placing your order. --></p>
-
-         </div>
-
-         <div class="three columns action">
-
-            <a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT" class="button">Sign Up Now</a>
-
-         </div>
-
-      </div>
-
-   </section> <!-- Call-To-Action Section End-->
-
-
    <!-- Testimonials Section
    ================================================== -->
    <section id="testimonials">