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

<!--[if gte IE 7]>
    <style type='text/css'>
  .borderT {visibility:hidden; display:none;}
    </style>
    <![endif]-->

    
<head>

	<meta charset="utf-8">

	<title>Mike Loucas Résumé | Front End Designer / Coder / Builder</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="https://mikeloucas.com">

	<!-- Twitter Card Meta Data -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="https://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">

	<!-- Humans -->
	<link rel="author" href="humans.txt" />

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="parallax/assets/styles/css/styles.css"/>

	<!-- Favicon -->
	<link rel="shortcut icon" href="https:www.mikeloucas.com/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="https:www.mikeloucas.com/favicon.png" type="image/png">


	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57-precomposed.png">

	<!-- Apple Startup Images -->
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)">
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)">
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)">
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)">
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)">
	<link rel="apple-touch-startup-image" href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)">

	<!-- Google Analytics -->


</head>
<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

	<div id="container" class="wrapper">
    
    	<ul id="scene" class="scene unselectable"
			data-friction-x="0.1"
			data-friction-y="0.1"
			data-scalar-x="25"
			data-scalar-y="15">
			<li class="layer passtrue" data-depth="0.00"></li>
			<li class="layer passtrue" data-depth="0.10"><div class="background"></div></li>
			<li class="layer passtrue" data-depth="0.10"><div class="light orange b phase-4"></div></li>
            <li class="layer passtrue" data-depth="0.10"><div class="light orange a phase-4"></div></li>
			<li class="layer passtrue" data-depth="0.15"><div class="hill purple phase-5"></div></li>
			
			<li class="layer" data-depth="0.15">
				<ul class="rope depth-30">
					<li><img src="parallax/assets/images/long_cloud.png" alt="Rope"></li>
					 <!--<li class="hanger position-5">
						<div class="board cloud-1 swing-3"><img src="parallax/assets/images/board-audio.png" width="280" height="280"  alt="ALTTAG"/ ></div>
					</li>-->
					<li class="hanger position-6">
						<div class="board cloud-3 swing-3"><img src="parallax/assets/images/free-toaster-ribon.png" width="380" height="380"  alt="ALTTAG"/ ></div>
					</li>
					<!--<li class="hanger position-8">
						<div class="board birds swing-5"><img src="parallax/assets/images/board-video.png" width="280" height="280"  alt="ALTTAG"/ ></div>
					</li>-->
				</ul>
			</li>
            <!--the middle text or image-->
			<li class="layer passtrue" data-depth="0.20"><div class="centerpart"><img src="parallax/assets/images/mike-logo.png" width="487" height="130"  alt=""/></div>
             </li>
            <!--end the middle text or image-->
			
            <!--FLASH WEB  GO HERE-->
            
			<li class="layer passtrue" data-depth="0.30"><div class="wave paint depth-30"></div></li>
			<li class="layer passtrue" data-depth="0.40"><div class="wave plain depth-40"></div></li>
			<li class="layer passtrue" data-depth="0.50"><div class="wave paint depth-50"></div></li>
			<li class="layer passtrue" data-depth="0.60"><div class="lighthouse depth-60"></div></li>
			
            
            <li class="layer" data-depth="0.60">
				<ul class="rope depth-60">
					<li><img src="parallax/assets/images/long_cloud.png" alt="Rope"></li>
					
                    <li class="layer" data-depth="0.30">
				<ul class="rope depth-30">
					<li><img src="parallax/assets/images/long_cloud.png" alt="Rope"></li>
					<li class="hanger position-2">
                    <div class="swing-1"><h2><a href="https://www.pinterest.com/mikeloucas/web-production-and-development-from-1999-to-2013/" target="_blank">FLASH SITES</a></h2></div>
					   
                        <iframe class="elementMask swing-1 toasOnTop" src="parallax/assets/work-slider/port-flash/flash.html" width="280" height="300" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe><img src="parallax/assets/images/toast_overlay.png" width="280" height="323"  alt="ALTTAG" class="swing-1 passtrue borderT"/>
					
                    </li>
                    
                    <li class="hanger position-8">
						<div class="swing-4"><h3><a href="https://mikeloucas.com/joomla/index.php/portfolio/flash-ads.html" target="_blank">BANNERS</a></h3></div>
                        <iframe class="swing-4" src="parallax/assets/work-slider/port-banners/banners.html" width="80" height="300" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>
					</li>
                    
                    <li class="hanger position-5"><div class="swing-5"><h2><a href="https://www.behance.net/mikeloucas" target="_blank">WEB SITES</a></h2></div>
						<iframe class="swing-5 elementMask toasOnTopB" src="parallax/assets/work-slider/port-website/websites.html" width="280" height="280" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe><img src="parallax/assets/images/toast_overlay.png" width="280" height="322"  alt="ALTTAG" class="swing-5 passtrue borderT" />
         
					</li>
				</ul>
			</li>
                    
                    <li class="hanger position-3">
						<div class="swing-5"><h2><a href="https://www.behance.net/mikeloucas" target="_blank">SKILLS</a></h2></div>
                        <iframe class="swing-5" src="parallax/assets/charts/graph.html" width="280" height="380" scrolling="no" frameborder="0" allowtransparency="true">
  <p>Your browser does not support iframes.</p>
