updated skills section
This commit is contained in:
140
css/layout.css
140
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;
|
||||
-webkit-animation: photoshop 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-animation: checkpoint 2s ease;
|
||||
-webkit-animation: checkpoint 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
|
||||
|
||||
54
index.html
54
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,
|
||||
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
|
||||
voluptatem sequi nesciunt.
|
||||
<p>I'm never afraid of learning new technologies and am always working on improving my skills and trying
|
||||
to stay up to date with the hottest new items. I strive to become a very knowledgeabke person that
|
||||
has a very wide range of skills and assets that can contribute to any environment that I
|
||||
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 illustrator"></span><em>Illustrator</em></li>
|
||||
<li><span class="bar-expand wordpress"></span><em>Wordpress</em></li>
|
||||
<li><span class="bar-expand css"></span><em>CSS</em></li>
|
||||
<li><span class="bar-expand html5"></span><em>HTML5</em></li>
|
||||
<li><span class="bar-expand jquery"></span><em>jQuery</em></li>
|
||||
<li><span class="bar-expand windows"></span><em>Window Systems Administrator</em></li>
|
||||
<li><span class="bar-expand linux"></span><em>Linux Systems Administrator</em></li>
|
||||
<li><span class="bar-expand csharp"></span><em>C# Development</em></li>
|
||||
<li><span class="bar-expand php"></span><em>PHP Development</em></li>
|
||||
<li><span class="bar-expand powershell"></span><em>Powershell Scripting</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">
|
||||
|
||||
Reference in New Issue
Block a user