<!--
                                                                                                                                                          
                                                                  ```       ```````````                                                                       
                                                       ``````...........```.,,,,,,,,,.......`````                                                             
                                                  ```...,,,,,,,,,,,,,,,,,,,,     ```..,,,,,,,,,,...```                                                        
                                             ```...,,,,,`                ,,                    `,,,,,,..```                                                   
                                         ```..,,,,.        ``.;+######'`  ` +#+''+++####+;.``        .,,,,..```                                               
                                       ``.,,,,       .:+###+:,,,,,...,,'#.  +#:`````..,,,,,:'###+:.       ,,,,..``                                            
                                       .,,     `,'#+':,,:##:````````````,#; +#:`````````````,###,,:'+#',`    `,,,.`                                           
                                      `,   `;##':,..````:##:.````````````,#:+#:`````````````,###,```..,:'##;`    ,.`                                          
                                      `, ;#+,,.`````````,##:.`````````````;#'#:`````````````,###,````````.,:'##,  ,`                                          
                                      `, ,#',```````````,##:.```,::::.````,###:````,::::,,,.,###,````````````,'#. ,`                                          
                                      `, .#',```````.,,:,##;.```.:::::````:###:````,,::::,,,,###,````````````,+#` ,`                                          
                                      `, `#+,```.,,,,,,,,##;.```.:,,::.```:###:````,,,,,,,,,,###,````:,,.````,+#` ,`                                          
                                      `,  #+,```.::,,,,,,##;.```.:;':,````:###:````,'';::,,,,###,````::,,,,,,,+#  ,`                                          
                                      `,` ##,```.,,,,,,:'##;,```.'';,.````,###:````.,,,,,::;+###,````:,,,,,,,,+#  ,`                                          
                                      `,` ##,```.:''':,,,##;,````````````,:###:`````````````,###,````:;,,,,,,,+#  ,`                                          
                                      `,` ##,````,.`````,##;,```````````.,:###:`````````````,###,````..,:;;:,,##  ,`                                          
                                      `,` ##,```````````:##',``````````,,::###:`````````````:###,`````````..,:## `,`                                          
                                      `,` ##,```````````:##',`````````,,::####:````:::,,,,,.:###,````````````,##  ,`                                          
                                      `,` ##,`````..,,,:,##',```.,````,::;#'##:````,,::,,,,,:##+,````````````,## .,`                                          
                                      `,. ##,````:,,,,,,,##+,````:,````:'#''##:````,,,,,,,,,:##+,```.,,:,,.``,## ,.`                                          
                                       ., ##,````,,,,,,,,##+,````:,````.+#''##,````,';;:,,,,:##+,```.,:,,,,,,,## ,.                                           
                                       ., ##,````,,,,,:;'##+,````:,,````,#+'##,````,###########+,```,:,,,,,,,,## ,.                                           
                                       ., +#,````,#####++'#+,````:,,.````;#'##,````,@#####+++'#+,```,'+':,,,,,#+ ,.                                           
                                       ., +#,````,##''''''#+,````::,,````,####,````...,,::::'##'.```,'#+####+:#+ ,.                                           
                                       ., +#:````:##''''''#+,````:#,,,````:###,````````````.;##'.```,::'###+'##' ,.                                           
                                      `., +#:````:##''''''##:````:#;,,````,###,````````````.;##;.````````.,,,+#' ,.                                           
                                   ```.,, '#:.```:##''''''##:````:##,,,````,##,````````````.;##;.```````````.;#: ,.`                                          
                                 ``.,,,,, '#:.```,##''''''##,,,:::##+,,,,,,,'#,,:,:,:::::,,,'##;.```````````,;#, ,,..````                                     
                           `````.,,,      ;#:...,,##''''''##,,,,:,###,:,,,,,,#,,.````,,,:::,:'':,,:::,,..```,;#, `,,,,,,..```                                 
                      ```...,,,,,.   `:+##+#;,,,,,##''''''##,````,####,,,,,,,;.````````,,,,,```....,,,,,,,,,,'#``      .,,,,,..```                            
                  ```..,,,,,  ,.  `##;:,,,,::,,,,,+#''''''#'.`````:#'#''++++;,``````````,,,,````````````,,,.,,:;'###;``     `,,,,..``                         
              ```..,,,,     `   `#+,.````````,,,,,+#'''''+#,``````,##++++++#,````...`````,#,````````````,,,``````..,,:'##+.`     ,,,,.``                      
           ``.,,,,,     .;###. :#:.````````````,####'''''##,``````.:#'''''#+,```.:,:,``.,,',....````````,#,````````````,###'##;.    `,,.`                     
          `.,,.     .'#+;,,'#.##,.````....``````,+#''''''#:.```.```,##''''#',```,::::,.,,,',,,,,```.,,:,,#,````````````,##+,.,,;+#'.   ,,`                    
         `,.    .;#+:,,....;##+,.....:,,,,,,.....,##''''##,.``.,```.'#''''#+,```.:,:::,:,,#,,,,,```.,,,,,#,```.:,,..``.,##+,````.,,'#,  ,,`                   
         `,  :#+;,,........;##,....:,:::::::,.....,#+'''#+,...,,....,#+'''#+,.....:#:,,,:##,,,,,```.,,,,,#,```.:,,,,,,:,##+,````````,'#` .,`                  
         ., +#:..........,,;#,....,::,,,,,,,:,....,+#''+#:....,,....,+#'''#+:,.....,#,,;###@###,....:::,,#,....:,,,,,,,:##+.```..````.:#. ,,`                 
         ., +#:........,,,,;;....:::,:'+++:,::,....:#''##,....,:,....:#+''##:,,.....,#+#+''''#+,....:#####,....:,,,,,,,:##'....,,:,....:#  ,.                 
         ., +#:,,::....:,,,;,...,::,##+''+##::,....,##'#'....,,,,....,##'''#,,,,.....,+#'''''#+,....;#+'##,......,,,,:,:##'....,,:::...,## `,`                
         ., +#:,,:,....:,,,:,...,::#+''''''+#,,....,##+#,....,,':,....;#'''##,,,,.....,;#''''#+,...,;#+'##,............;##'....,,,::....:#` ,`                
         ., +#:,,,,....,###:....,,#+''''''''##:....,####,...,,;#,,....,##'''#+,:,,.....,'#'''#+,...,;#+'##,...........,;##;....,,:::....:#; ,.                
         ., +#:,,;,....,###:....:'#'''''''''##,....,###;....,,'':,,...,+#''''#',,,,.....,##''#+,...,;#+'#+,...,,,,.....;##;............,:#+ ,.                
         ., +#+###,....,###,....,##'''''''''+#,....,###,...............,#+''''#+,::,,....,#+'#+,...,'#+'#+,...,,,,,,,,,'##:...........,,:#+ ,.                
         ., +;. +#,....,###,,...,+#'''''''''##,....,##+,...............,##'''+###,,:,....,##'#+,...,'#+'#',...,,,,,,,,,'##:....,...,,,:::#; ,.                
         `,     +#,....,###,,....,#'''''''''#:....,,##,.................:#''#',:##,,:,...,+#'#',...,'#++#',...,,,,,,,,,+##,....,,...,::,;#  ,`                
         `.,,,. +#:....,###:,.....:#+''''''#',....,,##,.................,###,..,'##::,...,+#'#',...,+#'+#;,...,######+'+##,....,,....,:;#. ,.`                
          ``.,. +#:....,###':,.....,;######:.....,::#',...,,,,,,,,,,,...,';,....,;##,....,+#'#;,...,+#'+#;,...,++++#######,....,,:...,+#` `,`                 
            `,, '#:....,####::,......,,,,,......,,:+#,....,,,,,,,,,,,....::,......,......,+#+#;,...,##'+#:...........,,###,....,,,,...,#+ .,.                 
             ., '#:....,##`#;,:,,..............,,:,##,...,,,,,,,,,,,,,...,::,...........,:+#+#;,...,##'+#:............,###,....,:,,....,#, ,,`                
             ., '#:....,## ;#,,:,,............,,,:++';''++++++++++++;;,...:::,.........,,:##+#:....,##'+#:............:###,....:#,,,....:#  ,.`               
             ., '#:,,,,,##  +#,,,,,,,,.....,;'''''''+++++++++++++++++++++#++';:,.....,,:,:#'+#:,,,,,##++#:,,,,,,,,,,,,,###,,,,,:#+,,,,,,,'#  ,.`              
             ., '#:,,,,,##   '#:,,::,,,:;;'''''';:...```````````...,,:'++++++++++++;,,:,,##'+#,,,,,,##++#:,,,,,,,,,,,,,###,,,,,:##:,,,,,,,#+  ,.`             
             ., '#:,,,,,## ,  .#+,,,:;;;;;;,``````````......................,;+++++++++'##''##,,,,,,++:;':,,,,,,,,,,,,,###,,,,,:###,,,,,,,;#' `,`             
             ., '#:,,,,,## `,`  '+:;;;;.`````.,;''''+++++++++++++++++++;,.........,'++++++++##,,,,,,++'++:,,,,,,,,,,,,,###,,,,,;#,##,,,,,,;##, .,`            
             ., '#########  .  .::::`````,'''''''''''+++++++++++++++++++++++#+;,......`:'++++''+####'':'+''++++++++++++++++######: ###########` ,`            
             `,            ` `:::,```.;;;;;''''''''''+++++++++++++++++++++++++++++#;,.....`:'+''''''::::::;;;;;;;'''''''++++:                   ,`            
             `.,,,,,,,,,,,  .::,```:;;;;;;;'''''''';;.+++```'`.`.,'+++++++++++++++++++#',....`.;'''''';:::;;;;;;;''''''++++++ ,,. `,,,,,,,,,,,,,.`            
              ``.......,,. .::...:::;;;;;;;'';';``',,,++'`,`,``;```#```#++#++++++++++++++++;.``.``:'''''';;;;;;;;'''''''++++' ,,,,,,,,,,,,,....``             
                      `.,  ::..:::::;;;;;;,'``,`,`..,:.+,``'`:`'`,`#`.`#+``#'+++++++++++++++++',`````,'';;;;;;;;;'''''''++++.  ,,,,,.   ,,,.`                 
                       ., ,:,,::::::;;;;;```,`;``,'+..`+`.#+`:`,``;;``#+'``#.`#+'#++++++++++++''+':`````.;';;;;;;;''''''+++'';   ,,,  .   ,,.`                
                      `,, ::,:::::::;;;;;`;`,````++,:.:+`'+:``````..`,++```#`.+'`,.+#+++++++++''''''':.`````:;;;:::::;'''';''';;     :;;;  `,.`               
                    ``.,, ::::::::::;;;;:`:``+:,++''++++'+++::#`;`.``:#+`;`#`:+:`,`;`.+++++++++''''''''':``````,:;:::::::;;:.,';;;.  ,.;;',  ,,.`             
                 ``.,,,   .::::::::::;;;,:'''''''''''++++++++++#++#,``#,```+`'+.`.`,``.`.++++++''''''''''';:.``````.,:::;:,:.``,';;::````'''  `,.`            
               `.,,,`   ,;;::::::::::;;;;''''''''''''''+++++++++++++###..,`:`:#`.`..`````:`'+++'''''''''';;;;;;,````````..,;';````:;::;:``,++.  ,,`           
            ``.,,,    :;;':::::::::::;;;;;;;;''''''''''+++++++++++++++++#+;.``:`.`:``````,`'`';+''''''''';;;;;;;;;:.````..;;'';;`````:;;':..++'  ,,.`         
          ``.,,`   ,;;;;...;:::::::::;;;;;;;;'''''''''++++++++++++++++++++++#++,``+`:```.``:`,`,.''''''''';;;;;;;:::::::::;;'';;;;,..:;;;''..;++  .,.`        
        ``.,,`  `:;;;.`..:;::::::::::;;;;;;;;:,...`````...,:'+++++++++++++++++++++'`'`;`,``,```:`.`:'''''';;;;;;;:::::::::;;'';;;;;:::;;;''+:..++` `,.`       
      ``.,,   .;;;:```,;;;;;::::::::::;:.`````````````````.....`..:+++++++++++++++++'`:`;``````;`.``.`;''';;;;;;;;::::::::;;'';;;;;:::;;;'''++.`++:  ,,.`     
     `.,,   ,;;;.``.;;;;;;;;:::::::::````````..,:::;;;;:,..```........,'+++++++++++++#;`+`.````'`,````.`.'';;;;;;;::::::::;;'';;;;;:::;;;'''++#.`;''  .,.``   
   `.,,`  ,:::```,;;;;;;;;;;::::::.`````,:;;;'''''''''''+++++++;,.`.......:+#++++++++++++:;`.``'`:`.``.``,`.;;;;;;::::::::;;'';;;;;:::;;;'''++++:`,''`  ,,.`  
  `.,`  ,::,```:;;;;;;;;;;;;::::,````:;;;;;;;'''''''''''++++++++++++;.........;#+++++++++++';``'`;`.``.``.``:;;;;;:::::::::;'';;;;;:::;;;'''+++++'``';:   ..` 
 `.,  `:::```:;;;;;;;;;;;;;;:::..`.:::;;;;;;;;;;;:::     `,;++++++++++++;........:#+++++++++++::`'`.``.`````:';;;;:::::::::;'';;;;;:::;;;'''+++++++``;;:,  ,` 
 `,  :::.``::;;;;;;;;;;;;;;;;:...::::;''''';;;;;;:::           `,++++++++++'........;+++++++++++'+.`````````,';;;;:::::::::;'';;;;;:::;;;'''++++++''``,    ,` 
 ., ,`` `::::;;;;;;;;;;;;;;;;,.,:::'''''''';;;;;;::: `,,,,,,,.      `++++++++++........++++++++++++;.'``.`,`,';;;;;::::::::;'';;;;;:::;;;'''++++++'',   ``,.` 
 `,          `:;;;;;;;;;;;;;:,:::+++''''''';;;;;;:::  ,.``...,,,,,`     '++++++++'.......:+++++++'''++.`,`:`,';;;;;::::::::;'';;;;;:::;;;'''++++++'   ,,,..`  
 `.,,,,,,,,`     ;;;;;;;;;;;::::++++''''''';;;;;;,::  ,`     ```..,,,,`    '+++++++#:......`'++++''''''+;`:`,';;;;;::::::::;'';;;;;:::;;;'''+++++`  ,,.```    
  ``..``...,,,  ;;;;;;;;;;;;::;+++++''''''';;;:,,::+` ,`          ``..,,,.    '++++++++,.....`:++'''''''''',,';;;;;::::::::;'';;;;;:::;;;'''++++, ,,,``       
          `.,. :;;;;;;;;;;;;;;++++++''''''':..,,,:++. ,`              ``.,,,.   .+++++++#:`....`.'+''''''''''';;;;;:::::::::'';;;;;:::;;;'''+++++ `,.         
          `,, .;;;;;;;;;;;;;;+++++++''''':....,:++++  ,`                 ``.,,,`   ;+++++++;.`..```:'''''''';;;;;;;:::::::::'';;;;;:::;;;'''+++++, ,.         
         `.,  ;;;;;;;;;;;;;;;+++++++''';....:'+++++' .,`                    ``.,,,   ,+++++++'.``````.'''''';;;;;;;:::::::::`:';;;;:::,;;'''++++++ `,`        
         .,  ;;;;;;;;;;;';;,++++++++''.:'+++++++++;  ,.                        `.,,,`  `'+++++++,```````:''';;;;;;;;::::::::```,';;::```.'''++++++. ,.        
        `,. ,;;;;;;;;;:.....+++++++''''''+++++++;  `,.`                          ``.,,.   '+++++++;````````:;';;;;;;::::::,:,`````,:.`.```:+++++++' .,`       
       `,, .:;;;;;:.``.....,+++++''''''''+++;,`   ,,.`                              `.,,.   ;+++++'+'.````````.:;;;;::::..,:''.`````.:;;:`.`++++++'` ,.       
      `.,  ::;;,``````,:;;;''++''''''':,`      `,,.``                                 `.,,,   :+++''''':````````````````..:;'';',```,:;;;',..;++++'' .,`      
     `.,  :;,`````,:;;;;;;;''';,.          .,,,,.``                                     ``,,,   .+'''''''',`````````````.::`'';;;;;;:   ,'''`..#++''` ,.      
     .,  :.````:;;;;;;;;:.`        `.,,,,,,,..``                                          ``.,,   `'''''''''':.````````,:::  `;;;;;:: .   ''+,..'+''' `,`     
    `,. ````:;;;;;;:.      ..,,,,,,,....````                                                ``.,,.   :''''''';;;;;::;;::::  ,   .;;:  ,,,  .+++..,+''` ,.`    
   `,.  .:;::;;:`     .,,,,,....`````                                                          `.,,,   .''''';;;;;;;;::::` ,,,,      ,,.,,.  +++..`''; `,`    
  `,,  :::::`    `,,,,...````                                                                    ``.,,.   .'';;;;;;;;:::  ,,...,,,.,,.` `.,,  .++;``:;. ,.`   
 `.,  :::`    ,,,,..```                                                                            ``.,,,    `,;;;;;:`   ,,`  ``....``    `,,.  +++```;  ,.   
 `,  :,   `,,,..```                                                                                   `..,,,`          ,,.`                `.,,  :'',``` .,`  
 ., ,   ,,,..``                                                                                         ``..,,,,,,,,,,,.``                   `,,` `'';``  ,.` 
 .,   ,,..``                                                                                                ```......```                      `.,.  ,;;:`  ,` 
 `.,,,.``                                                                                                         `                            `.,,   ;::; ..`
  ``.``                                                                                                                                          `.,.   ,;  .`
                                                                                                                                                  `.,,.    ,. 
                                                                                                                                                    `.,,,,,.` 
                                                                                                                                                      ``````  
                                                                                                                                                              
                                                                                                                                                              
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Skill Bar - Demo by Karthikeyan K - Complete Web 2.0</title>

<!-- Behavioral Meta Data -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=EmulateIE11">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<!-- Core Meta Data -->
	<meta name="author" content="Mike Loucas">
	<meta name="keywords" content="Canadian Business College, Universal TranWare, NexTaxi, Direct Energy, Traders-Trust, Cypruslikethis, Logios Institute, Trebas Institute, FXPro TCAds, PrimeGaming, mycourseroom, GUI,UI Design , CSS3, XML, HTML-D,X,5 , CMS, Joomla, Word Press, SHAREPOINT, Magento , Dreamweaver CC , Notepad++ , Muse CC, Flash CC , Photoshop CC , Illustrator CC , Quark X-press , InDesign , Prezi , PowerPoint , DVD and CD Authoring , Sound Forge , Acid , Reason , Recycle , MIDI , Premier CC , Vegas Video , After Effects CC , FX Compositing , Boujou , Motion Tracking , 3D MAX , Action Script 1 , Kiosks , Use of JavaScript and jQuery + Various Scripting tools , Basic PHP+MySQL , Cross Browser functionality , Mailer’s, Banners and eblast , Front-end Advertising , Storytelling , Motion Animation , Usability Testing, knowledge , Graphic Design , Management , Writing & editing  copy only  , Find Ability , Search Engine Optimization , Accessibility , Wire Framing , Constant Contact , Mail Chimp , email marketing , e-books, Aberdeen Gould, FXPro - FIA World Championship Rally, Euroorient, Alpha Forex, Euro Forex Trading, Stel Casino, Ackee Tree, Alice Wright, Asterix Productions, Bestro, Brian A. Schnurr, CELLDIVISION, Cellwand, Chensational, Done Deal, Empowered Training, My course room, Eye4golf, Fish-Fry, Good-n-Bedder, Jack Jeans, John Carter, Kesington, Mixoloji, NATASHA, Pragmatizm, Rick Broadhead, Spaha, Splatahous, Stephen Dasko, Sunrize Promotion, Trebas Institute, TRIZNAIN, Webrelay, Onsidekick, Colgate Palmolive, Nike, Reebok, Adidas, Cotton Club, Galaxi Bar, Logios Institute, Cuts Hair Salon, Candy McHail, Step Shoes, Fution House of Art, Fiskardo Lofts, Light House Lofts, Prime Partners, Prime Casino, Prime ScratchCards, Prime Poker, Prime Backammon, Euro Prime Casino, Prime Balls, Alpha Net, Function Photo, iWagerSports, Universal Financial Services, 49th St, Spadina Buss">

	<!-- Open Graph Meta Data -->
	<meta property="og:description" content="Mike Loucas Parallax Portfolio, Cloud Theme">
	<meta property="og:image" content="thumbnail.png">
	<meta property="og:site_name" content="mike loucas protfolios">
	<meta property="og:title" content="mike loucas protfolios">
	<meta property="og:type" content="website">
	<meta property="og:url" content="http://mikeloucas.com">

	<!-- Twitter Card Meta Data -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="http://mikeloucas.com">
	<meta name="twitter:creator" content="@MichaelLoucas">
	<meta name="twitter:title" content="mike loucas protfolios">
	<meta name="twitter:description" content="Mike Loucas Parallax Portfolio, Cloud Theme">
	<meta name="twitter:image" content="thumbnail.png">


	<!--Facebook Card Meta Data-->
	<meta property="og:fb:admins" content="738362809542317">
	<meta property="og:image" content="thumbnail.png">
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('.skillbar').each(function(){
		jQuery(this).find('.skillbar-bar').animate({
			width:jQuery(this).attr('data-percent')
		},10000);
	});
});
</script>

	<script>
window.onload = function(){
  var anchors = document.getElementsByTagName('a');
  for (var i=0; i<anchors.length; i++){
    if (anchors[i].hostname != window.location.hostname) {
        anchors[i].setAttribute('target', '_blank');
    }
  }
}
</script>

<style>
@import url(https://fonts.googleapis.com/css?family=Cabin+Condensed|Squada+One);

a{
	text-decoration:none;
	color:#FFF;
	font-weight:200;
	}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:10px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
	font-family: 'Squada One', cursive;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	font-size:18px;
		
	color:#FF0;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	transition: all 0.2s linear;
		
}

.skillbar-title span:hover,span:focus {
 color: #e24540;
 font-size:2em;
 font-weight:bold;
 text-shadow: rgb(212, 212, 212) 1px 1px,
    rgba(215, 215, 215, 0.9) 2px 2px,
    rgba(218, 218, 218, 0.8) 3px 3px,
    rgba(222, 222, 222, 0.7) 4px 4px,
    rgba(225, 225, 225, 0.6) 5px 5px,
    rgba(228, 228, 228, 0.5) 6px 6px,
    rgba(232, 232, 232, 0.5) 7px 7px,
    rgba(235, 235, 235, 0.4) 8px 8px,
    rgba(238, 238, 238, 0.4) 9px 9px,
    rgba(241, 241, 241, 0.3) 10px 10px,
    rgba(245, 245, 245, 0.2) 11px 11px,
    rgba(248, 248, 248, 0.1) 12px 12px,
    rgba(251, 251, 251, 0.1) 13px 13px,
    rgba(255, 255, 255, 0.1) 14px 14px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	/*font-size:14px;*/
	height:35px;
	line-height:35px;
	color:#000;
	color:rgba(0, 0, 0, 0.9);
}
	
</style>
</head>

<body STYLE="background-color:transparent;">
<div style="width:100%;">
 
 
<div class="skillbar clearfix " data-percent="90%">
	<div class="skillbar-title" style="background: #006793;"><a href="https://www.behance.net/mikeloucas"><span>Front End</span></a></div>
	<div class="skillbar-bar" style="background: #006793;"></div>
	<div class="skill-bar-percent">90%</div>
</div>
<div class="skillbar clearfix " data-percent="89%">
<div class="skillbar-title" style="background: #F29400;"><a href="https://www.behance.net/mikeloucas"><span>Web Design</span></a></div>
<div class="skillbar-bar" style="background: #F29400;"></div>
<div class="skill-bar-percent">89%</div>
</div>
<div class="skillbar clearfix " data-percent="80%">
<div class="skillbar-title" style="background: #009EE0;"><a href="https://www.behance.net/mikeloucas"><span>UI/UX</span></a></div>
<div class="skillbar-bar" style="background: #009EE0;"></div>
<div class="skill-bar-percent">80%</div>
</div>
<div class="skillbar clearfix " data-percent="68%">
<div class="skillbar-title" style="background: #E07800;"><a href="https://www.behance.net/mikeloucas"><span>Web Dev</span></a></div>
<div class="skillbar-bar" style="background: #E07800;"></div>
<div class="skill-bar-percent">68%</div>
</div>

<div class="skillbar clearfix " data-percent="100%">
<div class="skillbar-title" style="background: #006793;"><a href="https://www.behance.net/mikeloucas"><span>Graphics</span></a></div>
<div class="skillbar-bar" style="background: #006793;"></div>
<div class="skill-bar-percent">100%</div>
</div>

<div class="skillbar clearfix " data-percent="78%">
<div class="skillbar-title" style="background: #F29400;"><a href="https://www.behance.net/mikeloucas"><span>Flash</span></a></div>
<div class="skillbar-bar" style="background: #F29400;"></div>
<div class="skill-bar-percent">78%</div>
</div>

<div class="skillbar clearfix " data-percent="95%">
<div class="skillbar-title" style="background: #009EE0;"><a href="https://www.behance.net/mikeloucas"><span>App GUI</span></a></div>
<div class="skillbar-bar" style="background: #009EE0;"></div>
<div class="skill-bar-percent">95%</div>
</div>


</div>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31528346-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

		</script>

<!--NO RITE CLICK-->
<script language=JavaScript>
<!--

var message="This example prevents the RIGHT CLICK option with the mouse.";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// --> 

document.onkeydown = function(e) {
        if (e.ctrlKey && 
            (e.keyCode === 67 || 
             e.keyCode === 86 || 
             e.keyCode === 85 || 
             e.keyCode === 117)) {
            alert('This example disables the copy past keys, using Java, but F12 still works as a little treat for you.');
            return false;
        } else {
            return true;
        }
};
</script>
</body>
</html>