</iframe>
                    </li>
					<li class="hanger position-6">
						<div class="swing-2"><h3><a href="https://www.pinterest.com/mikeloucas/" target="_blank">Graphic Artist</a></h3></div>
                        <iframe class="swing-2 elementMask toasOnTopB" src="parallax/assets/work-slider/port-graphic/graphics.html" width="280" height="280" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe><img src="parallax/assets/images/toast_overlay.png" width="280" height="322"  alt="ALTTAG" class="swing-2 passtrue borderT" />
					</li>
					
				</ul>
			</li>
			<li class="layer passtrue" data-depth="0.60"><div class="wave plain depth-60"></div></li>
			<li class="layer passtrue" data-depth="0.80"><div class="wave plain depth-80"></div></li>
			<li class="layer passtrue" data-depth="1.00"><div class="wave paint depth-100"></div></li>
            
            
		</ul>
    </div>                      
		
        
        <section id="about" class="wrapper about hide accelerate passtrue">
			<div class="cell accelerate">
				<div class="cables center accelerate">
					<div class="panel accelerate">
						<header>
							<h2>POP <em>me an email</em></h2>
						</header>
						<iframe src="parallax/assets/phpform/contact-form.html" width="100%" height="280" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>
						<div class="social">
                        <iframe src="parallax/assets/work-slider/social_row/social_icon.html" width="100%" height="40" scrolling="no" frameborder="0">
  						<p>Your browser does not support iframes.</p>
						</iframe>
							
						
						<ul class="links">
						  <li><a class="dlcv" href="../CV3in1.zip">Résumé in a Zip</a></li>
							<li><a class="extlink" href="https://youtu.be/deVvnsceo34">Video Version</a></li>
						</ul>
					</div>
				</div>
			</div>
          </div>
		</section>
		
       
        <button id="toggle" class="toggle i takeoff">
			<div class="cross">
				<!--<div class="x"></div>
				<div class="y"></div>-->
			</div>
		</button>
        
        <!--CLOSE BUTTUN-->
        
		<!--<script>function resetbitch() {location.reload();}</script>
        
        <button onclick="resetbitch()" id="toclose" class="putbcak i dissapere">
				<div class="cross">
			</div>
		</button>-->
		
        
		<!--<div id="prompt" class="wrapper prompt hide accelerate">
			<div class="cell accelerate">
				<div class="panel center unselectable accelerate">
					<button id="dismiss" class="dismiss, tilt">
						<div class="cross">
							<div class="x"></div>
							<div class="y"></div>
						</div>
					</button>
					<div class="tilt-scene">
						
					</div>
					<h2>Chrome Recommended</h2>
					<p>this page uses the following:</p>
					<p>iFrames, Click Through, JavaScripts, CSS Masks and SVG's</p>
					
								
				</div>
			</div>
		</div>-->
		<footer>
			&copy; 2015 mike loucas
		</footer>
        
        <!--</div>-->
        
	
	<!-- Scripts -->
	<script src="parallax/assets/scripts/js/libraries.min.js"></script>
	<script src="parallax/deploy/jquery.parallax.js"></script>
	<script>

	// jQuery Selections
	var $html = $('html'),
			$container = $('#container'),
			$prompt = $('#prompt'),
			$toggle = $('#toggle'),
			$about = $('#about'),
			$scene = $('#scene');
			
			
//MIKE-ING			

						//I stared wit this and it half works, I can turn it off once its pressed
//						$('.takeoff').click(function(){
//    if($(this).is('.passtrue')){$(this).removeClass('passtrue'); return;}
//    $(this).addClass('passtrue').siblings().removeClass('passtrue').removeClass('dissapere');
//	});

//I tried turning off the FX but cheating with another CLICK EVENT to REMOVE the click through script 
//$('.extlink').one('click', function() {
//  $(this).removeClass('terd').addClass('SOMETHING');
//});
			
//$(document).ready(function(){
//  $(".dissapere").click(function(){
//    $("toggle").hide();
//  });


$(document).ready(function(){
  $("button").click(function(){
    $("section").toggleClass("passtrue");
  });
});


//MIKE-ING end	


	// Hide browser menu.
	(function() {
		setTimeout(function(){window.scrollTo(0,0);},0);
	})();

	// Setup FastClick.
	FastClick.attach(document.body);

	// Add touch functionality.
	if (Hammer.HAS_TOUCHEVENTS) {
		$container.hammer({drag_lock_to_axis: true});
		_.tap($html, 'a,button,[data-tap]');
	}

	// Add touch or mouse class to html element.
	$html.addClass(Hammer.HAS_TOUCHEVENTS ? 'touch' : 'mouse');

	// Resize handler.
	(resize = function() {
		$scene[0].style.width = window.innerWidth + 'px';
		$scene[0].style.height = window.innerHeight + 'px';
		if (!$prompt.hasClass('hide')) {
			if (window.innerWidth < 600) {
				$toggle.addClass('hide');
			} else {
				$toggle.removeClass('hide');
			}
		}
	})();

	// Attach window listeners.
	window.onresize = _.debounce(resize, 200);
	window.onscroll = _.debounce(resize, 200);

	function showDetails() {
		$about.removeClass('hide');
		$toggle.removeClass('i');

	}

	function hideDetails() {
		$about.addClass('hide');
		$toggle.addClass('i');

	}

	// Listen for toggle click event.
	$toggle.on('click', function(event) {
		$toggle.hasClass('i') ? showDetails() : hideDetails();
		
	});

	// Pretty simple huh?
	$scene.parallax();

	// Check for orientation support.
	setTimeout(function() {
		if ($scene.data('mode') === 'cursor') {
			$prompt.removeClass('hide');
			if (window.innerWidth < 600) $toggle.addClass('hide');
			$prompt.on('click', function(event) {
				$prompt.addClass('hide');
				if (window.innerWidth < 600) {
					setTimeout(function() {
						$toggle.removeClass('hide');
					},1200);
				}
			});
		}
	},1000);

	</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>

<!--NO RITE CLICK-->
<script>

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>