BossBey File Manager
PHP:
7.4.33
OS:
Linux
User:
hmchvvva
Root
/
home
/
hmchvvva
/
public_html
📤 Upload
📝 New File
📁 New Folder
Close
Editing: start.html
<!DOCTYPE html> <html class="nojs html css_verticalspacer" lang="en-US"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> <meta name="generator" content="2018.0.0.379"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <script type="text/javascript"> // Update the 'nojs'/'js' class on the html node document.documentElement.className = document.documentElement.className.replace(/\bnojs\b/g, 'js'); // Check that all required assets are uploaded and up-to-date if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["museutils.js", "museconfig.js", "jquery.watch.js", "jquery.musepolyfill.bgsize.js", "jquery.musemenu.js", "webpro.js", "musewpdisclosure.js", "jquery.scrolleffects.js", "jquery.museresponsive.js", "require.js", "start.css"], "outOfDate":[]}; </script> <link rel="shortcut icon" href="images/a-master-favicon.ico?crc=4060885057"/> <title>START</title> <!-- CSS --> <link rel="stylesheet" type="text/css" href="css/site_global.css?crc=197751615"/> <link rel="stylesheet" type="text/css" href="css/master_a-master.css?crc=207142648"/> <link rel="stylesheet" type="text/css" href="css/start.css?crc=4023390424" id="pagesheet"/> <!-- IE-only CSS --> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="css/iefonts_start.css?crc=3945353320"/> <link rel="stylesheet" type="text/css" href="css/nomq_preview_master_a-master.css?crc=482925056"/> <link rel="stylesheet" type="text/css" href="css/nomq_start.css?crc=118385272" id="nomq_pagesheet"/> <![endif]--> <!-- Other scripts --> <script type="text/javascript"> var __adobewebfontsappname__ = "muse"; </script> <!-- JS includes --> <script src="https://webfonts.creativecloud.com/comfortaa:n4:default;exo:n4,n7,n6:default.js" type="text/javascript"></script> <!--[if lt IE 9]> <script src="scripts/html5shiv.js?crc=4241844378" type="text/javascript"></script> <![endif]--> <!--custom head HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!--HTML Widget code--> <style type="text/css"> .blast { display: inline-block; } </style> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-114280012-1', 'auto'); ga('send', 'pageview'); </script> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u87845:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u87849:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u87852:hover .fa { color: C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u97723:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u547881:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u97733:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u38141:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u546241:hover .fa { color: #C1272D; } </style> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <style> .fa-block:before, .fa-block { display: block; } #u38152:hover .fa { color: #C1272D; } </style> <style> .menu-toggle{ flex:0 0 auto; width:40px; height:40px; border:1px solid #FFFFFF; box-sizing: border-box; cursor:pointer; position:relative; } .hamburger,.cross{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .hamburger span{ display:block; width:18px; height:2px; margin-bottom:3px; overflow:hidden; position:relative; } .hamburger span:last-child{ margin:0; } .hamburger span:before,.hamburger span:after{ content:""; position:absolute; width:100%; height:100%; background-color:#000000; transform:translateX(-200%); transition:transform ease 300ms; } .hamburger span:after{ transform:translateX(0); } .hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{ transition-delay:75ms; } .hamburger span:last-child:before,.hamburger span:last-child:after{ transition-delay:150ms; } .menu-toggle:hover .hamburger span:before{ transform:translateX(0); } .menu-toggle:hover .hamburger span:after{ transform:translateX(200%); } .menu-toggle.active .hamburger span:before{ transform:translateX(100%); } .menu-toggle.active .hamburger span:after{ transform:translateX(200%); } .cross span{ display:block; width:18px; height:2px; background-color:#000000; transform:translateY(50%) rotate(45deg) scaleX(0); transition:transform ease 200ms; } .cross span:last-child{ transform:translateY(-50%) rotate(-45deg) scaleX(0); } .menu-toggle.active .cross span{ transition-delay:450ms; transform:translateY(50%) rotate(45deg) scaleX(1); } .menu-toggle.active .cross span:last-child{ transform:translateY(-50%) rotate(-45deg) scaleX(1); } </style> <style> .menu-toggle{ flex:0 0 auto; width:35px; height:24px; border:1px solid #FFFFFF; box-sizing: border-box; cursor:pointer; position:relative; } .hamburger,.cross{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .hamburger span{ display:block; width:18px; height:2px; margin-bottom:3px; overflow:hidden; position:relative; } .hamburger span:last-child{ margin:0; } .hamburger span:before,.hamburger span:after{ content:""; position:absolute; width:100%; height:100%; background-color:#000000; transform:translateX(-200%); transition:transform ease 300ms; } .hamburger span:after{ transform:translateX(0); } .hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{ transition-delay:75ms; } .hamburger span:last-child:before,.hamburger span:last-child:after{ transition-delay:150ms; } .menu-toggle:hover .hamburger span:before{ transform:translateX(0); } .menu-toggle:hover .hamburger span:after{ transform:translateX(200%); } .menu-toggle.active .hamburger span:before{ transform:translateX(100%); } .menu-toggle.active .hamburger span:after{ transform:translateX(200%); } .cross span{ display:block; width:18px; height:2px; background-color:#000000; transform:translateY(50%) rotate(45deg) scaleX(0); transition:transform ease 200ms; } .cross span:last-child{ transform:translateY(-50%) rotate(-45deg) scaleX(0); } .menu-toggle.active .cross span{ transition-delay:450ms; transform:translateY(50%) rotate(45deg) scaleX(1); } .menu-toggle.active .cross span:last-child{ transform:translateY(-50%) rotate(-45deg) scaleX(1); } </style> </head> <body> <!--HTML Widget code--> <div class="breakpoint active" id="bp_infinity" data-min-width="1025"><!-- responsive breakpoint node --> <div class="clearfix" id="page"><!-- group --> <div class="size_fixed grpelem" id="u99276"><!-- custom html --> <span class="shared_content" data-content-guid="u99276_0_content"></span> </div> <div class="clearfix grpelem" id="pu94"><!-- column --> <div class="browser_width colelem" id="u94-bw"> <div id="u94"><!-- group --> <div class="clearfix" id="u94_align_to_page"> <div class="clearfix grpelem" id="u144-6"><!-- content --> <p id="u144-4" class="shared_content" data-content-guid="u144-4_content">CALL US: <span id="u144-2">+971</span><span id="u144-3">-554 745 383</span></p> </div> </div> </div> </div> <div class="browser_width colelem" id="u334826-bw"> <div id="u334826"><!-- group --> <div class="clearfix" id="u334826_align_to_page"> <a class="nonblock nontext museBGSize grpelem shared_content" id="u502469" href="index.html" data-content-guid="u502469_content"><!-- simple frame --></a> <div class="clearfix grpelem" id="u545000"><!-- group --> <nav class="MenuBar clearfix grpelem" id="menuu221"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u222"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem" id="u223" href="index.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u225" alt="HOME" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem" id="menuu375"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u376"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem" id="u377" href="portfolio.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u379" alt="PORTFOLIO" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem" id="menuu351"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u352"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem" id="u353" href="services.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u354" alt="SERVICES" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem" id="menuu399"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u400"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem" id="u401" href="faq.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u402" alt="FAQ" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem" id="menuu423"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u424"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem" id="u427" href="about.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u428" alt="ABOUT" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem" id="menuu447"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u448"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive transition clearfix colelem" id="u451" href="start.html"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem" id="u453" alt="START" src="images/blank.gif?crc=4208392903"/><!-- state-based BG images --></a> </div> </nav> </div> </div> </div> </div> <div class="clearfix colelem" id="pu85343"><!-- group --> <div class="browser_width grpelem shared_content" id="u85343-bw" data-content-guid="u85343-bw_content"> <div class="museBGSize" id="u85343"><!-- simple frame --></div> </div> <div class="browser_width grpelem" id="u85344-bw"> <div class="gradient" id="u85344"><!-- group --> <div class="clearfix" id="u85344_align_to_page"> <div class="size_fixed grpelem" id="u583935"><!-- custom html --> <span class="shared_content" data-content-guid="u583935_0_content"> </span> </div> </div> </div> </div> </div> <div class="clearfix colelem" id="pu98299"><!-- group --> <div class="browser_width grpelem" id="u98299-bw"> <div id="u98299"><!-- group --> <div class="clearfix" id="u98299_align_to_page"> <div class="clearfix grpelem" id="u509429"><!-- column --> <div class="size_fixed colelem" id="u87845"><!-- custom html --> <span class="shared_content" data-content-guid="u87845_0_content"><i class="fa fa-mobile fa-block" style="line-height:43px;"></i></span> </div> <div class="clearfix colelem" id="u87843-4"><!-- content --> <p id="u87843-2" class="shared_content" data-content-guid="u87843-2_content">PHONE</p> </div> <div class="clearfix colelem" id="u87844-5"><!-- content --> <p id="u87844-3" class="shared_content" data-content-guid="u87844-3_content"><span id="u87844">+971</span><span id="u87844-2">-554 745 383</span></p> </div> </div> <div class="clearfix grpelem" id="ppu87856-8"><!-- column --> <div class="clearfix colelem" id="pu87856-8"><!-- group --> <img class="grpelem temp_no_img_src" id="u87856-8" alt="GET IN TOUCH" width="373" height="54" data-orig-src="images/u87856-8.png?crc=362075014" data-hidpi-src="images/u87856-8_2x.png?crc=450631539" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_img_src" id="u87855-4" alt="G" width="93" height="121" data-orig-src="images/u87855-4.png?crc=68882945" data-hidpi-src="images/u87855-4_2x.png?crc=4170258788" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="grpelem shared_content" id="u87857" data-content-guid="u87857_content"><!-- simple frame --></div> </div> <div class="clearfix colelem" id="pu87841"><!-- group --> <div class="grpelem shared_content" id="u87841" data-content-guid="u87841_content"><!-- simple frame --></div> <div class="clearfix grpelem" id="u509447"><!-- column --> <div class="size_fixed colelem" id="u87849"><!-- custom html --> <span class="shared_content" data-content-guid="u87849_0_content"><i class="fa fa-location-arrow fa-block" style="line-height:43px;"></i></span> </div> <div class="clearfix colelem" id="u87848-4"><!-- content --> <p id="u87848-2" class="shared_content" data-content-guid="u87848-2_content">ADDRESS</p> </div> <div class="clearfix colelem" id="u87847-6"><!-- content --> <p id="u87847-2" class="shared_content" data-content-guid="u87847-2_content">Emirates NBD building,</p> <p id="u87847-4" class="shared_content" data-content-guid="u87847-4_content">Deira, Dubai, UAE</p> </div> </div> </div> </div> <div class="clearfix grpelem" id="u509420"><!-- column --> <div class="size_fixed colelem" id="u87852"><!-- custom html --> <span class="shared_content" data-content-guid="u87852_0_content"><i class="fa fa-envelope fa-block" style="line-height:44px;"></i></span> </div> <div class="clearfix colelem" id="u87853-4"><!-- content --> <p id="u87853-2" class="shared_content" data-content-guid="u87853-2_content">EMAIL</p> </div> <div class="clearfix colelem" id="u87851-4"><!-- content --> <p id="u87851-2" class="shared_content" data-content-guid="u87851-2_content">info@evogue.com</p> </div> </div> </div> </div> </div> <div class="clearfix grpelem" id="u549131"><!-- group --> <a class="nonblock nontext size_fixed ose_pre_init grpelem" id="u97723" href="https://www.facebook.com/evogue.dubai/" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u97723_0_content"><i class="fa fa-facebook fa-block" style="line-height:55px;"></i></span></a> <a class="nonblock nontext size_fixed grpelem" id="u547881" href="https://www.linkedin.com/company/evoguedigital" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u547881_0_content"><i class="fa fa-linkedin fa-block" style="line-height:34px;"></i></span></a> <a class="nonblock nontext size_fixed ose_pre_init grpelem" id="u97733" href="http://www.instagram.com/evoguedigital" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u97733_0_content"><i class="fa fa-instagram fa-block" style="line-height:55px;"></i></span></a> </div> </div> <div class="browser_width colelem" id="u86020-bw"> <div class="museBGSize rgba-background" id="u86020"><!-- column --> <div class="clearfix" id="u86020_align_to_page"> <div class="clearfix colelem" id="pu86568-4"><!-- group --> <img class="grpelem temp_no_img_src" id="u86568-4" alt="H" width="85" height="101" data-orig-src="images/u86568-4.png?crc=4088227724" data-hidpi-src="images/u86568-4_2x.png?crc=4147988073" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_img_src" id="u86021-6" alt="HIRE US" width="670" height="64" data-orig-src="images/u86021-6.png?crc=4054468549" data-hidpi-src="images/u86021-6_2x.png?crc=134257906" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="grpelem" id="u86571"><!-- simple frame --></div> </div> <div class="clearfix colelem" id="u86063-4"><!-- content --> <p id="u86063-2" class="shared_content" data-content-guid="u86063-2_content">Will reply you shortly</p> </div> <form class="form-grp clearfix colelem" id="widgetu86442" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php"><!-- none box --> <div class="fld-grp clearfix grpelem" id="widgetu86443" data-required="true"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem" id="u86445-4" for="widgetu86443_input"><!-- content --><span class="actAsPara shared_content" id="u86445-2" data-content-guid="u86445-2_content">Name:</span></label> <span class="fld-input NoWrap actAsDiv clearfix grpelem" id="u86446-4"><!-- content --><input class="wrapped-input shared_content" type="text" spellcheck="false" id="widgetu86443_input" name="custom_U86443" tabindex="1" data-content-guid="widgetu86443_input_content"/><label class="wrapped-input fld-prompt" id="widgetu86443_prompt" for="widgetu86443_input"><span class="actAsPara shared_content" id="u86446-2" data-content-guid="u86446-2_content">Enter Name</span></label></span> </div> <div class="fld-grp clearfix grpelem" id="widgetu86447" data-required="true" data-type="email"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem" id="u86450-4" for="widgetu86447_input"><!-- content --><span class="actAsPara shared_content" id="u86450-2" data-content-guid="u86450-2_content">Email:</span></label> <span class="fld-input NoWrap actAsDiv clearfix grpelem" id="u86448-4"><!-- content --><input class="wrapped-input shared_content" type="email" spellcheck="false" id="widgetu86447_input" name="Email" tabindex="2" data-content-guid="widgetu86447_input_content"/><label class="wrapped-input fld-prompt" id="widgetu86447_prompt" for="widgetu86447_input"><span class="actAsPara shared_content" id="u86448-2" data-content-guid="u86448-2_content">Enter Email</span></label></span> </div> <div class="clearfix grpelem" id="u86451-4"><!-- content --> <p class="shared_content" data-content-guid="u86451-4_0_content">Submitting Form...</p> </div> <div class="clearfix grpelem" id="u86457-4"><!-- content --> <p class="shared_content" data-content-guid="u86457-4_0_content">The server encountered an error.</p> </div> <div class="clearfix grpelem" id="u86452-4"><!-- content --> <p id="u86452-2" class="shared_content" data-content-guid="u86452-2_content">Thank you</p> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix grpelem" id="u86458-4" type="submit" value="SEND" tabindex="4"><!-- content --> <div style="margin-top:-15px;height:15px;" class="shared_content" data-content-guid="u86458-4_0_content"> <p id="u86458-2" class="shared_content" data-content-guid="u86458-2_content">SEND</p> </div> </button> <div class="fld-grp clearfix grpelem" id="widgetu86453" data-required="false"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem" id="u86454-4" for="widgetu86453_input"><!-- content --><span class="actAsPara shared_content" id="u86454-2" data-content-guid="u86454-2_content">Message:</span></label> <span class="fld-textarea actAsDiv clearfix grpelem" id="u86455-4"><!-- content --><textarea class="wrapped-input shared_content" id="widgetu86453_input" name="custom_U86453" tabindex="3" data-content-guid="widgetu86453_input_content"></textarea><label class="wrapped-input fld-prompt" id="widgetu86453_prompt" for="widgetu86453_input"><span class="actAsPara shared_content" id="u86455-2" data-content-guid="u86455-2_content">Enter Your Message</span></label></span> </div> </form> </div> </div> </div> </div> <div class="clearfix grpelem" id="pu97895"><!-- group --> <div class="mse_pre_init" id="u97895" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.7071,M12=0.7071,M21=-0.7071,M22=0.7071,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-10" data-mu-ie-matrix-dy="-12"><!-- simple frame --></div> <img class="mse_pre_init ose_pre_init temp_no_img_src" id="u85345-4" alt="Let's do something " width="647" height="53" data-orig-src="images/u85345-4.png?crc=4059238450" data-hidpi-src="images/u85345-4_2x.png?crc=3818256616" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="mse_pre_init ose_pre_init temp_no_img_src" id="u98137-4" alt="awesome together" width="380" height="34" data-orig-src="images/u98137-4.png?crc=223823320" data-hidpi-src="images/u98137-4_2x.png?crc=496762644" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="clearfix ose_pre_init mse_pre_init" id="u97720-4"><!-- content --> <p id="u97720-2" class="shared_content" data-content-guid="u97720-2_content">FOLLOW US</p> </div> </div> <div class="verticalspacer" data-offset-top="1715" data-content-above-spacer="1715" data-content-below-spacer="181"></div> <div class="clearfix grpelem" id="pu755"><!-- group --> <div class="browser_width grpelem" id="u755-bw"> <div class="museBGSize" id="u755"><!-- column --> <div class="clearfix" id="u755_align_to_page"> <div class="clearfix colelem" id="u442347"><!-- group --> <a class="nonblock nontext clearfix grpelem" id="u49818-4" href="services.html"><!-- content --><p id="u49818-2" class="shared_content" data-content-guid="u49818-2_content">SERVICES</p></a> <a class="nonblock nontext clearfix grpelem" id="u49824-4" href="faq.html"><!-- content --><p id="u49824-2" class="shared_content" data-content-guid="u49824-2_content">FAQ</p></a> <a class="nonblock nontext MuseLinkActive clearfix grpelem" id="u49836-4" href="start.html"><!-- content --><p id="u49836-2" class="shared_content" data-content-guid="u49836-2_content">CONTACT</p></a> <a class="nonblock nontext clearfix grpelem" id="u49848-4" href="about.html"><!-- content --><p id="u49848-2" class="shared_content" data-content-guid="u49848-2_content">ABOUT</p></a> </div> <div class="clearfix colelem" id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem" id="u38141" href="https://www.facebook.com/evogue.dubai/" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u38141_0_content"><i class="fa fa-facebook fa-block" style="line-height:25px;"></i></span></a> <a class="nonblock nontext size_fixed grpelem" id="u546241" href="https://www.linkedin.com/company/evoguedigital" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u546241_0_content"><i class="fa fa-linkedin fa-block" style="line-height:20px;"></i></span></a> <a class="nonblock nontext size_fixed grpelem" id="u38152" href="http://www.instagram.com/evoguedigital" target="_blank"><!-- custom html --><span class="shared_content" data-content-guid="u38152_0_content"><i class="fa fa-instagram fa-block" style="line-height:25px;"></i></span></a> </div> </div> </div> </div> <div class="browser_width grpelem" id="u756-4-bw"> <div class="clearfix" id="u756-4"><!-- content --> <p id="u756-2" class="shared_content" data-content-guid="u756-2_content">© 2018, EVOGUE, All Rights Reserved</p> </div> </div> <div class="browser_width grpelem shared_content" id="u38422-bw" data-content-guid="u38422-bw_content"> <div id="u38422"><!-- simple frame --></div> </div> </div> </div> <div class="preload_images"> <img class="preload temp_no_img_src" data-orig-src="images/u225-r.png?crc=67683973" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-r_2x.png?crc=3902417375" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-a.png?crc=506665919" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-a_2x.png?crc=393727935" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-r.png?crc=3760080416" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-r_2x.png?crc=60731605" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-a.png?crc=535687362" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-a_2x.png?crc=13229197" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-r.png?crc=4057391895" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-r_2x.png?crc=3849208928" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-a.png?crc=4139249427" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-a_2x.png?crc=3988418755" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-r.png?crc=3862313656" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-r_2x.png?crc=183585418" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-a.png?crc=315016556" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-a_2x.png?crc=4245281846" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-r.png?crc=378253341" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-r_2x.png?crc=4068972537" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-a.png?crc=159051460" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-a_2x.png?crc=3841474630" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-r.png?crc=339676592" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-r_2x.png?crc=245466862" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-a.png?crc=3992006998" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-a_2x.png?crc=9349011" alt="" src="images/blank.gif?crc=4208392903"/> </div> </div> <div class="breakpoint" id="bp_1024" data-min-width="769" data-max-width="1024"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu94"><!-- column --> <div class="browser_width colelem temp_no_id" data-orig-id="u94-bw"> <div class="temp_no_id" data-orig-id="u94"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u94_align_to_page"> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-orig-id="u144-6"><!-- content --> <span class="placeholder" data-placeholder-for="u144-4_content"><!-- placeholder node --></span> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u334826-bw"> <div class="temp_no_id" data-orig-id="u334826"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u334826_align_to_page"> <a class="nonblock nontext grpelem temp_no_id" href="index.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u502469"><!-- simple frame --></a> <div class="clearfix grpelem temp_no_id" data-orig-id="u545000"><!-- group --> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu221"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u222"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem temp_no_id" href="index.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u223"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="HOME" src="images/blank.gif?crc=4208392903" data-orig-id="u225"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu375"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u376"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem temp_no_id" href="portfolio.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u377"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="PORTFOLIO" src="images/blank.gif?crc=4208392903" data-orig-id="u379"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu351"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u352"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem temp_no_id" href="services.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u353"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="SERVICES" src="images/blank.gif?crc=4208392903" data-orig-id="u354"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu399"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u400"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem temp_no_id" href="faq.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u401"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="FAQ" src="images/blank.gif?crc=4208392903" data-orig-id="u402"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu423"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u424"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu transition clearfix colelem temp_no_id" href="about.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u427"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="ABOUT" src="images/blank.gif?crc=4208392903" data-orig-id="u428"/><!-- state-based BG images --></a> </div> </nav> <nav class="MenuBar clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedRight" data-orig-id="menuu447"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem temp_no_id" data-orig-id="u448"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive transition clearfix colelem temp_no_id" href="start.html" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u451"><!-- horizontal box --><img class="MenuItemLabel NoWrap transition grpelem temp_no_id" alt="START" src="images/blank.gif?crc=4208392903" data-orig-id="u453"/><!-- state-based BG images --></a> </div> </nav> </div> </div> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu85343"><!-- group --> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> <img class="colelem temp_no_id temp_no_img_src" alt="Let's do something " width="647" height="53" data-orig-src="images/u85345-42.png?crc=4059238450" data-hidpi-src="images/u85345-4_2x2.png?crc=3818256616" data-orig-id="u85345-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="colelem temp_no_id temp_no_img_src" alt="awesome together" data-orig-src="images/u98137-42.png?crc=223823320" data-hidpi-src="images/u98137-4_2x2.png?crc=496762644" data-image-width="380" data-orig-id="u98137-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> </div> </div> </div> </div> <div class="clearfix colelem" id="pu86020"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu86568-4"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="H" width="85" height="101" data-orig-src="images/u86568-42.png?crc=4088227724" data-hidpi-src="images/u86568-4_2x2.png?crc=4147988073" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" width="670" height="64" data-orig-src="images/u86021-62.png?crc=4054468549" data-hidpi-src="images/u86021-6_2x2.png?crc=134257906" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="grpelem temp_no_id shared_content" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86571" data-content-guid="u86571_content"><!-- simple frame --></div> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86063-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86063-2_content"><!-- placeholder node --></span> </div> <form class="form-grp clearfix colelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content" id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86443_input" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86446-4"><!-- content --><div id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86447_input" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86448-4"><!-- content --><div id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86453_input" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86455-4"><!-- content --><div id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" type="submit" value="SEND" tabindex="8" data-orig-id="u86458-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86458-4_0_content"><!-- placeholder node --></span> </button> <div class="clearfix colelem" id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> </div> </div> </form> </div> </div> </div> <div class="grpelem temp_no_id shared_content" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.7071,M12=0.7071,M21=-0.7071,M22=0.7071,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-14" data-mu-ie-matrix-dy="-14" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-orig-id="u97895" data-content-guid="u97895_content"><!-- simple frame --></div> <div class="browser_width grpelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix grpelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87843-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87843-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="ppu87856-8"><!-- column --> <div class="clearfix colelem temp_no_id" data-orig-id="pu87856-8"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" width="373" height="54" data-orig-src="images/u87856-82.png?crc=362075014" data-hidpi-src="images/u87856-8_2x2.png?crc=450631539" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" data-orig-src="images/u87855-42.png?crc=68882945" data-hidpi-src="images/u87855-4_2x2.png?crc=4170258788" data-image-width="93" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u87857_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu87841"><!-- group --> <span class="grpelem placeholder" data-placeholder-for="u87841_content"><!-- placeholder node --></span> <div class="clearfix grpelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87848-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87848-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> </div> <div class="clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u97720-4"><!-- content --> <span class="placeholder" data-placeholder-for="u97720-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509420"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87853-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87853-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> </div> </div> </div> </div> </div> </div> <div class="verticalspacer" data-offset-top="1715" data-content-above-spacer="1715" data-content-below-spacer="181" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="u442347"><!-- group --> <a class="nonblock nontext clearfix grpelem temp_no_id" href="services.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49818-4"><!-- content --><span class="placeholder" data-placeholder-for="u49818-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="faq.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49824-4"><!-- content --><span class="placeholder" data-placeholder-for="u49824-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext MuseLinkActive clearfix grpelem temp_no_id" href="start.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49836-4"><!-- content --><span class="placeholder" data-placeholder-for="u49836-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="about.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49848-4"><!-- content --><span class="placeholder" data-placeholder-for="u49848-2_content"><!-- placeholder node --></span></a> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width grpelem temp_no_id" data-orig-id="u756-4-bw"> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u756-4"><!-- content --> <span class="placeholder" data-placeholder-for="u756-2_content"><!-- placeholder node --></span> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> <div class="preload_images"> <img class="preload temp_no_img_src" data-orig-src="images/u225-r.png?crc=67683973" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-r_2x.png?crc=3902417375" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-a.png?crc=506665919" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u225-a_2x.png?crc=393727935" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-r.png?crc=3760080416" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-r_2x.png?crc=60731605" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-a.png?crc=535687362" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u379-a_2x.png?crc=13229197" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-r.png?crc=4057391895" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-r_2x.png?crc=3849208928" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-a.png?crc=4139249427" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u354-a_2x.png?crc=3988418755" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-r.png?crc=3862313656" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-r_2x.png?crc=183585418" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-a.png?crc=315016556" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u402-a_2x.png?crc=4245281846" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-r.png?crc=378253341" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-r_2x.png?crc=4068972537" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-a.png?crc=159051460" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u428-a_2x.png?crc=3841474630" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-r.png?crc=339676592" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-r_2x.png?crc=245466862" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-a.png?crc=3992006998" alt="" src="images/blank.gif?crc=4208392903"/> <img class="preload temp_no_img_src" data-orig-src="images/u453-a_2x.png?crc=9349011" alt="" src="images/blank.gif?crc=4208392903"/> </div> </div> <div class="breakpoint" id="bp_768" data-min-width="641" data-max-width="768"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem" id="pu334826"><!-- group --> <div class="browser_width temp_no_id shared_content" data-orig-id="u334826-bw" data-content-guid="u334826-bw_content"> <div class="temp_no_id" data-orig-id="u334826"><!-- simple frame --></div> </div> <div class="browser_width temp_no_id shared_content" data-orig-id="u94-bw" data-content-guid="u94-bw_content"> <div class="temp_no_id" data-orig-id="u94"><!-- simple frame --></div> </div> <div class="browser_width" id="accordionu61882-bw"> <ul class="AccordionWidget clearfix" id="accordionu61882" data-visibility="changed" style="visibility:hidden"><!-- vertical box --> <li class="AccordionPanel clearfix colelem100" id="u61883"><!-- vertical box --><div class="AccordionPanelTab clearfix colelem100" id="u61928-3" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p class="shared_content" data-content-guid="u61928-3_0_content"> </p></div><div class="AccordionPanelContent disn clearfix colelem100" id="u61884"><!-- group --><nav class="MenuBar clearfix grpelem" id="menuu61885"><!-- vertical box --><div class="MenuItemContainer clearfix colelem" id="u61907"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem" id="u61908" href="index.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61911-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61911-2" class="shared_content" data-content-guid="u61911-2_content"><span id="u61911">HOME</span></p></div></a></div><div class="MenuItemContainer clearfix colelem" id="u61886"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem" id="u61889" href="services.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61891-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61891-2" class="shared_content" data-content-guid="u61891-2_content"><span id="u61891">SERVICES</span></p></div></a></div><div class="MenuItemContainer clearfix colelem" id="u61921"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem" id="u61922" href="portfolio.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61924-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61924-2" class="shared_content" data-content-guid="u61924-2_content"><span id="u61924">PORTFOLIO</span></p></div></a></div><div class="MenuItemContainer clearfix colelem" id="u61893"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem" id="u61894" href="faq.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61896-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61896-2" class="shared_content" data-content-guid="u61896-2_content"><span id="u61896">FAQ</span></p></div></a></div><div class="MenuItemContainer clearfix colelem" id="u61900"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem" id="u61901" href="about.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61903-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61903-2" class="shared_content" data-content-guid="u61903-2_content"><span id="u61903">ABOUT</span></p></div></a></div><div class="MenuItemContainer clearfix colelem" id="u61914"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive borderbox transition clearfix grpelem" id="u61915" href="start.html"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem" id="u61917-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content --><p id="u61917-2" class="shared_content" data-content-guid="u61917-2_content"><span id="u61917">START</span></p></div></a></div></nav></div></li> </ul> </div> </div> <div class="clearfix grpelem" id="ppu85343"><!-- column --> <div class="clearfix colelem temp_no_id" data-orig-id="pu85343"><!-- group --> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> <img class="colelem temp_no_id temp_no_img_src" alt="Let's do something " width="643" height="45" data-orig-src="images/u85345-43.png?crc=300900929" data-hidpi-src="images/u85345-4_2x3.png?crc=524543531" data-orig-id="u85345-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="colelem temp_no_id temp_no_img_src" alt="awesome together" data-orig-src="images/u98137-43.png?crc=36810394" data-hidpi-src="images/u98137-4_2x3.png?crc=485983953" data-image-width="270" data-orig-id="u98137-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> </div> </div> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu86020"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <div class="clearfix colelem" id="pu86063-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u86063-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86063-2_content"><!-- placeholder node --></span> </div> <img class="grpelem temp_no_id temp_no_img_src" alt="H" data-orig-src="images/u86568-43.png?crc=4169185480" data-hidpi-src="images/u86568-4_2x3.png?crc=4182375789" data-image-width="62" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" data-orig-src="images/u86021-63.png?crc=501896342" data-hidpi-src="images/u86021-6_2x3.png?crc=197180260" data-image-width="488" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="grpelem temp_no_id shared_content" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u86571" data-content-guid="u86571_content1"><!-- simple frame --></div> </div> <form class="form-grp clearfix colelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content temp_no_id" data-orig-id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86443_input" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86446-4"><!-- content --><div class="temp_no_id" data-orig-id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86447_input" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86448-4"><!-- content --><div class="temp_no_id" data-orig-id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86453_input" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86455-4"><!-- content --><div class="temp_no_id" data-orig-id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" type="submit" value="SEND" tabindex="12" data-orig-id="u86458-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86458-4_0_content"><!-- placeholder node --></span> </button> <div class="clearfix colelem temp_no_id" data-orig-id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> </div> </div> </form> </div> </div> </div> <span class="grpelem placeholder" data-placeholder-for="u97895_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu87856-8"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" data-orig-src="images/u87856-83.png?crc=4069749917" data-hidpi-src="images/u87856-8_2x3.png?crc=4037878543" data-image-width="518" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" data-orig-src="images/u87855-43.png?crc=4283375639" data-hidpi-src="images/u87855-4_2x3.png?crc=3919214127" data-image-width="129" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="grpelem temp_no_id shared_content" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u87857" data-content-guid="u87857_content1"><!-- simple frame --></div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu87841"><!-- group --> <span class="grpelem placeholder" data-placeholder-for="u87841_content"><!-- placeholder node --></span> <div class="clearfix grpelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87843-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87843-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87848-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87848-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509420"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87853-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87853-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> </div> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u97720-4"><!-- content --> <span class="placeholder" data-placeholder-for="u97720-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> </div> </div> <div class="clearfix grpelem shared_content" id="pu144-6" data-content-guid="pu144-6_content"><!-- group --> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u144-6"><!-- content --> <span class="placeholder" data-placeholder-for="u144-4_content"><!-- placeholder node --></span> </div> <div class="size_fixed" id="u62308" data-sizePolicy="fixed" data-pintopage="topcenter"><!-- custom html --> <div class="menu-toggle"> <div class="hamburger"> <span></span> <span></span> <span></span> </div> <div class="cross"> <span></span> <span></span> </div> </div> </div> <span class="nonblock nontext placeholder" data-placeholder-for="u502469_content"><!-- placeholder node --></span> </div> <div class="verticalspacer" data-offset-top="1629" data-content-above-spacer="1628" data-content-below-spacer="144" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="u442347"><!-- group --> <a class="nonblock nontext clearfix grpelem temp_no_id" href="services.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49818-4"><!-- content --><span class="placeholder" data-placeholder-for="u49818-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="faq.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49824-4"><!-- content --><span class="placeholder" data-placeholder-for="u49824-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext MuseLinkActive clearfix grpelem temp_no_id" href="start.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49836-4"><!-- content --><span class="placeholder" data-placeholder-for="u49836-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="about.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49848-4"><!-- content --><span class="placeholder" data-placeholder-for="u49848-2_content"><!-- placeholder node --></span></a> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width grpelem temp_no_id" data-orig-id="u756-4-bw"> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u756-4"><!-- content --> <span class="placeholder" data-placeholder-for="u756-2_content"><!-- placeholder node --></span> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> </div> <div class="breakpoint" id="bp_640" data-min-width="601" data-max-width="640"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu334826"><!-- group --> <span class="browser_width placeholder" data-placeholder-for="u334826-bw_content"><!-- placeholder node --></span> <span class="browser_width placeholder" data-placeholder-for="u94-bw_content"><!-- placeholder node --></span> <div class="browser_width temp_no_id" data-orig-id="accordionu61882-bw"> <ul class="AccordionWidget clearfix temp_no_id" data-visibility="changed" style="visibility:hidden" data-orig-id="accordionu61882"><!-- vertical box --> <li class="AccordionPanel clearfix colelem100 temp_no_id" data-orig-id="u61883"><!-- vertical box --><div class="AccordionPanelTab clearfix colelem100 temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61928-3"><!-- content --><span class="placeholder" data-placeholder-for="u61928-3_0_content"><!-- placeholder node --></span></div><div class="AccordionPanelContent disn clearfix colelem100 temp_no_id" data-orig-id="u61884"><!-- group --><nav class="MenuBar clearfix grpelem temp_no_id" data-orig-id="menuu61885"><!-- vertical box --><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61907"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="index.html" data-orig-id="u61908"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61911-4"><!-- content --><span class="placeholder" data-placeholder-for="u61911-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61886"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="services.html" data-orig-id="u61889"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61891-4"><!-- content --><span class="placeholder" data-placeholder-for="u61891-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61921"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="portfolio.html" data-orig-id="u61922"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61924-4"><!-- content --><span class="placeholder" data-placeholder-for="u61924-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61893"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="faq.html" data-orig-id="u61894"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61896-4"><!-- content --><span class="placeholder" data-placeholder-for="u61896-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61900"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="about.html" data-orig-id="u61901"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61903-4"><!-- content --><span class="placeholder" data-placeholder-for="u61903-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61914"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive borderbox transition clearfix grpelem temp_no_id" href="start.html" data-orig-id="u61915"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61917-4"><!-- content --><span class="placeholder" data-placeholder-for="u61917-2_content"><!-- placeholder node --></span></div></a></div></nav></div></li> </ul> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu86020"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu86063-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86063-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86063-2_content"><!-- placeholder node --></span> </div> <img class="grpelem temp_no_id temp_no_img_src" alt="H" width="52" height="117" data-orig-src="images/u86568-44.png?crc=4162274657" data-hidpi-src="images/u86568-4_2x4.png?crc=4195144313" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" width="407" height="64" data-orig-src="images/u86021-64.png?crc=3985720434" data-hidpi-src="images/u86021-6_2x4.png?crc=4273448941" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u86571_content"><!-- placeholder node --></span> </div> <form class="form-grp clearfix colelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content temp_no_id" data-orig-id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem temp_no_id" for="widgetu86443_input" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86446-4"><!-- content --><div class="temp_no_id" data-orig-id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem temp_no_id" for="widgetu86447_input" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86448-4"><!-- content --><div class="temp_no_id" data-orig-id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix grpelem temp_no_id" for="widgetu86453_input" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86455-4"><!-- content --><div class="temp_no_id" data-orig-id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix grpelem temp_no_id" type="submit" value="SEND" tabindex="16" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u86458-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86458-4_0_content"><!-- placeholder node --></span> </button> </div> </div> </form> </div> </div> </div> <span class="grpelem placeholder" data-placeholder-for="u97895_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix grpelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87843-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87843-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87848-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87848-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509420"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87853-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87853-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> </div> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" width="431" height="54" data-orig-src="images/u87856-84.png?crc=425747264" data-hidpi-src="images/u87856-8_2x4.png?crc=357005466" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" width="107" height="121" data-orig-src="images/u87855-44.png?crc=4277813660" data-hidpi-src="images/u87855-4_2x4.png?crc=4161366896" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97720-4"><!-- content --> <span class="placeholder" data-placeholder-for="u97720-2_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <div class="position_content" id="u85344_position_content"> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> <img class="colelem temp_no_id temp_no_img_src" alt="Let's do something " width="643" height="45" data-orig-src="images/u85345-44.png?crc=300900929" data-hidpi-src="images/u85345-4_2x4.png?crc=524543531" data-orig-id="u85345-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="colelem temp_no_id temp_no_img_src" alt="awesome together" width="225" height="30" data-orig-src="images/u98137-44.png?crc=4210491406" data-hidpi-src="images/u98137-4_2x4.png?crc=191680224" data-orig-id="u98137-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> </div> </div> </div> </div> <div class="grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87857"><!-- simple frame --></div> </div> <span class="clearfix grpelem placeholder" data-placeholder-for="pu144-6_content"><!-- placeholder node --></span> <div class="verticalspacer" data-offset-top="1330" data-content-above-spacer="1330" data-content-below-spacer="144" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="u442347"><!-- group --> <a class="nonblock nontext clearfix grpelem temp_no_id" href="services.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49818-4"><!-- content --><span class="placeholder" data-placeholder-for="u49818-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="faq.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49824-4"><!-- content --><span class="placeholder" data-placeholder-for="u49824-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext MuseLinkActive clearfix grpelem temp_no_id" href="start.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49836-4"><!-- content --><span class="placeholder" data-placeholder-for="u49836-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="about.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49848-4"><!-- content --><span class="placeholder" data-placeholder-for="u49848-2_content"><!-- placeholder node --></span></a> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width grpelem temp_no_id" data-orig-id="u756-4-bw"> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u756-4"><!-- content --> <span class="placeholder" data-placeholder-for="u756-2_content"><!-- placeholder node --></span> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> </div> <div class="breakpoint" id="bp_600" data-min-width="481" data-max-width="600"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu334826"><!-- group --> <span class="browser_width placeholder" data-placeholder-for="u334826-bw_content"><!-- placeholder node --></span> <span class="browser_width placeholder" data-placeholder-for="u94-bw_content"><!-- placeholder node --></span> <div class="browser_width temp_no_id" data-orig-id="accordionu61882-bw"> <ul class="AccordionWidget clearfix temp_no_id" data-visibility="changed" style="visibility:hidden" data-orig-id="accordionu61882"><!-- vertical box --> <li class="AccordionPanel clearfix colelem100 temp_no_id" data-orig-id="u61883"><!-- vertical box --><div class="AccordionPanelTab clearfix colelem100 temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61928-3"><!-- content --><span class="placeholder" data-placeholder-for="u61928-3_0_content"><!-- placeholder node --></span></div><div class="AccordionPanelContent disn clearfix colelem100 temp_no_id" data-orig-id="u61884"><!-- group --><nav class="MenuBar clearfix grpelem temp_no_id" data-orig-id="menuu61885"><!-- vertical box --><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61907"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="index.html" data-orig-id="u61908"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61911-4"><!-- content --><span class="placeholder" data-placeholder-for="u61911-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61886"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="services.html" data-orig-id="u61889"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61891-4"><!-- content --><span class="placeholder" data-placeholder-for="u61891-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61921"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="portfolio.html" data-orig-id="u61922"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61924-4"><!-- content --><span class="placeholder" data-placeholder-for="u61924-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61893"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="faq.html" data-orig-id="u61894"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61896-4"><!-- content --><span class="placeholder" data-placeholder-for="u61896-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61900"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="about.html" data-orig-id="u61901"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61903-4"><!-- content --><span class="placeholder" data-placeholder-for="u61903-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61914"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive borderbox transition clearfix grpelem temp_no_id" href="start.html" data-orig-id="u61915"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61917-4"><!-- content --><span class="placeholder" data-placeholder-for="u61917-2_content"><!-- placeholder node --></span></div></a></div></nav></div></li> </ul> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="ppu85343"><!-- column --> <div class="clearfix colelem temp_no_id" data-orig-id="pu85343"><!-- group --> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> <img class="colelem temp_no_id temp_no_img_src" alt="Let's do something " width="406" height="45" data-orig-src="images/u85345-45.png?crc=3924485307" data-hidpi-src="images/u85345-4_2x5.png?crc=423209464" data-orig-id="u85345-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="colelem temp_no_id temp_no_img_src" alt="awesome together" data-orig-src="images/u98137-45.png?crc=2805256" data-hidpi-src="images/u98137-4_2x5.png?crc=200784459" data-image-width="211" data-orig-id="u98137-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu87856-8"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" data-orig-src="images/u87856-85.png?crc=201516818" data-hidpi-src="images/u87856-8_2x5.png?crc=3760083726" data-image-width="404" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" data-orig-src="images/u87855-45.png?crc=4034040512" data-hidpi-src="images/u87855-4_2x5.png?crc=378145376" data-image-width="100" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u87857_content1"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509420"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u97720-4"><!-- content --> <span class="placeholder" data-placeholder-for="u97720-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <form class="form-grp clearfix grpelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content temp_no_id" data-orig-id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86443_input" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86446-4"><!-- content --><div class="temp_no_id" data-orig-id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86447_input" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86448-4"><!-- content --><div class="temp_no_id" data-orig-id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86453_input" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86455-4"><!-- content --><div class="temp_no_id" data-orig-id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" type="submit" value="SEND" tabindex="20" data-orig-id="u86458-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86458-4_0_content"><!-- placeholder node --></span> </button> <div class="clearfix colelem temp_no_id" data-orig-id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> </div> </div> </form> <img class="grpelem temp_no_id temp_no_img_src" alt="H" data-orig-src="images/u86568-45.png?crc=3877343710" data-hidpi-src="images/u86568-4_2x5.png?crc=134538338" data-image-width="49" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" data-orig-src="images/u86021-65.png?crc=531902984" data-hidpi-src="images/u86021-6_2x5.png?crc=440579557" data-image-width="381" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u86571_content1"><!-- placeholder node --></span> </div> </div> </div> </div> <span class="clearfix grpelem placeholder" data-placeholder-for="pu144-6_content"><!-- placeholder node --></span> <div class="verticalspacer" data-offset-top="1457" data-content-above-spacer="1457" data-content-below-spacer="144" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="u442347"><!-- group --> <a class="nonblock nontext clearfix grpelem temp_no_id" href="services.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49818-4"><!-- content --><span class="placeholder" data-placeholder-for="u49818-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="faq.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49824-4"><!-- content --><span class="placeholder" data-placeholder-for="u49824-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext MuseLinkActive clearfix grpelem temp_no_id" href="start.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49836-4"><!-- content --><span class="placeholder" data-placeholder-for="u49836-2_content"><!-- placeholder node --></span></a> <a class="nonblock nontext clearfix grpelem temp_no_id" href="about.html" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u49848-4"><!-- content --><span class="placeholder" data-placeholder-for="u49848-2_content"><!-- placeholder node --></span></a> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width grpelem temp_no_id" data-orig-id="u756-4-bw"> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u756-4"><!-- content --> <span class="placeholder" data-placeholder-for="u756-2_content"><!-- placeholder node --></span> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> </div> <div class="breakpoint" id="bp_480" data-min-width="321" data-max-width="480"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu334826"><!-- group --> <span class="browser_width placeholder" data-placeholder-for="u334826-bw_content"><!-- placeholder node --></span> <span class="browser_width placeholder" data-placeholder-for="u94-bw_content"><!-- placeholder node --></span> <div class="browser_width temp_no_id" data-orig-id="accordionu61882-bw"> <ul class="AccordionWidget clearfix temp_no_id" data-visibility="changed" style="visibility:hidden" data-orig-id="accordionu61882"><!-- vertical box --> <li class="AccordionPanel clearfix colelem100 temp_no_id" data-orig-id="u61883"><!-- vertical box --><div class="AccordionPanelTab clearfix colelem100 temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61928-3"><!-- content --><span class="placeholder" data-placeholder-for="u61928-3_0_content"><!-- placeholder node --></span></div><div class="AccordionPanelContent disn clearfix colelem100 temp_no_id" data-orig-id="u61884"><!-- group --><nav class="MenuBar clearfix grpelem temp_no_id" data-orig-id="menuu61885"><!-- vertical box --><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61907"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="index.html" data-orig-id="u61908"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61911-4"><!-- content --><span class="placeholder" data-placeholder-for="u61911-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61886"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="services.html" data-orig-id="u61889"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61891-4"><!-- content --><span class="placeholder" data-placeholder-for="u61891-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61921"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="portfolio.html" data-orig-id="u61922"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61924-4"><!-- content --><span class="placeholder" data-placeholder-for="u61924-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61893"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="faq.html" data-orig-id="u61894"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61896-4"><!-- content --><span class="placeholder" data-placeholder-for="u61896-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61900"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="about.html" data-orig-id="u61901"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61903-4"><!-- content --><span class="placeholder" data-placeholder-for="u61903-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61914"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive borderbox transition clearfix grpelem temp_no_id" href="start.html" data-orig-id="u61915"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61917-4"><!-- content --><span class="placeholder" data-placeholder-for="u61917-2_content"><!-- placeholder node --></span></div></a></div></nav></div></li> </ul> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="ppu85343"><!-- column --> <div class="clearfix colelem temp_no_id" data-orig-id="pu85343"><!-- group --> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <img class="grpelem temp_no_img_src" id="u113005-4" alt="Let's do something awesome together" data-orig-src="images/u113005-4.png?crc=406569061" data-hidpi-src="images/u113005-4_2x.png?crc=3991603169" data-image-width="345" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix colelem" id="pu509429"><!-- group --> <div class="clearfix grpelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="u509420"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> </div> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" data-orig-src="images/u87856-86.png?crc=194670288" data-hidpi-src="images/u87856-8_2x6.png?crc=4011853198" data-image-width="323" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" data-orig-src="images/u87855-46.png?crc=339640428" data-hidpi-src="images/u87855-4_2x6.png?crc=4239109567" data-image-width="80" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u87857_content1"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu86568-4"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="H" data-orig-src="images/u86568-46.png?crc=222997141" data-hidpi-src="images/u86568-4_2x6.png?crc=233602295" data-image-width="39" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" data-orig-src="images/u86021-66.png?crc=3871075678" data-hidpi-src="images/u86021-6_2x6.png?crc=4072967783" data-image-width="305" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u86571_content1"><!-- placeholder node --></span> </div> <form class="form-grp clearfix colelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content temp_no_id" data-orig-id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86443_input" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86446-4"><!-- content --><div class="temp_no_id" data-orig-id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86447_input" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86448-4"><!-- content --><div class="temp_no_id" data-orig-id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86453_input" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86455-4"><!-- content --><div class="temp_no_id" data-orig-id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" type="submit" value="SEND" tabindex="24" data-orig-id="u86458-4"><!-- content --> <div style="margin-top:-7px;height:7px;"> <span class="placeholder" data-placeholder-for="u86458-2_content"><!-- placeholder node --></span> </div> </button> </div> </div> </form> </div> </div> </div> </div> <span class="clearfix grpelem placeholder" data-placeholder-for="pu144-6_content"><!-- placeholder node --></span> <div class="verticalspacer" data-offset-top="1059" data-content-above-spacer="1059" data-content-below-spacer="105" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> <img class="colelem temp_no_id temp_no_img_src" alt="© 2018, EVOGUE, All Rights Reserved" width="455" height="15" data-orig-src="images/u756-4.png?crc=219093314" data-hidpi-src="images/u756-4_2x.png?crc=301653076" data-orig-id="u756-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> </div> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> </div> <div class="breakpoint" id="bp_320" data-max-width="320"><!-- responsive breakpoint node --> <div class="clearfix borderbox temp_no_id" data-orig-id="page"><!-- group --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u99276"><!-- custom html --> <span class="placeholder" data-placeholder-for="u99276_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu334826"><!-- group --> <span class="browser_width placeholder" data-placeholder-for="u334826-bw_content"><!-- placeholder node --></span> <span class="browser_width placeholder" data-placeholder-for="u94-bw_content"><!-- placeholder node --></span> <div class="browser_width temp_no_id" data-orig-id="accordionu61882-bw"> <ul class="AccordionWidget clearfix temp_no_id" data-visibility="changed" style="visibility:hidden" data-orig-id="accordionu61882"><!-- vertical box --> <li class="AccordionPanel clearfix colelem100 temp_no_id" data-orig-id="u61883"><!-- vertical box --><div class="AccordionPanelTab clearfix colelem100 temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61928-3"><!-- content --><span class="placeholder" data-placeholder-for="u61928-3_0_content"><!-- placeholder node --></span></div><div class="AccordionPanelContent disn clearfix colelem100 temp_no_id" data-orig-id="u61884"><!-- group --><nav class="MenuBar clearfix grpelem temp_no_id" data-orig-id="menuu61885"><!-- vertical box --><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61907"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="index.html" data-orig-id="u61908"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61911-4"><!-- content --><span class="placeholder" data-placeholder-for="u61911-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61886"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="services.html" data-orig-id="u61889"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61891-4"><!-- content --><span class="placeholder" data-placeholder-for="u61891-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61921"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="portfolio.html" data-orig-id="u61922"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61924-4"><!-- content --><span class="placeholder" data-placeholder-for="u61924-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61893"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="faq.html" data-orig-id="u61894"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61896-4"><!-- content --><span class="placeholder" data-placeholder-for="u61896-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61900"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu borderbox transition clearfix grpelem temp_no_id" href="about.html" data-orig-id="u61901"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61903-4"><!-- content --><span class="placeholder" data-placeholder-for="u61903-2_content"><!-- placeholder node --></span></div></a></div><div class="MenuItemContainer clearfix colelem temp_no_id" data-orig-id="u61914"><!-- horizontal box --><a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive borderbox transition clearfix grpelem temp_no_id" href="start.html" data-orig-id="u61915"><!-- horizontal box --><div class="MenuItemLabel clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u61917-4"><!-- content --><span class="placeholder" data-placeholder-for="u61917-2_content"><!-- placeholder node --></span></div></a></div></nav></div></li> </ul> </div> </div> <div class="clearfix grpelem temp_no_id" data-orig-id="ppu85343"><!-- column --> <div class="clearfix colelem temp_no_id" data-orig-id="pu85343"><!-- group --> <span class="browser_width grpelem placeholder" data-placeholder-for="u85343-bw_content"><!-- placeholder node --></span> <div class="browser_width grpelem temp_no_id" data-orig-id="u85344-bw"> <div class="gradient temp_no_id" data-orig-id="u85344"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u85344_align_to_page"> <img class="grpelem temp_no_id temp_no_img_src" alt="Let's do something awesome together" data-orig-src="images/u113005-42.png?crc=4130042618" data-hidpi-src="images/u113005-4_2x2.png?crc=307814291" data-image-width="230" data-orig-id="u113005-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fluidx" data-orig-id="u583935"><!-- custom html --> <span class="placeholder" data-placeholder-for="u583935_0_content"><!-- placeholder node --></span> </div> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u98299-bw"> <div class="temp_no_id" data-orig-id="u98299"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u98299_align_to_page"> <div class="clearfix colelem temp_no_id" data-orig-id="pu87856-8"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="GET IN TOUCH" data-orig-src="images/u87856-87.png?crc=4130096628" data-hidpi-src="images/u87856-8_2x7.png?crc=4223710487" data-image-width="215" data-orig-id="u87856-8" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="G" data-orig-src="images/u87855-47.png?crc=401065383" data-hidpi-src="images/u87855-4_2x7.png?crc=4157888007" data-image-width="53" data-orig-id="u87855-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u87857_content1"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509429"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87845"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87845_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87844-5"><!-- content --> <span class="placeholder" data-placeholder-for="u87844-3_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509420"><!-- group --> <div class="clearfix grpelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87851-4"><!-- content --> <span class="placeholder" data-placeholder-for="u87851-2_content"><!-- placeholder node --></span> </div> <div class="size_fixed grpelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87852"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87852_0_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u509447"><!-- column --> <div class="size_fixed colelem temp_no_id" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u87849"><!-- custom html --> <span class="placeholder" data-placeholder-for="u87849_0_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedLeft" data-orig-id="u87847-6"><!-- content --> <span class="placeholder" data-placeholder-for="u87847-2_content"><!-- placeholder node --></span> <span class="placeholder" data-placeholder-for="u87847-4_content"><!-- placeholder node --></span> </div> </div> <div class="clearfix colelem temp_no_id" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="u97720-4"><!-- content --> <span class="placeholder" data-placeholder-for="u97720-2_content"><!-- placeholder node --></span> </div> <div class="clearfix colelem temp_no_id" data-orig-id="u549131"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97723"><!-- custom html --><span class="placeholder" data-placeholder-for="u97723_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u547881"><!-- custom html --><span class="placeholder" data-placeholder-for="u547881_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u97733"><!-- custom html --><span class="placeholder" data-placeholder-for="u97733_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width colelem temp_no_id" data-orig-id="u86020-bw"> <div class="museBGSize rgba-background temp_no_id" data-orig-id="u86020"><!-- column --> <div class="clearfix temp_no_id" data-orig-id="u86020_align_to_page"> <div class="position_content" id="u86020_position_content"> <div class="clearfix colelem temp_no_id" data-orig-id="pu86568-4"><!-- group --> <img class="grpelem temp_no_id temp_no_img_src" alt="H" data-orig-src="images/u86568-47.png?crc=3961495193" data-hidpi-src="images/u86568-4_2x7.png?crc=197984718" data-image-width="44" data-orig-id="u86568-4" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <img class="grpelem temp_no_id temp_no_img_src" alt="HIRE US" data-orig-src="images/u86021-67.png?crc=3901873264" data-hidpi-src="images/u86021-6_2x7.png?crc=155771942" data-image-width="203" data-orig-id="u86021-6" src="images/blank.gif?crc=4208392903"/><!-- rasterized frame --> <span class="grpelem placeholder" data-placeholder-for="u86571_content1"><!-- placeholder node --></span> </div> <form class="form-grp clearfix colelem temp_no_id" method="post" enctype="multipart/form-data" action="scripts/form-u86442.php" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter" data-orig-id="widgetu86442"><!-- none box --> <div class="position_content temp_no_id" data-orig-id="widgetu86442_position_content"> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-orig-id="widgetu86443"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86443_input" data-orig-id="u86445-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86445-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86446-4"><!-- content --><div class="temp_no_id" data-orig-id="u86446-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86443_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86443_input" data-orig-id="widgetu86443_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86446-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="true" data-type="email" data-orig-id="widgetu86447"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86447_input" data-orig-id="u86450-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86450-2_content"><!-- placeholder node --></span></label> <span class="fld-input NoWrap actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86448-4"><!-- content --><div class="temp_no_id" data-orig-id="u86448-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86447_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86447_input" data-orig-id="widgetu86447_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86448-2_content"><!-- placeholder node --></span></label></div></span> </div> <div class="fld-grp clearfix colelem temp_no_id" data-required="false" data-orig-id="widgetu86453"><!-- none box --> <label class="fld-label actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" for="widgetu86453_input" data-orig-id="u86454-4"><!-- content --><span class="actAsPara placeholder" data-placeholder-for="u86454-2_content"><!-- placeholder node --></span></label> <span class="fld-textarea actAsDiv clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86455-4"><!-- content --><div class="temp_no_id" data-orig-id="u86455-3"><span class="wrapped-input placeholder" data-placeholder-for="widgetu86453_input_content"><!-- placeholder node --></span><label class="wrapped-input fld-prompt temp_no_id" for="widgetu86453_input" data-orig-id="widgetu86453_prompt"><span class="actAsPara placeholder" data-placeholder-for="u86455-2_content"><!-- placeholder node --></span></label></div></span> </div> <button class="submit-btn NoWrap transition rounded-corners clearfix colelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" type="submit" value="SEND" tabindex="28" data-orig-id="u86458-4"><!-- content --> <div style="margin-top:-4px;height:4px;"> <span class="placeholder" data-placeholder-for="u86458-2_content"><!-- placeholder node --></span> </div> </button> <div class="clearfix colelem temp_no_id" data-orig-id="pu86451-4"><!-- group --> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86451-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86451-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86457-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86457-4_0_content"><!-- placeholder node --></span> </div> <div class="clearfix grpelem temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u86452-4"><!-- content --> <span class="placeholder" data-placeholder-for="u86452-2_content"><!-- placeholder node --></span> </div> </div> </div> </form> </div> </div> </div> </div> </div> <span class="clearfix grpelem placeholder" data-placeholder-for="pu144-6_content"><!-- placeholder node --></span> <div class="verticalspacer" data-offset-top="1040" data-content-above-spacer="1039" data-content-below-spacer="79" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div> <div class="clearfix grpelem temp_no_id" data-orig-id="pu755"><!-- group --> <div class="browser_width grpelem temp_no_id" data-orig-id="u755-bw"> <div class="temp_no_id" data-orig-id="u755"><!-- group --> <div class="clearfix temp_no_id" data-orig-id="u755_align_to_page"> <div class="clearfix grpelem temp_no_id" data-orig-id="u546262"><!-- group --> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.facebook.com/evogue.dubai/" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38141"><!-- custom html --><span class="placeholder" data-placeholder-for="u38141_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="https://www.linkedin.com/company/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u546241"><!-- custom html --><span class="placeholder" data-placeholder-for="u546241_0_content"><!-- placeholder node --></span></a> <a class="nonblock nontext size_fixed grpelem temp_no_id" href="http://www.instagram.com/evoguedigital" target="_blank" data-sizePolicy="fixed" data-pintopage="page_fixedLeft" data-orig-id="u38152"><!-- custom html --><span class="placeholder" data-placeholder-for="u38152_0_content"><!-- placeholder node --></span></a> </div> </div> </div> </div> <div class="browser_width grpelem temp_no_id" data-orig-id="u756-4-bw"> <div class="clearfix temp_no_id" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true" data-orig-id="u756-4"><!-- content --> <span class="placeholder" data-placeholder-for="u756-2_content"><!-- placeholder node --></span> </div> </div> <span class="browser_width grpelem placeholder" data-placeholder-for="u38422-bw_content"><!-- placeholder node --></span> </div> </div> </div> <!-- JS includes --> <script type="text/javascript"> if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); </script> <script type="text/javascript"> window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js?crc=209076791" type="text/javascript">\x3C/script>'); </script> <!-- Other scripts --> <script type="text/javascript"> // Decide weather to suppress missing file error or not based on preference setting var suppressMissingFileError = false </script> <script type="text/javascript"> window.Muse.assets.check=function(d){if(!window.Muse.assets.checked){window.Muse.assets.checked=!0;var b={},c=function(a,b){if(window.getComputedStyle){var c=window.getComputedStyle(a,null);return c&&c.getPropertyValue(b)||c&&c[b]||""}if(document.documentElement.currentStyle)return(c=a.currentStyle)&&c[b]||a.style&&a.style[b]||"";return""},a=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1), 16);return 0},g=function(g){for(var f=document.getElementsByTagName("link"),h=0;h<f.length;h++)if("text/css"==f[h].type){var i=(f[h].href||"").match(/\/?css\/([\w\-]+\.css)\?crc=(\d+)/);if(!i||!i[1]||!i[2])break;b[i[1]]=i[2]}f=document.createElement("div");f.className="version";f.style.cssText="display:none; width:1px; height:1px;";document.getElementsByTagName("body")[0].appendChild(f);for(h=0;h<Muse.assets.required.length;){var i=Muse.assets.required[h],l=i.match(/([\w\-\.]+)\.(\w+)$/),k=l&&l[1]? l[1]:null,l=l&&l[2]?l[2]:null;switch(l.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");f.className+=" "+k;k=a(c(f,"color"));l=a(c(f,"backgroundColor"));k!=0||l!=0?(Muse.assets.required.splice(h,1),"undefined"!=typeof b[i]&&(k!=b[i]>>>24||l!=(b[i]&16777215))&&Muse.assets.outOfDate.push(i)):h++;f.className="version";break;case "js":h++;break;default:throw Error("Unsupported file type: "+l);}}d?d().jquery!="1.8.3"&&Muse.assets.outOfDate.push("jquery-1.8.3.min.js"):Muse.assets.required.push("jquery-1.8.3.min.js"); f.parentNode.removeChild(f);if(Muse.assets.outOfDate.length||Muse.assets.required.length)f="Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.",g&&Muse.assets.outOfDate.length&&(f+="\nOut of date: "+Muse.assets.outOfDate.join(",")),g&&Muse.assets.required.length&&(f+="\nMissing: "+Muse.assets.required.join(",")),suppressMissingFileError?(f+="\nUse SuppressMissingFileError key in AppPrefs.xml to show missing file error pop up.",console.log(f)):alert(f)};location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi)? setTimeout(function(){g(!0)},5E3):g()}}; var muse_init=function(){require.config({baseUrl:""});require(["jquery","museutils","whatinput","jquery.watch","jquery.musepolyfill.bgsize","jquery.musemenu","webpro","musewpdisclosure","jquery.scrolleffects","jquery.museresponsive"],function(d){var $ = d;$(document).ready(function(){try{ window.Muse.assets.check($);/* body */ Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */ Muse.Utils.detectScreenResolution();/* HiDPI screens */ Muse.Utils.prepHyperlinks(true);/* body */ Muse.Utils.resizeHeight('.browser_width');/* resize height */ Muse.Utils.requestAnimationFrame(function() { $('body').addClass('initialized'); });/* mark body as initialized */ Muse.Utils.makeButtonsVisibleAfterSettingMinWidth();/* body */ Muse.Utils.initWidget('.MenuBar', ['#bp_infinity', '#bp_1024', '#bp_768', '#bp_640', '#bp_600', '#bp_480', '#bp_320'], function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */ Muse.Utils.initWidget('#widgetu86442', ['#bp_infinity', '#bp_1024', '#bp_768', '#bp_640', '#bp_600', '#bp_480', '#bp_320'], function(elem) { return new WebPro.Widget.Form(elem, {validationEvent:'submit',errorStateSensitivity:'high',fieldWrapperClass:'fld-grp',formSubmittedClass:'frm-sub-st',formErrorClass:'frm-subm-err-st',formDeliveredClass:'frm-subm-ok-st',notEmptyClass:'non-empty-st',focusClass:'focus-st',invalidClass:'fld-err-st',requiredClass:'fld-err-st',ajaxSubmit:true}); });/* #widgetu86442 */ Muse.Utils.initWidget('#accordionu61882', ['#bp_768', '#bp_640', '#bp_600', '#bp_480', '#bp_320'], function(elem) { return new WebPro.Widget.Accordion(elem, {canCloseAll:true,defaultIndex:-1}); });/* #accordionu61882 */ Muse.Utils.fullPage('#page');/* 100% height page */ $('#bp_infinity').one('muse_this_bp_activate', function(){ $('#u85343').registerBackgroundPositionScrollEffect([{"in":[-Infinity,16.95],"speed":[0,0]},{"in":[16.95,Infinity],"speed":[0,0]}], $(this)); /* scroll effect */ $('#u97723').registerOpacityScrollEffect([{"fade":50,"in":[-Infinity,635.05],"opacity":0},{"in":[635.05,635.05],"opacity":100},{"fade":50,"in":[635.05,Infinity],"opacity":100}], $(this)); /* scroll effect */ $('#u97733').registerOpacityScrollEffect([{"fade":50,"in":[-Infinity,669],"opacity":0},{"in":[669,669],"opacity":100},{"fade":50,"in":[669,Infinity],"opacity":100}], $(this)); /* scroll effect */ $('#u86020').registerBackgroundPositionScrollEffect([{"in":[-Infinity,1013.08],"speed":[0,0]},{"in":[1013.08,Infinity],"speed":[0,0]}], $(this)); /* scroll effect */ $('#u97895').registerPositionScrollEffect([{"in":[-Infinity,482.19],"speed":[0,-1]},{"in":[482.19,Infinity],"speed":[0,1]}], $(this)); /* scroll effect */ $('#u85345-4').registerPositionScrollEffect([{"in":[-Infinity,98.5],"speed":[0,1]},{"in":[98.5,Infinity],"speed":[0,2]}], $(this)); /* scroll effect */ $('#u85345-4').registerOpacityScrollEffect([{"fade":30,"in":[-Infinity,98.5],"opacity":100},{"in":[98.5,98.5],"opacity":100},{"fade":175,"in":[98.5,Infinity],"opacity":0}], $(this)); /* scroll effect */ $('#u98137-4').registerPositionScrollEffect([{"in":[-Infinity,98],"speed":[0,1]},{"in":[98,Infinity],"speed":[0,2]}], $(this)); /* scroll effect */ $('#u98137-4').registerOpacityScrollEffect([{"fade":29.950000000000017,"in":[-Infinity,98],"opacity":100},{"in":[98,98],"opacity":100},{"fade":168,"in":[98,Infinity],"opacity":0}], $(this)); /* scroll effect */ $('#u97720-4').registerPositionScrollEffect([{"in":[-Infinity,579],"speed":[0,1]},{"in":[579,Infinity],"speed":[0,1]}], $(this)); /* scroll effect */ $('#u97720-4').registerOpacityScrollEffect([{"fade":50,"in":[-Infinity,579],"opacity":0},{"in":[579,579],"opacity":100},{"fade":30,"in":[579,Infinity],"opacity":100}], $(this)); /* scroll effect */ });/* scroll effects for one breakpoint */ $( '.breakpoint' ).registerBreakpoint();/* Register breakpoints */ Muse.Utils.transformMarkupToFixBrowserProblems();/* body */ }catch(b){if(b&&"function"==typeof b.notify?b.notify():Muse.Assert.fail("Error calling selector function: "+b),false)throw b;}})})}; </script> <!-- RequireJS script --> <script src="scripts/require.js?crc=4157109226" type="text/javascript" async data-main="scripts/museconfig.js?crc=4153641093" onload="if (requirejs) requirejs.onError = function(requireType, requireModule) { if (requireType && requireType.toString && requireType.toString().indexOf && 0 <= requireType.toString().indexOf('#scripterror')) window.Muse.assets.check(); }" onerror="window.Muse.assets.check();"></script> <!--HTML Widget code--> <script type="text/javascript"> !function(e,t,r,a){function o(e){for(var t=-1,r=e?e.length:0,a=[];++t<r;){var o=e[t];o&&a.push(o)}return a}function i(e){var t=$.data(e,c);return null===t?a:t}function n(e){return function(t){return Math.round(t*e)*(1/e)}}function s(e,t){var r=e;return m.isString(e)?y.Easings[e]||(r=!1):r=m.isArray(e)&&1===e.length?n.apply(null,e):m.isArray(e)&&2===e.length?x.apply(null,e.concat([t])):m.isArray(e)&&4===e.length?v.apply(null,e):!1,r===!1&&(r=y.Easings[y.defaults.easing]?y.defaults.easing:g),r}function l(e){if(e)for(var t=(new Date).getTime(),r=0,o=y.State.calls.length;o>r;r++)if(y.State.calls[r]){var n=y.State.calls[r],s=n[0],c=n[2],p=n[3];p||(p=y.State.calls[r][3]=t-16);for(var g=Math.min((t-p)/c.duration,1),d=0,f=s.length;f>d;d++){var v=s[d],x=v.element;if(i(x)){var S=!1;c.display&&"none"!==c.display&&b.setPropertyValue(x,"display",c.display),c.visibility&&"hidden"!==c.visibility&&b.setPropertyValue(x,"visibility",c.visibility);for(var V in v)if("element"!==V){var P=v[V],w,T=m.isString(P.easing)?y.Easings[P.easing]:P.easing;if(w=1===g?P.endValue:P.startValue+(P.endValue-P.startValue)*T(g),P.currentValue=w,b.Hooks.registered[V]){var C=b.Hooks.getRoot(V),k=i(x).rootPropertyValueCache[C];k&&(P.rootPropertyValue=k)}var E=b.setPropertyValue(x,V,P.currentValue+(0===parseFloat(w)?"":P.unitType),P.rootPropertyValue,P.scrollData);b.Hooks.registered[V]&&(i(x).rootPropertyValueCache[C]=b.Normalizations.registered[C]?b.Normalizations.registered[C]("extract",null,E[1]):E[1]),"transform"===E[0]&&(S=!0)}c.mobileHA&&i(x).transformCache.translate3d===a&&(i(x).transformCache.translate3d="(0px, 0px, 0px)",S=!0),S&&b.flushTransformCache(x)}}c.display&&"none"!==c.display&&(y.State.calls[r][2].display=!1),c.visibility&&"hidden"!==c.visibility&&(y.State.calls[r][2].visibility=!1),c.progress&&c.progress.call(n[1],n[1],g,Math.max(0,p+c.duration-t),p),1===g&&u(r)}y.State.isTicking&&(y.mock?l(!0):h(l))}function u(e,t){if(!y.State.calls[e])return!1;for(var r=y.State.calls[e][0],o=y.State.calls[e][1],n=y.State.calls[e][2],s=y.State.calls[e][4],l=!1,u=0,c=r.length;c>u;u++){var p=r[u].element;if(t||n.loop||("none"===n.display&&b.setPropertyValue(p,"display",n.display),"hidden"===n.visibility&&b.setPropertyValue(p,"visibility",n.visibility)),($.queue(p)[1]===a||!/\.velocityQueueEntryFlag/i.test($.queue(p)[1]))&&i(p)){i(p).isAnimating=!1,i(p).rootPropertyValueCache={};var g=!1;$.each(i(p).transformCache,function(e,t){var r=/^scale/.test(e)?1:0;new RegExp("^\\("+r+"[^.]").test(t)&&(g=!0,delete i(p).transformCache[e])}),n.mobileHA&&(g=!0,delete i(p).transformCache.translate3d),g&&b.flushTransformCache(p),b.Values.removeClass(p,"velocity-animating")}if(!t&&n.complete&&!n.loop&&u===c-1)try{n.complete.call(o,o)}catch(d){setTimeout(function(){throw d},1)}s&&n.loop!==!0&&s(o),n.loop!==!0||t||y.animate(p,"reverse",{loop:!0,delay:n.delay}),n.queue!==!1&&$.dequeue(p,n.queue)}y.State.calls[e]=!1;for(var f=0,h=y.State.calls.length;h>f;f++)if(y.State.calls[f]!==!1){l=!0;break}l===!1&&(y.State.isTicking=!1,delete y.State.calls,y.State.calls=[])}var c="velocity",p=400,g="swing",d=function(){if(r.documentMode)return r.documentMode;for(var e=7;e>4;e--){var t=r.createElement("div");if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}return a}(),f=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var r=(new Date).getTime(),a;return a=Math.max(0,16-(r-e)),e=r+a,setTimeout(function(){t(r+a)},a)}}(),h=t.requestAnimationFrame||f,m={isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==a&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))},isSVG:function(e){return t.SVGElement&&e instanceof SVGElement},isEmptyObject:function(e){var t;for(t in e)return!1;return!0}},$=t.jQuery||e.Velocity&&e.Velocity.Utilities;if(!$)throw new Error("Velocity: Either jQuery or Velocity's jQuery shim must first be loaded.");if(e.Velocity!==a&&!e.Velocity.Utilities)throw new Error("Velocity: Namespace is occupied.");if(7>=d){if(t.jQuery)return void(t.jQuery.fn.velocity=t.jQuery.fn.animate);throw new Error("Velocity: For IE<=7, Velocity falls back to jQuery, which must first be loaded.")}if(8===d&&!t.jQuery)throw new Error("Velocity: For IE8, Velocity requires jQuery to be loaded. (Velocity's jQuery shim does not work with IE8.)");var y=e.Velocity=e.velocity=$.extend({State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:t.jQuery,Sequences:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:p,easing:g,begin:null,complete:null,progress:null,display:null,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},animate:function(){},mock:!1,version:{major:0,minor:10,patch:1},debug:!1},t.Velocity);t.pageYOffset!==a?(y.State.scrollAnchor=t,y.State.scrollPropertyLeft="pageXOffset",y.State.scrollPropertyTop="pageYOffset"):(y.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,y.State.scrollPropertyLeft="scrollLeft",y.State.scrollPropertyTop="scrollTop"),y.State.isMobile||r.hidden===a||r.addEventListener("visibilitychange",function(){r.hidden?(h=function(e){return setTimeout(function(){e(!0)},16)},l()):h=t.requestAnimationFrame||f});var v=function(){function e(e,t){return 1-3*t+3*e}function t(e,t){return 3*t-6*e}function r(e){return 3*e}function a(a,o,i){return((e(o,i)*a+t(o,i))*a+r(o))*a}function o(a,o,i){return 3*e(o,i)*a*a+2*t(o,i)*a+r(o)}return function(e,t,r,i){function n(t){for(var i=t,n=0;8>n;++n){var s=o(i,e,r);if(0===s)return i;var l=a(i,e,r)-t;i-=l/s}return i}if(4!==arguments.length)return!1;for(var s=0;4>s;++s)if("number"!=typeof arguments[s]||isNaN(arguments[s])||!isFinite(arguments[s]))return!1;return e=Math.min(e,1),r=Math.min(r,1),e=Math.max(e,0),r=Math.max(r,0),function(o){return e===t&&r===i?o:a(n(o),t,i)}}}(),x=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,r,a){var o={x:t.x+a.dx*r,v:t.v+a.dv*r,tension:t.tension,friction:t.friction};return{dx:o.v,dv:e(o)}}function r(r,a){var o={dx:r.v,dv:e(r)},i=t(r,.5*a,o),n=t(r,.5*a,i),s=t(r,a,n),l=1/6*(o.dx+2*(i.dx+n.dx)+s.dx),u=1/6*(o.dv+2*(i.dv+n.dv)+s.dv);return r.x=r.x+l*a,r.v=r.v+u*a,r}return function a(e,t,o){var i={x:-1,v:0,tension:null,friction:null},n=[0],s=0,l=1e-4,u=.016,c,p,g;for(e=parseFloat(e)||500,t=parseFloat(t)||20,o=o||null,i.tension=e,i.friction=t,c=null!==o,c?(s=a(e,t),p=s/o*u):p=u;;)if(g=r(g||i,p),n.push(1+g.x),s+=16,!(Math.abs(g.x)>l&&Math.abs(g.v)>l))break;return c?function(e){return n[e*(n.length-1)|0]}:s}}();!function(){y.Easings.linear=function(e){return e},y.Easings.swing=function(e){return.5-Math.cos(e*Math.PI)/2},y.Easings.spring=function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)},y.Easings.ease=v(.25,.1,.25,1),y.Easings["ease-in"]=v(.42,0,1,1),y.Easings["ease-out"]=v(0,0,.58,1),y.Easings["ease-in-out"]=v(.42,0,.58,1);var e={};$.each(["Quad","Cubic","Quart","Quint","Expo"],function(t,r){e[r]=function(e){return Math.pow(e,t+2)}}),$.extend(e,{Sine:function(e){return 1-Math.cos(e*Math.PI/2)},Circ:function(e){return 1-Math.sqrt(1-e*e)},Elastic:function(e){return 0===e||1===e?e:-Math.pow(2,8*(e-1))*Math.sin((80*(e-1)-7.5)*Math.PI/15)},Back:function(e){return e*e*(3*e-2)},Bounce:function(e){for(var t,r=4;e<((t=Math.pow(2,--r))-1)/11;);return 1/Math.pow(4,3-r)-7.5625*Math.pow((3*t-2)/22-e,2)}}),$.each(e,function(e,t){y.Easings["easeIn"+e]=t,y.Easings["easeOut"+e]=function(e){return 1-t(1-e)},y.Easings["easeInOut"+e]=function(e){return.5>e?t(2*e)/2:1-t(-2*e+2)/2}})}();var b=y.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e<b.Lists.colors.length;e++)b.Hooks.templates[b.Lists.colors[e]]=["Red Green Blue Alpha","255 255 255 1"];var t,r,a;if(d)for(t in b.Hooks.templates){r=b.Hooks.templates[t],a=r[0].split(" ");var o=r[1].match(b.RegEx.valueSplit);"Color"===a[0]&&(a.push(a.shift()),o.push(o.shift()),b.Hooks.templates[t]=[a.join(" "),o.join(" ")])}for(t in b.Hooks.templates){r=b.Hooks.templates[t],a=r[0].split(" ");for(var e in a){var i=t+a[e],n=e;b.Hooks.registered[i]=[t,n]}}},getRoot:function(e){var t=b.Hooks.registered[e];return t?t[0]:e},cleanRootPropertyValue:function(e,t){return b.RegEx.valueUnwrap.test(t)&&(t=t.match(b.Hooks.RegEx.valueUnwrap)[1]),b.Values.isCSSNullValue(t)&&(t=b.Hooks.templates[e][1]),t},extractValue:function(e,t){var r=b.Hooks.registered[e];if(r){var a=r[0],o=r[1];return t=b.Hooks.cleanRootPropertyValue(a,t),t.toString().match(b.RegEx.valueSplit)[o]}return t},injectValue:function(e,t,r){var a=b.Hooks.registered[e];if(a){var o=a[0],i=a[1],n,s;return r=b.Hooks.cleanRootPropertyValue(o,r),n=r.toString().match(b.RegEx.valueSplit),n[i]=t,s=n.join(" ")}return r}},Normalizations:{registered:{clip:function(e,t,r){switch(e){case"name":return"clip";case"extract":var a;return b.RegEx.wrappedValueAlreadyExtracted.test(r)?a=r:(a=r.toString().match(b.RegEx.valueUnwrap),a=a?a[1].replace(/,(\s+)?/g," "):r),a;case"inject":return"rect("+r+")"}},opacity:function(e,t,r){if(8>=d)switch(e){case"name":return"filter";case"extract":var a=r.toString().match(/alpha\(opacity=(.*)\)/i);return r=a?a[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(r)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}else switch(e){case"name":return"opacity";case"extract":return r;case"inject":return r}}},register:function(){9>=d||y.State.isGingerbread||(b.Lists.transformsBase=b.Lists.transformsBase.concat(b.Lists.transforms3D));for(var e=0;e<b.Lists.transformsBase.length;e++)!function(){var t=b.Lists.transformsBase[e];b.Normalizations.registered[t]=function(e,r,o){switch(e){case"name":return"transform";case"extract":return i(r).transformCache[t]===a?/^scale/i.test(t)?1:0:i(r).transformCache[t].replace(/[()]/g,"");case"inject":var n=!1;switch(t.substr(0,t.length-1)){case"translate":n=!/(%|px|em|rem|vw|vh|\d)$/i.test(o);break;case"scal":case"scale":y.State.isAndroid&&i(r).transformCache[t]===a&&1>o&&(o=1),n=!/(\d)$/i.test(o);break;case"skew":n=!/(deg|\d)$/i.test(o);break;case"rotate":n=!/(deg|\d)$/i.test(o)}return n||(i(r).transformCache[t]="("+o+")"),i(r).transformCache[t]}}}();for(var e=0;e<b.Lists.colors.length;e++)!function(){var t=b.Lists.colors[e];b.Normalizations.registered[t]=function(e,r,o){switch(e){case"name":return t;case"extract":var i;if(b.RegEx.wrappedValueAlreadyExtracted.test(o))i=o;else{var n,s={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(o)?n=s[o]!==a?s[o]:s.black:b.RegEx.isHex.test(o)?n="rgb("+b.Values.hexToRgb(o).join(" ")+")":/^rgba?\(/i.test(o)||(n=s.black),i=(n||o).toString().match(b.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return 8>=d||3!==i.split(" ").length||(i+=" 1"),i;case"inject":return 8>=d?4===o.split(" ").length&&(o=o.split(/\s+/).slice(0,3).join(" ")):3===o.split(" ").length&&(o+=" 1"),(8>=d?"rgb":"rgba")+"("+o.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(d||y.State.isAndroid&&!y.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(y.State.prefixMatches[e])return[y.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],r=0,a=t.length;a>r;r++){var o;if(o=0===r?e:t[r]+e.replace(/^\w/,function(e){return e.toUpperCase()}),m.isString(y.State.prefixElement.style[o]))return y.State.prefixMatches[e]=o,[o,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,a;return e=e.replace(t,function(e,t,r,a){return t+t+r+r+a+a}),a=r.exec(e),a?[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]:[0,0,0]},isCSSNullValue:function(e){return 0==e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":"block"},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t},removeClass:function(e,t){e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}},getPropertyValue:function(e,r,o,n){function s(e,r){function o(){u&&b.setPropertyValue(e,"display","none")}var l=0;if(8>=d)l=$.css(e,r);else{var u=!1;if(/^(width|height)$/.test(r)&&0===b.getPropertyValue(e,"display")&&(u=!0,b.setPropertyValue(e,"display",b.Values.getDisplayType(e))),!n){if("height"===r&&"border-box"!==b.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(b.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(b.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(b.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(b.getPropertyValue(e,"paddingBottom"))||0);return o(),c}if("width"===r&&"border-box"!==b.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var p=e.offsetWidth-(parseFloat(b.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(b.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(b.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(b.getPropertyValue(e,"paddingRight"))||0);return o(),p}}var g;g=i(e)===a?t.getComputedStyle(e,null):i(e).computedStyle?i(e).computedStyle:i(e).computedStyle=t.getComputedStyle(e,null),(d||y.State.isFirefox)&&"borderColor"===r&&(r="borderTopColor"),l=9===d&&"filter"===r?g.getPropertyValue(r):g[r],(""===l||null===l)&&(l=e.style[r]),o()}if("auto"===l&&/^(top|right|bottom|left)$/i.test(r)){var f=s(e,"position");("fixed"===f||"absolute"===f&&/top|left/i.test(r))&&(l=$(e).position()[r]+"px")}return l}var l;if(b.Hooks.registered[r]){var u=r,c=b.Hooks.getRoot(u);o===a&&(o=b.getPropertyValue(e,b.Names.prefixCheck(c)[0])),b.Normalizations.registered[c]&&(o=b.Normalizations.registered[c]("extract",e,o)),l=b.Hooks.extractValue(u,o)}else if(b.Normalizations.registered[r]){var p,g;p=b.Normalizations.registered[r]("name",e),"transform"!==p&&(g=s(e,b.Names.prefixCheck(p)[0]),b.Values.isCSSNullValue(g)&&b.Hooks.templates[r]&&(g=b.Hooks.templates[r][1])),l=b.Normalizations.registered[r]("extract",e,g)}return/^[\d-]/.test(l)||(l=i(e)&&i(e).isSVG&&b.Names.SVGAttribute(r)?/^(height|width)$/i.test(r)?e.getBBox()[r]:e.getAttribute(r):s(e,b.Names.prefixCheck(r)[0])),b.Values.isCSSNullValue(l)&&(l=0),y.debug>=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,a,o,n){var s=r;if("scroll"===r)n.container?n.container["scroll"+n.direction]=a:"Left"===n.direction?t.scrollTo(a,n.alternateValue):t.scrollTo(n.alternateValue,a);else if(b.Normalizations.registered[r]&&"transform"===b.Normalizations.registered[r]("name",e))b.Normalizations.registered[r]("inject",e,a),s="transform",a=i(e).transformCache[r];else{if(b.Hooks.registered[r]){var l=r,u=b.Hooks.getRoot(r);o=o||b.getPropertyValue(e,u),a=b.Hooks.injectValue(l,a,o),r=u}if(b.Normalizations.registered[r]&&(a=b.Normalizations.registered[r]("inject",e,a),r=b.Normalizations.registered[r]("name",e)),s=b.Names.prefixCheck(r)[0],8>=d)try{e.style[s]=a}catch(c){y.debug&&console.log("Browser does not support ["+a+"] for ["+s+"]")}else i(e)&&i(e).isSVG&&b.Names.SVGAttribute(r)?e.setAttribute(r,a):e.style[s]=a;y.debug>=2&&console.log("Set "+r+" ("+s+"): "+a)}return[s,a]},flushTransformCache:function(e){function t(t){return parseFloat(b.getPropertyValue(e,t))}var r="";if((d||y.State.isAndroid&&!y.State.isChrome)&&i(e).isSVG){var a={translate:[t("translateX"),t("translateY")],skewX:[t("skewX")],skewY:[t("skewY")],scale:1!==t("scale")?[t("scale"),t("scale")]:[t("scaleX"),t("scaleY")],rotate:[t("rotateZ"),0,0]};$.each(i(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(r+=e+"("+a[e].join(" ")+") ",delete a[e])})}else{var o,n;$.each(i(e).transformCache,function(t){return o=i(e).transformCache[t],"transformPerspective"===t?(n=o,!0):(9===d&&"rotateZ"===t&&(t="rotate"),void(r+=t+o+" "))}),n&&(r="perspective"+n+" "+r)}b.setPropertyValue(e,"transform",r)}};b.Hooks.register(),b.Normalizations.register(),y.animate=function(){function e(){return f?k.promise||null:h}function n(){function e(e){function c(e,t){var r=a,o=a,i=a;return m.isArray(e)?(r=e[0],!m.isArray(e[1])&&/^[\d-]/.test(e[1])||m.isFunction(e[1])||b.RegEx.isHex.test(e[1])?i=e[1]:(m.isString(e[1])&&!b.RegEx.isHex.test(e[1])||m.isArray(e[1]))&&(o=t?e[1]:s(e[1],u.duration),e[2]!==a&&(i=e[2]))):r=e,t||(o=o||u.easing),m.isFunction(r)&&(r=r.call(n,w,P)),m.isFunction(i)&&(i=i.call(n,w,P)),[r||0,o,i]}function p(e,t){var r,a;return a=(t||0).toString().toLowerCase().replace(/[%A-z]+$/,function(e){return r=e,""}),r||(r=b.Values.getUnitType(e)),[a,r]}function f(){var e={parent:n.parentNode,position:b.getPropertyValue(n,"position"),fontSize:b.getPropertyValue(n,"fontSize")},a=e.position===j.lastPosition&&e.parent===j.lastParent,o=e.fontSize===j.lastFontSize&&e.parent===j.lastParent;j.lastParent=e.parent,j.lastPosition=e.position,j.lastFontSize=e.fontSize,null===j.remToPx&&(j.remToPx=parseFloat(b.getPropertyValue(r.body,"fontSize"))||16),null===j.vwToPx&&(j.vwToPx=parseFloat(t.innerWidth)/100,j.vhToPx=parseFloat(t.innerHeight)/100);var s={overflowX:null,overflowY:null,boxSizing:null,width:null,minWidth:null,maxWidth:null,height:null,minHeight:null,maxHeight:null,paddingLeft:null},l={},u=10;if(l.remToPx=j.remToPx,l.vwToPx=j.vwToPx,l.vhToPx=j.vhToPx,d&&!i(n).isSVG)var c=/^auto$/i.test(n.currentStyle.width),p=/^auto$/i.test(n.currentStyle.height);a&&o||(i(n).isSVG||(s.overflowX=b.getPropertyValue(n,"overflowX"),s.overflowY=b.getPropertyValue(n,"overflowY"),s.boxSizing=b.getPropertyValue(n,"boxSizing"),s.minWidth=b.getPropertyValue(n,"minWidth"),s.maxWidth=b.getPropertyValue(n,"maxWidth")||"none",s.minHeight=b.getPropertyValue(n,"minHeight"),s.maxHeight=b.getPropertyValue(n,"maxHeight")||"none",s.paddingLeft=b.getPropertyValue(n,"paddingLeft")),s.width=b.getPropertyValue(n,"width",null,!0),s.height=b.getPropertyValue(n,"height",null,!0)),a?(l.percentToPxRatioWidth=j.lastPercentToPxWidth,l.percentToPxRatioHeight=j.lastPercentToPxHeight):(i(n).isSVG||(b.setPropertyValue(n,"overflowX","hidden"),b.setPropertyValue(n,"overflowY","hidden"),b.setPropertyValue(n,"boxSizing","content-box"),b.setPropertyValue(n,"minWidth",u+"%"),b.setPropertyValue(n,"maxWidth",u+"%"),b.setPropertyValue(n,"minHeight",u+"%"),b.setPropertyValue(n,"maxHeight",u+"%")),b.setPropertyValue(n,"width",u+"%"),b.setPropertyValue(n,"height",u+"%")),o?l.emToPx=j.lastEmToPx:i(n).isSVG||b.setPropertyValue(n,"paddingLeft",u+"em"),a||(l.percentToPxRatioWidth=j.lastPercentToPxWidth=(parseFloat(b.getPropertyValue(n,"width",null,!0))||1)/u,l.percentToPxRatioHeight=j.lastPercentToPxHeight=(parseFloat(b.getPropertyValue(n,"height",null,!0))||1)/u),o||(l.emToPx=j.lastEmToPx=(parseFloat(b.getPropertyValue(n,"paddingLeft"))||1)/u);for(var g in s)null!==s[g]&&b.setPropertyValue(n,g,s[g]);return i(n).isSVG||(d?(c&&b.setPropertyValue(n,"width","auto"),p&&b.setPropertyValue(n,"height","auto")):(b.setPropertyValue(n,"height","auto"),s.height!==b.getPropertyValue(n,"height",null,!0)&&b.setPropertyValue(n,"height",s.height),b.setPropertyValue(n,"width","auto"),s.width!==b.getPropertyValue(n,"width",null,!0)&&b.setPropertyValue(n,"width",s.width))),y.debug>=1&&console.log("Unit ratios: "+JSON.stringify(l),n),l}if(u.begin&&0===w)try{u.begin.call(x,x)}catch(h){setTimeout(function(){throw h},1)}if("scroll"===E){var v=/^x$/i.test(u.axis)?"Left":"Top",T=parseFloat(u.offset)||0,C,F,H;u.container?u.container.jquery||m.isNode(u.container)?(u.container=u.container[0]||u.container,C=u.container["scroll"+v],H=C+$(n).position()[v.toLowerCase()]+T):u.container=null:(C=y.State.scrollAnchor[y.State["scrollProperty"+v]],F=y.State.scrollAnchor[y.State["scrollProperty"+("Left"===v?"Top":"Left")]],H=$(n).offset()[v.toLowerCase()]+T),g={scroll:{rootPropertyValue:!1,startValue:C,currentValue:C,endValue:H,unitType:"",easing:u.easing,scrollData:{container:u.container,direction:v,alternateValue:F}},element:n},y.debug&&console.log("tweensContainer (scroll): ",g.scroll,n)}else if("reverse"===E){if(!i(n).tweensContainer)return void $.dequeue(n,u.queue);"none"===i(n).opts.display&&(i(n).opts.display="block"),"hidden"===i(n).opts.visibility&&(i(n).opts.visibility="visible"),i(n).opts.loop=!1,i(n).opts.begin=null,i(n).opts.complete=null,V.easing||delete u.easing,V.duration||delete u.duration,u=$.extend({},i(n).opts,u);var A=$.extend(!0,{},i(n).tweensContainer);for(var N in A)if("element"!==N){var R=A[N].startValue;A[N].startValue=A[N].currentValue=A[N].endValue,A[N].endValue=R,m.isEmptyObject(V)||(A[N].easing=u.easing),y.debug&&console.log("reverse tweensContainer ("+N+"): "+JSON.stringify(A[N]),n)}g=A}else if("start"===E){var A;i(n).tweensContainer&&i(n).isAnimating===!0&&(A=i(n).tweensContainer),$.each(S,function(e,t){if(RegExp("^"+b.Lists.colors.join("$|^")+"$").test(e)){var r=c(t,!0),o=r[0],i=r[1],n=r[2];if(b.RegEx.isHex.test(o)){for(var s=["Red","Green","Blue"],l=b.Values.hexToRgb(o),u=n?b.Values.hexToRgb(n):a,p=0;p<s.length;p++)S[e+s[p]]=[l[p],i,u?u[p]:u];delete S[e]}}});for(var z in S){var M=c(S[z]),q=M[0],W=M[1],G=M[2];z=b.Names.camelCase(z);var X=b.Hooks.getRoot(z),Y=!1;if(i(n).isSVG||b.Names.prefixCheck(X)[1]!==!1||b.Normalizations.registered[X]!==a){(u.display&&"none"!==u.display||u.visibility&&"hidden"!==u.visibility)&&/opacity|filter/.test(z)&&!G&&0!==q&&(G=0),u._cacheValues&&A&&A[z]?(G===a&&(G=A[z].endValue+A[z].unitType),Y=i(n).rootPropertyValueCache[X]):b.Hooks.registered[z]?G===a?(Y=b.getPropertyValue(n,X),G=b.getPropertyValue(n,z,Y)):Y=b.Hooks.templates[X][1]:G===a&&(G=b.getPropertyValue(n,z));var B,O,I,Q=!1;B=p(z,G),G=B[0],I=B[1],B=p(z,q),q=B[0].replace(/^([+-\/*])=/,function(e,t){return Q=t,""}),O=B[1],G=parseFloat(G)||0,q=parseFloat(q)||0;var U;if("%"===O&&(/^(fontSize|lineHeight)$/.test(z)?(q/=100,O="em"):/^scale/.test(z)?(q/=100,O=""):/(Red|Green|Blue)$/i.test(z)&&(q=q/100*255,O="")),/[\/*]/.test(Q))O=I;else if(I!==O&&0!==G)if(0===q)O=I;else{U=U||f();var D=/margin|padding|left|right|width|text|word|letter/i.test(z)||/X$/.test(z)?"x":"y";switch(I){case"%":G*="x"===D?U.percentToPxRatioWidth:U.percentToPxRatioHeight;break;case"px":break;default:G*=U[I+"ToPx"]}switch(O){case"%":G*=1/("x"===D?U.percentToPxRatioWidth:U.percentToPxRatioHeight);break;case"px":break;default:G*=1/U[O+"ToPx"]}}switch(Q){case"+":q=G+q;break;case"-":q=G-q;break;case"*":q=G*q;break;case"/":q=G/q}g[z]={rootPropertyValue:Y,startValue:G,currentValue:G,endValue:q,unitType:O,easing:W},y.debug&&console.log("tweensContainer ("+z+"): "+JSON.stringify(g[z]),n)}else y.debug&&console.log("Skipping ["+X+"] due to a lack of browser support.")}g.element=n}g.element&&(b.Values.addClass(n,"velocity-animating"),L.push(g),i(n).tweensContainer=g,i(n).opts=u,i(n).isAnimating=!0,w===P-1?(y.State.calls.length>1e4&&(y.State.calls=o(y.State.calls)),y.State.calls.push([L,x,u,null,k.resolver]),y.State.isTicking===!1&&(y.State.isTicking=!0,l())):w++)}var n=this,u=$.extend({},y.defaults,V),g={};if(i(n)===a&&$.data(n,c,{isSVG:m.isSVG(n),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}}),parseFloat(u.delay)&&u.queue!==!1&&$.queue(n,u.queue,function(e){y.velocityQueueEntryFlag=!0,i(n).delayTimer={setTimeout:setTimeout(e,parseFloat(u.delay)),next:e}}),y.mock===!0)u.duration=1;else switch(u.duration.toString().toLowerCase()){case"fast":u.duration=200;break;case"normal":u.duration=p;break;case"slow":u.duration=600;break;default:u.duration=parseFloat(u.duration)||1}u.easing=s(u.easing,u.duration),u.begin&&!m.isFunction(u.begin)&&(u.begin=null),u.progress&&!m.isFunction(u.progress)&&(u.progress=null),u.complete&&!m.isFunction(u.complete)&&(u.complete=null),u.display&&(u.display=u.display.toString().toLowerCase(),"auto"===u.display&&(u.display=y.CSS.Values.getDisplayType(n))),u.visibility&&(u.visibility=u.visibility.toString().toLowerCase()),u.mobileHA=u.mobileHA&&y.State.isMobile&&!y.State.isGingerbread,u.queue===!1?u.delay?setTimeout(e,u.delay):e():$.queue(n,u.queue,function(t,r){return r===!0?(k.promise&&k.resolver(x),!0):(y.velocityQueueEntryFlag=!0,void e(t))}),""!==u.queue&&"fx"!==u.queue||"inprogress"===$.queue(n)[0]||$.dequeue(n)}var g=arguments[0]&&($.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||m.isString(arguments[0].properties)),f,h,v,x,S,V;if(m.isWrapped(this)?(f=!1,v=0,x=this,h=this):(f=!0,v=1,x=g?arguments[0].elements:arguments[0]),x=m.isWrapped(x)?[].slice.call(x):x){g?(S=arguments[0].properties,V=arguments[0].options):(S=arguments[v],V=arguments[v+1]);var P=m.isArray(x)||m.isNodeList(x)?x.length:1,w=0;if("stop"!==S&&!$.isPlainObject(V)){var T=v+1;V={};for(var C=T;C<arguments.length;C++)!m.isArray(arguments[C])&&/^\d/.test(arguments[C])?V.duration=parseFloat(arguments[C]):m.isString(arguments[C])||m.isArray(arguments[C])?V.easing=arguments[C]:m.isFunction(arguments[C])&&(V.complete=arguments[C])}var k={promise:null,resolver:null,rejecter:null};f&&y.Promise&&(k.promise=new y.Promise(function(e,t){k.resolver=e,k.rejecter=t}));var E;switch(S){case"scroll":E="scroll";break;case"reverse":E="reverse";break;case"stop":$.each(m.isNode(x)?[x]:x,function(e,t){i(t)&&i(t).delayTimer&&(clearTimeout(i(t).delayTimer.setTimeout),i(t).delayTimer.next&&i(t).delayTimer.next(),delete i(t).delayTimer)});var F=[];return $.each(y.State.calls,function(e,t){t&&$.each(m.isNode(t[1])?[t[1]]:t[1],function(t,r){$.each(m.isNode(x)?[x]:x,function(t,a){if(a===r){if(i(a)&&$.each(i(a).tweensContainer,function(e,t){t.endValue=t.currentValue}),V===!0||m.isString(V)){var o=m.isString(V)?V:"";$.each($.queue(a,o),function(e,t){m.isFunction(t)&&t(null,!0)}),$.queue(a,o,[])}F.push(e)}})})}),$.each(F,function(e,t){u(t,!0)}),k.promise&&k.resolver(x),e();default:if(!$.isPlainObject(S)||m.isEmptyObject(S)){if(m.isString(S)&&y.Sequences[S]){var H=V.duration,A=V.delay||0;return V.backwards===!0&&(x=(x.jquery?[].slice.call(x):x).reverse()),$.each(x,function(e,t){parseFloat(V.stagger)?V.delay=A+parseFloat(V.stagger)*e:m.isFunction(V.stagger)&&(V.delay=A+V.stagger.call(t,e,P)),V.drag&&(V.duration=parseFloat(H)||(/^(callout|transition)/.test(S)?1e3:p),V.duration=Math.max(V.duration*(V.backwards?1-e/P:(e+1)/P),.75*V.duration,200)),y.Sequences[S].call(t,t,V||{},e,P,x,k.promise?k:a)}),e()}var N="Velocity: First argument ("+S+") was not a property map, a known action, or a registered sequence. Aborting.";return k.promise?k.rejecter(new Error(N)):console.log(N),e()}E="start"}var j={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null},L=[];$.each(m.isNode(x)?[x]:x,function(e,t){m.isNode(t)&&n.call(t)});var R=$.extend({},y.defaults,V),z;if(R.loop=parseInt(R.loop),z=2*R.loop-1,R.loop)for(var M=0;z>M;M++){var q={delay:R.delay};M===z-1&&(q.display=R.display,q.visibility=R.visibility,q.complete=R.complete),y.animate(x,"reverse",q)}return e()}};var S=t.jQuery||t.Zepto;S&&(S.fn.velocity=y.animate,S.fn.velocity.defaults=y.defaults),"undefined"!=typeof define&&define.amd?define(function(){return y}):"undefined"!=typeof module&&module.exports&&(module.exports=y),$.each(["Down","Up"],function(e,t){y.Sequences["slide"+t]=function(e,r,a,o,i,n){var s=$.extend({},r),l={height:null,marginTop:null,marginBottom:null,paddingTop:null,paddingBottom:null,overflow:null,overflowX:null,overflowY:null},u=s.begin,c=s.complete,p=!1;null!==s.display&&(s.display="Down"===t?s.display||"auto":s.display||"none"),s.begin=function(){function r(){l.height=parseFloat(y.CSS.getPropertyValue(e,"height")),e.style.height="auto",parseFloat(y.CSS.getPropertyValue(e,"height"))===l.height&&(p=!0),y.CSS.setPropertyValue(e,"height",l.height+"px")}if("Down"===t){l.overflow=[y.CSS.getPropertyValue(e,"overflow"),0],l.overflowX=[y.CSS.getPropertyValue(e,"overflowX"),0],l.overflowY=[y.CSS.getPropertyValue(e,"overflowY"),0],e.style.overflow="hidden",e.style.overflowX="visible",e.style.overflowY="hidden",r();for(var a in l)if(!/^overflow/.test(a)){var o=y.CSS.getPropertyValue(e,a);"height"===a&&(o=parseFloat(o)),l[a]=[o,0]}}else{r();for(var a in l){var o=y.CSS.getPropertyValue(e,a);"height"===a&&(o=parseFloat(o)),l[a]=[0,o]}e.style.overflow="hidden",e.style.overflowX="visible",e.style.overflowY="hidden"}u&&u.call(e,e)},s.complete=function(e){var r="Down"===t?0:1;p===!0?l.height[r]="auto":l.height[r]+="px";for(var a in l)e.style[a]=l[a][r];c&&c.call(e,e),n&&n.resolver(i||e)},y.animate(e,l,s)}}),$.each(["In","Out"],function(e,t){y.Sequences["fade"+t]=function(e,r,a,o,i,n){var s=$.extend({},r),l={opacity:"In"===t?1:0};if(a!==o-1)s.complete=s.begin=null;else{var u=s.complete;s.complete=function(){u&&u.call(e,e),n&&n.resolver(i||e)}}null!==s.display&&(s.display=s.display||("In"===t?"auto":"none")),y.animate(this,l,s)}})}(window.jQuery||window.Zepto||window,window,document); (function() { /************* Setup *************/ var Container = (window.jQuery || window.Zepto || window); if (!Container.Velocity || !Container.Velocity.Utilities) { console.log("Velocity UI Pack: Velocity must be loaded first. Aborting."); return; } if (!Container.Velocity.version || (Container.Velocity.version.major <= 0 && Container.Velocity.version.minor <= 5 && Container.Velocity.version.patch <= 2)) { var abortError = "Velocity UI Pack: You need to update Velocity (jquery.velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity."; alert(abortError); throw new Error(abortError); } /****************** Registration ******************/ Container.Velocity.RegisterUI = function (effectName, properties) { /* Animate the expansion/contraction of the elements' parent's height for In/Out effects. */ function animateParentHeight (elements, direction, totalDuration, stagger) { var totalHeightDelta = 0, parentNode; /* Sum the total height (including padding and margin) of all targeted elements. */ Container.Velocity.Utilities.each(elements, function(i, element) { if (stagger) { /* Increase the totalDuration by the successive delay amounts produced by the stagger option. */ totalDuration += i * stagger; } parentNode = element.parentNode; Container.Velocity.Utilities.each([ "height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"], function(i, property) { totalHeightDelta += parseFloat(Container.Velocity.CSS.getPropertyValue(element, property)); }); }); /* Animate the parent element's height adjustment (with a varying duration multiplier for aesthetic benefits). */ Container.Velocity.animate( parentNode, { height: (direction === "In" ? "+" : "-") + "=" + totalHeightDelta }, { queue: false, easing: "ease-in-out", duration: totalDuration * (direction === "In" ? 0.6 : 1) } ); } /* Register a custom sequence for each effect. */ Container.Velocity.Sequences[effectName] = function (element, sequenceOptions, elementsIndex, elementsSize, elements, promiseData) { var finalElement = (elementsIndex === elementsSize - 1); /* Iterate through each effect's call array. */ for (var callIndex = 0; callIndex < properties.calls.length; callIndex++) { var call = properties.calls[callIndex], propertyMap = call[0], sequenceDuration = (sequenceOptions.duration || properties.defaultDuration || 1000), durationPercentage = call[1], callOptions = call[2] || {}, opts = {}; /* Assign the whitelisted per-call options. */ opts.duration = sequenceDuration * (durationPercentage || 1); opts.queue = sequenceOptions.queue || ""; opts.easing = callOptions.easing || "ease"; opts.delay = callOptions.delay || 0; /* Special processing for the first effect call. */ if (callIndex === 0) { /* If a delay was passed into the sequence, combine it with the first call's delay. */ opts.delay += (sequenceOptions.delay || 0); if (elementsIndex === 0) { opts.begin = function() { /* Only trigger a begin callback on the first effect call with the first element in the set. */ sequenceOptions.begin && sequenceOptions.begin.call(elements, elements); /* Only trigger animateParentHeight() if we're using an In/Out transition. */ var direction = effectName.match(/(In|Out)$/); if (sequenceOptions.animateParentHeight && direction) { animateParentHeight(elements, direction[0], sequenceDuration + opts.delay, sequenceOptions.stagger); } } } /* If the user isn't overriding the display option, default to "auto" for "In"-suffixed transitions. */ if (sequenceOptions.display !== null) { if (sequenceOptions.display && sequenceOptions.display !== "none") { opts.display = sequenceOptions.display; } else if (/In$/.test(effectName)) { /* Inline elements cannot be subjected to transforms, so we switch them to inline-block. */ var defaultDisplay = Container.Velocity.CSS.Values.getDisplayType(element); opts.display = (defaultDisplay === "inline") ? "inline-block" : defaultDisplay; } } if (sequenceOptions.visibility && sequenceOptions.visibility !== "hidden") { opts.visibility = sequenceOptions.visibility; } } /* Special processing for the last effect call. */ if (callIndex === properties.calls.length - 1) { /* Append promise resolving onto the user's sequence callback. */ function injectFinalCallbacks () { if ((sequenceOptions.display === undefined || sequenceOptions.display === "none") && /Out$/.test(effectName)) { Container.Velocity.Utilities.each(elements, function(i, element) { Container.Velocity.CSS.setPropertyValue(element, "display", "none"); }); } sequenceOptions.complete && sequenceOptions.complete.call(elements, elements); if (promiseData) { promiseData.resolver(elements || element); } } opts.complete = function() { if (properties.reset) { for (var resetProperty in properties.reset) { var resetValue = properties.reset[resetProperty]; /* Format each non-array value in the reset property map to [ value, value ] so that changes apply immediately and DOM querying is avoided (via forcefeeding). */ if (typeof resetValue === "string" || typeof resetValue === "number") { properties.reset[resetProperty] = [ properties.reset[resetProperty], properties.reset[resetProperty] ]; } } /* So that the reset values are applied instantly upon the next rAF tick, use a zero duration and parallel queueing. */ var resetOptions = { duration: 0, queue: false }; /* Since the reset option uses up the complete callback, we trigger the user's complete callback at the end of ours. */ if (finalElement) { resetOptions.complete = injectFinalCallbacks; } Container.Velocity.animate(element, properties.reset, resetOptions); /* Only trigger the user's complete callback on the last effect call with the last element in the set. */ } else if (finalElement) { injectFinalCallbacks(); } }; if (sequenceOptions.visibility === "hidden") { opts.visibility = sequenceOptions.visibility; } } Container.Velocity.animate(element, propertyMap, opts); } }; /* Return the Velocity object so that RegisterUI calls can be chained. */ return Container.Velocity; }; /********************* Packaged Effects *********************/ /* Externalize the packagedEffects data so that they can optionally be modified and re-registered. */ Container.Velocity.RegisterUI.packagedEffects = { /* Animate.css */ "callout.bounce": { defaultDuration: 550, calls: [ [ { translateY: -30 }, 0.25 ], [ { translateY: 0 }, 0.125 ], [ { translateY: -15 }, 0.125 ], [ { translateY: 0 }, 0.25 ] ] }, /* Animate.css */ "callout.shake": { defaultDuration: 800, calls: [ [ { translateX: -11 }, 0.125 ], [ { translateX: 11 }, 0.125 ], [ { translateX: -11 }, 0.125 ], [ { translateX: 11 }, 0.125 ], [ { translateX: -11 }, 0.125 ], [ { translateX: 11 }, 0.125 ], [ { translateX: -11 }, 0.125 ], [ { translateX: 0 }, 0.125 ] ] }, /* Animate.css */ "callout.flash": { defaultDuration: 1100, calls: [ [ { opacity: [ 0, "easeInOutQuad", 1 ] }, 0.25 ], [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ], [ { opacity: [ 0, "easeInOutQuad" ] }, 0.25 ], [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ] ] }, /* Animate.css */ "callout.pulse": { defaultDuration: 825, calls: [ [ { scaleX: 1.1, scaleY: 1.1 }, 0.50 ], [ { scaleX: 1, scaleY: 1 }, 0.50 ] ] }, /* Animate.css */ "callout.swing": { defaultDuration: 950, calls: [ [ { rotateZ: 15 }, 0.20 ], [ { rotateZ: -10 }, 0.20 ], [ { rotateZ: 5 }, 0.20 ], [ { rotateZ: -5 }, 0.20 ], [ { rotateZ: 0 }, 0.20 ] ] }, /* Animate.css */ "callout.tada": { defaultDuration: 1000, calls: [ [ { scaleX: 0.9, scaleY: 0.9, rotateZ: -3 }, 0.10 ], [ { scaleX: 1.1, scaleY: 1.1, rotateZ: 3 }, 0.10 ], [ { scaleX: 1.1, scaleY: 1.1, rotateZ: -3 }, 0.10 ], [ "reverse", 0.125 ], [ "reverse", 0.125 ], [ "reverse", 0.125 ], [ "reverse", 0.125 ], [ "reverse", 0.125 ], [ { scaleX: 1, scaleY: 1, rotateZ: 0 }, 0.20 ] ] }, "transition.fadeIn": { defaultDuration: 500, calls: [ [ { opacity: [ 1, 0 ] } ] ] }, "transition.fadeOut": { defaultDuration: 500, calls: [ [ { opacity: [ 0, 1 ] } ] ] }, /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipXIn": { defaultDuration: 700, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateY: [ 0, -55 ] } ] ], reset: { transformPerspective: 0 } }, /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipXOut": { defaultDuration: 700, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateY: 55 } ] ], reset: { transformPerspective: 0, rotateY: 0 } }, /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipYIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateX: [ 0, -45 ] } ] ], reset: { transformPerspective: 0 } }, /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipYOut": { defaultDuration: 800, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateX: 25 } ] ], reset: { transformPerspective: 0, rotateX: 0 } }, /* Animate.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipBounceXIn": { defaultDuration: 900, calls: [ [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateY: [ -10, 90 ] }, 0.50 ], [ { opacity: 0.80, rotateY: 10 }, 0.25 ], [ { opacity: 1, rotateY: 0 }, 0.25 ] ], reset: { transformPerspective: 0 } }, /* Animate.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipBounceXOut": { defaultDuration: 800, calls: [ [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateY: -10 }, 0.50 ], [ { opacity: 0, rotateY: 90 }, 0.50 ] ], reset: { transformPerspective: 0, rotateY: 0 } }, /* Animate.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipBounceYIn": { defaultDuration: 850, calls: [ [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateX: [ -10, 90 ] }, 0.50 ], [ { opacity: 0.80, rotateX: 10 }, 0.25 ], [ { opacity: 1, rotateX: 0 }, 0.25 ] ], reset: { transformPerspective: 0 } }, /* Animate.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.flipBounceYOut": { defaultDuration: 800, calls: [ [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateX: -15 }, 0.50 ], [ { opacity: 0, rotateX: 90 }, 0.50 ] ], reset: { transformPerspective: 0, rotateX: 0 } }, /* Magic.css */ "transition.swoopIn": { defaultDuration: 850, calls: [ [ { opacity: [ 1, 0 ], transformOriginX: [ "100%", "50%" ], transformOriginY: [ "100%", "100%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], translateX: [ 0, -700 ], translateZ: 0 } ] ], reset: { transformOriginX: "50%", transformOriginY: "50%" } }, /* Magic.css */ "transition.swoopOut": { defaultDuration: 850, calls: [ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "100%" ], transformOriginY: [ "100%", "100%" ], scaleX: 0, scaleY: 0, translateX: -700, translateZ: 0 } ] ], reset: { transformOriginX: "50%", transformOriginY: "50%", scaleX: 1, scaleY: 1, translateX: 0 } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */ "transition.whirlIn": { defaultDuration: 900, calls: [ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], rotateY: [ 0, 160 ] } ] ] }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */ "transition.whirlOut": { defaultDuration: 900, calls: [ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0, scaleY: 0, rotateY: 160 } ] ], reset: { scaleX: 1, scaleY: 1, rotateY: 0 } }, "transition.shrinkIn": { defaultDuration: 700, calls: [ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 1.5 ], scaleY: [ 1, 1.5 ], translateZ: 0 } ] ] }, "transition.shrinkOut": { defaultDuration: 650, calls: [ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 1.3, scaleY: 1.3, translateZ: 0 } ] ], reset: { scaleX: 1, scaleY: 1 } }, "transition.expandIn": { defaultDuration: 700, calls: [ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0.625 ], scaleY: [ 1, 0.625 ], translateZ: 0 } ] ] }, "transition.expandOut": { defaultDuration: 700, calls: [ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0.5, scaleY: 0.5, translateZ: 0 } ] ], reset: { scaleX: 1, scaleY: 1 } }, /* Animate.css */ "transition.bounceIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], scaleX: [ 1.05, 0.3 ], scaleY: [ 1.05, 0.3 ] }, 0.40 ], [ { scaleX: 0.9, scaleY: 0.9, translateZ: 0 }, 0.20 ], [ { scaleX: 1, scaleY: 1 }, 0.50 ] ] }, /* Animate.css */ "transition.bounceOut": { defaultDuration: 800, calls: [ [ { scaleX: 0.95, scaleY: 0.95 }, 0.40 ], [ { scaleX: 1.1, scaleY: 1.1, translateZ: 0 }, 0.40 ], [ { opacity: [ 0, 1 ], scaleX: 0.3, scaleY: 0.3 }, 0.20 ] ], reset: { scaleX: 1, scaleY: 1 } }, /* Animate.css */ "transition.bounceUpIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], translateY: [ -30, 1000 ] }, 0.60, { easing: "easeOutCirc" } ], [ { translateY: 10 }, 0.20 ], [ { translateY: 0 }, 0.20 ] ] }, /* Animate.css */ "transition.bounceUpOut": { defaultDuration: 1000, calls: [ [ { translateY: 20 }, 0.20 ], [ { opacity: [ 0, "easeInCirc", 1 ], translateY: -1000 }, 0.80 ] ], reset: { translateY: 0 } }, /* Animate.css */ "transition.bounceDownIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], translateY: [ 30, -1000 ] }, 0.60, { easing: "easeOutCirc" } ], [ { translateY: -10 }, 0.20 ], [ { translateY: 0 }, 0.20 ] ] }, /* Animate.css */ "transition.bounceDownOut": { defaultDuration: 1000, calls: [ [ { translateY: -20 }, 0.20 ], [ { opacity: [ 0, "easeInCirc", 1 ], translateY: 1000 }, 0.80 ] ], reset: { translateY: 0 } }, /* Animate.css */ "transition.bounceLeftIn": { defaultDuration: 750, calls: [ [ { opacity: [ 1, 0 ], translateX: [ 30, -1250 ] }, 0.60, { easing: "easeOutCirc" } ], [ { translateX: -10 }, 0.20 ], [ { translateX: 0 }, 0.20 ] ] }, /* Animate.css */ "transition.bounceLeftOut": { defaultDuration: 750, calls: [ [ { translateX: 30 }, 0.20 ], [ { opacity: [ 0, "easeInCirc", 1 ], translateX: -1250 }, 0.80 ] ], reset: { translateX: 0 } }, /* Animate.css */ "transition.bounceRightIn": { defaultDuration: 750, calls: [ [ { opacity: [ 1, 0 ], translateX: [ -30, 1250 ] }, 0.60, { easing: "easeOutCirc" } ], [ { translateX: 10 }, 0.20 ], [ { translateX: 0 }, 0.20 ] ] }, /* Animate.css */ "transition.bounceRightOut": { defaultDuration: 750, calls: [ [ { translateX: -30 }, 0.20 ], [ { opacity: [ 0, "easeInCirc", 1 ], translateX: 1250 }, 0.80 ] ], reset: { translateX: 0 } }, "transition.slideUpIn": { defaultDuration: 900, calls: [ [ { opacity: [ 1, 0 ], translateY: [ 0, 20 ], translateZ: 0 } ] ] }, "transition.slideUpOut": { defaultDuration: 900, calls: [ [ { opacity: [ 0, 1 ], translateY: -20, translateZ: 0 } ] ], reset: { translateY: 0 } }, "transition.slideDownIn": { defaultDuration: 900, calls: [ [ { opacity: [ 1, 0 ], translateY: [ 0, -20 ], translateZ: 0 } ] ] }, "transition.slideDownOut": { defaultDuration: 900, calls: [ [ { opacity: [ 0, 1 ], translateY: 20, translateZ: 0 } ] ], reset: { translateY: 0 } }, "transition.slideLeftIn": { defaultDuration: 1000, calls: [ [ { opacity: [ 1, 0 ], translateX: [ 0, -20 ], translateZ: 0 } ] ] }, "transition.slideLeftOut": { defaultDuration: 1050, calls: [ [ { opacity: [ 0, 1 ], translateX: -20, translateZ: 0 } ] ], reset: { translateX: 0 } }, "transition.slideRightIn": { defaultDuration: 1000, calls: [ [ { opacity: [ 1, 0 ], translateX: [ 0, 20 ], translateZ: 0 } ] ] }, "transition.slideRightOut": { defaultDuration: 1050, calls: [ [ { opacity: [ 0, 1 ], translateX: 20, translateZ: 0 } ] ], reset: { translateX: 0 } }, "transition.slideUpBigIn": { defaultDuration: 850, calls: [ [ { opacity: [ 1, 0 ], translateY: [ 0, 75 ], translateZ: 0 } ] ] }, "transition.slideUpBigOut": { defaultDuration: 800, calls: [ [ { opacity: [ 0, 1 ], translateY: -75, translateZ: 0 } ] ], reset: { translateY: 0 } }, "transition.slideDownBigIn": { defaultDuration: 850, calls: [ [ { opacity: [ 1, 0 ], translateY: [ 0, -75 ], translateZ: 0 } ] ] }, "transition.slideDownBigOut": { defaultDuration: 800, calls: [ [ { opacity: [ 0, 1 ], translateY: 75, translateZ: 0 } ] ], reset: { translateY: 0 } }, "transition.slideLeftBigIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], translateX: [ 0, -75 ], translateZ: 0 } ] ] }, "transition.slideLeftBigOut": { defaultDuration: 750, calls: [ [ { opacity: [ 0, 1 ], translateX: -75, translateZ: 0 } ] ], reset: { translateX: 0 } }, "transition.slideRightBigIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], translateX: [ 0, 75 ], translateZ: 0 } ] ] }, "transition.slideRightBigOut": { defaultDuration: 750, calls: [ [ { opacity: [ 0, 1 ], translateX: 75, translateZ: 0 } ] ], reset: { translateX: 0 } }, /* Magic.css */ "transition.perspectiveUpIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: [ 0, -180 ] } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveUpOut": { defaultDuration: 850, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: -180 } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveDownIn": { defaultDuration: 800, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: [ 0, 180 ] } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveDownOut": { defaultDuration: 850, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: 180 } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveLeftIn": { defaultDuration: 950, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: [ 0, -180 ] } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveLeftOut": { defaultDuration: 950, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: -180 } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveRightIn": { defaultDuration: 950, calls: [ [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: [ 0, 180 ] } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" } }, /* Magic.css */ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */ "transition.perspectiveRightOut": { defaultDuration: 950, calls: [ [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: 180 } ] ], reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 } } }; /* Register the packaged effects. */ for (var effectName in Container.Velocity.RegisterUI.packagedEffects) { Container.Velocity.RegisterUI(effectName, Container.Velocity.RegisterUI.packagedEffects[effectName]); } })(); ;(function ($, window, document, undefined) { /********************* Helper Functions *********************/ /* IE detection. Gist: https://gist.github.com/julianshapiro/9098609 */ var IE = (function () { if (document.documentMode) { return document.documentMode; } else { for (var i = 7; i > 0; i--) { var div = document.createElement("div"); div.innerHTML = "<!--[if IE " + i + "]><span></span><![endif]-->"; if (div.getElementsByTagName("span").length) { div = null; return i; } div = null; } } return undefined; })(); /* Shim to prevent console.log() from throwing errors on IE<=7. */ var console = window.console || { log: function () {}, time: function () {} }; /***************** Constants *****************/ var NAME = "blast", characterRanges = { latinPunctuation: "–—′’'“″„\"(«.…¡¿′’'â€â€³â€œ\")».…!?", latinLetters: "\\u0041-\\u005A\\u0061-\\u007A\\u00C0-\\u017F\\u0100-\\u01FF\\u0180-\\u027F" }, Reg = { /* If the abbreviations RegEx is missing a title abbreviation that you find yourself needing to often escape manually, tweet me: @Shapiro. */ abbreviations: new RegExp("[^" + characterRanges.latinLetters + "](e\\.g\\.)|(i\\.e\\.)|(mr\\.)|(mrs\\.)|(ms\\.)|(dr\\.)|(prof\\.)|(esq\\.)|(sr\\.)|(jr\\.)[^" + characterRanges.latinLetters + "]", "ig"), innerWordPeriod: new RegExp("[" + characterRanges.latinLetters + "]\.[" + characterRanges.latinLetters + "]", "ig"), onlyContainsPunctuation: new RegExp("[^" + characterRanges.latinPunctuation + "]"), adjoinedPunctuation: new RegExp("^[" + characterRanges.latinPunctuation + "]+|[" + characterRanges.latinPunctuation + "]+$", "g"), skippedElements: /(script|style|select|textarea)/i, hasPluginClass: new RegExp("(^| )" + NAME + "( |$)", "gi") }; /**************** $.fn.blast ****************/ $.fn[NAME] = function (options) { /************************* Punctuation Escaping *************************/ /* Escape likely false-positives of sentence-final periods. Escaping is performed by wrapping a character's ASCII equivalent in double curly brackets, which is then reversed (deencodcoded) after delimiting. */ function encodePunctuation (text) { return text /* Escape the following Latin abbreviations and English titles: e.g., i.e., Mr., Mrs., Ms., Dr., Prof., Esq., Sr., and Jr. */ .replace(Reg.abbreviations, function(match) { return match.replace(/\./g, "{{46}}"); }) /* Escape inner-word (non-space-delimited) periods. For example, the period inside "Blast.js". */ .replace(Reg.innerWordPeriod, function(match) { return match.replace(/\./g, "{{46}}"); }); } /* Used to decode both the output of encodePunctuation() and punctuation that has been manually escaped by users. */ function decodePunctuation (text) { return text.replace(/{{(\d{1,3})}}/g, function(fullMatch, subMatch) { return String.fromCharCode(subMatch); }); } /****************** DOM Traversal ******************/ function wrapNode (node, opts) { var wrapper = document.createElement(opts.tag); /* Assign the element a class of "blast". */ wrapper.className = NAME; /* If a custom class was provided, assign that too. */ if (opts.customClass) { wrapper.className += " " + opts.customClass; /* If an opts.customClass is provided, generate an ID consisting of customClass and a number indicating the match's iteration. */ if (opts.generateIndexID) { wrapper.id = opts.customClass + "-" + Element.blastedIndex; } } /* Assign the element a class equal to its escaped inner text. Only applicable to the character and word delimiters (since they do not contain spaces). */ if (opts.generateValueClass === true && !opts.search && (opts.delimiter === "character" || opts.delimiter === "word")) { var valueClass, text = node.data; /* For the word delimiter, remove adjoined punctuation, which is unlikely to be desired as part of the match -- unless the text consists solely of punctuation (e.g. "!!!"), in which case we leave the text as-is. */ if (opts.delimiter === "word" && Reg.onlyContainsPunctuation.test(text)) { /* E: Remove punctuation that's adjoined to either side of the word match. */ text = text.replace(Reg.adjoinedPunctuation, ""); } valueClass = NAME + "-" + opts.delimiter.toLowerCase() + "-" + text.toLowerCase(); wrapper.className += " " + valueClass; } /* Hide the wrapper elements from screenreaders now that we've set the target's aria-label attribute. */ if (opts.aria) { wrapper.setAttribute("aria-hidden", "true"); } wrapper.appendChild(node.cloneNode(false)); return wrapper; } function traverseDOM (node, opts) { var matchPosition = -1, skipNodeBit = 0; /* Only proceed if the node is a text node and isn't empty. */ if (node.nodeType === 3 && node.data.length) { /* Perform punctuation encoding/decoding once per original whole text node (before it gets split up into bits). */ if (Element.nodeBeginning) { /* For the sentence delimiter, we first escape likely false-positive sentence-final punctuation. For all other delimiters, we must decode the user's manually-escaped punctuation so that the RegEx can match correctly (without being thrown off by characters in {{ASCII}}). */ node.data = (!opts.search && opts.delimiter === "sentence") ? encodePunctuation(node.data) : decodePunctuation(node.data); Element.nodeBeginning = false; } matchPosition = node.data.search(delimiterRegex); /* If there's a RegEx match in this text node, proceed with element wrapping. */ if (matchPosition !== -1) { var match = node.data.match(delimiterRegex), matchText = match[0], subMatchText = match[1] || false; Element.blastedIndex++; /* RegEx queries that can return empty strings (e.g ".*") produce an empty matchText which throws the entire traversal process into an infinite loop due to the position index not incrementing. Thus, we bump up the position index manually, resulting in a zero-width split at this location followed by the continuation of the traversal process. */ if (matchText === "") { matchPosition++; /* If a RegEx submatch is produced that is not identical to the full string match, use the submatch's index position and text. This technique allows us to avoid writing multi-part RegEx queries for submatch finding. */ } else if (subMatchText && subMatchText !== matchText) { matchPosition += matchText.indexOf(subMatchText); matchText = subMatchText; } /* Split this text node into two separate nodes at the position of the match, returning the node that begins after the match position. */ var middleBit = node.splitText(matchPosition); /* Split the newly-produced text node at the end of the match's text so that middleBit is a text node that consists solely of the matched text. The other newly-created text node, which begins at the end of the match's text, is what will be traversed in the subsequent loop (in order to find additional matches in the containing text node). */ middleBit.splitText(matchText.length); /* Over-increment the loop counter (see below) so that we skip the extra node (middleBit) that we've just created (and already processed). */ skipNodeBit = 1; if (!opts.search && opts.delimiter === "sentence") { /* Now that we've forcefully escaped all likely false-positive sentence-final punctuation, we must decode the punctuation back from ASCII. */ middleBit.data = decodePunctuation(middleBit.data); } /* Create the wrapped node. */ var wrappedNode = wrapNode(middleBit, opts, Element.blastedIndex); /* Then replace the middleBit text node with its wrapped version. */ middleBit.parentNode.replaceChild(wrappedNode, middleBit); /* Push the wrapper onto the Element.wrappers array (for later use with stack manipulation). */ Element.wrappers.push(wrappedNode); /* Note: We use this slow splice-then-iterate method because every match needs to be converted into an HTML element node. A text node's text cannot have HTML elements inserted into it. */ /* TODO: To improve performance, use documentFragments to delay node manipulation so that DOM queries and updates can be batched across elements. */ } /* Traverse the DOM tree until we find text nodes. Skip script and style elements. Skip select and textarea elements since they contain special text nodes that users would not want wrapped. Additionally, check for the existence of our plugin's class to ensure that we do not retraverse elements that have already been blasted. */ /* Note: This basic DOM traversal technique is copyright Johann Burkard <http://johannburkard.de>. Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License */ } else if (node.nodeType === 1 && node.hasChildNodes() && !Reg.skippedElements.test(node.tagName) && !Reg.hasPluginClass.test(node.className)) { /* Note: We don't cache childNodes' length since it's a live nodeList (which changes dynamically with the use of splitText() above). */ for (var i = 0; i < node.childNodes.length; i++) { Element.nodeBeginning = true; i += traverseDOM(node.childNodes[i], opts); } } return skipNodeBit; } /******************* Call Variables *******************/ var opts = $.extend({}, $.fn[NAME].defaults, options), delimiterRegex, /* Container for variables specific to each element targeted by the Blast call. */ Element = {}; /*********************** Delimiter Creation ***********************/ /* Ensure that the opts.delimiter search variable is a non-empty string. */ if (opts.search.length && ($.type(opts.search) === "string" || $.type(opts.search) === "number")) { /* Since the search is performed as a Regex (see below), we escape the string's Regex meta-characters. */ opts.delimiter = opts.search.toString().replace(/[-[\]{,}(.)*+?|^$\\\/]/g, "\\$&"); /* Note: This matches the apostrophe+s of the phrase's possessive form: {PHRASE's}. */ /* Note: This will not match text that is part of a compound word (two words adjoined with a dash), e.g. "front" won't match inside "front-end". */ /* Note: Based on the way the search algorithm is implemented, it is not possible to search for a string that consists solely of punctuation characters. */ /* Note: By creating boundaries at Latin alphabet ranges instead of merely spaces, we effectively match phrases that are inlined alongside any type of non-Latin-letter, e.g. word|, word!, ♥word♥ will all match. */ delimiterRegex = new RegExp("(?:^|[^-" + characterRanges.latinLetters + "])(" + opts.delimiter + "('s)?)(?![-" + characterRanges.latinLetters + "])", "i"); } else { /* Normalize the string's case for the delimiter switch check below. */ if ($.type(opts.delimiter) === "string") { opts.delimiter = opts.delimiter.toLowerCase(); } switch (opts.delimiter) { case "letter": case "char": case "character": /* Matches every non-space character. */ /* Note: This is the slowest delimiter. However, its slowness is only noticeable when it's used on larger bodies of text (of over 500 characters) on <=IE8. (Run Blast with opts.debug=true to monitor execution times.) */ delimiterRegex = /(\S)/; break; case "word": /* Matches strings in between space characters. */ /* Note: Matches will include any punctuation that's adjoined to the word, e.g. "Hey!" will be a full match. */ /* Note: Remember that, with Blast, every HTML element marks the start of a brand new string. Hence, "in<b>si</b>de" matches as three separate words. */ delimiterRegex = /\s*(\S+)\s*/; break; case "sentence": /* Matches phrases either ending in Latin alphabet punctuation or located at the end of the text. (Linebreaks are not considered punctuation.) */ /* Note: If you don't want punctuation to demarcate a sentence match, replace the punctuation character with {{ASCII_CODE_FOR_DESIRED_PUNCTUATION}}. ASCII codes: .={{46}}, ?={{63}}, !={{33}} */ delimiterRegex = /(?=\S)(([.]{2,})?[^!?]+?([.…!?]+|(?=\s+$)|$)(\s*[′’'â€â€³â€œ")»]+)*)/; /* RegExp explanation (Tip: Use Regex101.com to play around with this expression and see which strings it matches): - Expanded view: /(?=\S) ( ([.]{2,})? [^!?]+? ([.…!?]+|(?=\s+$)|$) (\s*[′’'â€â€³â€œ")»]+)* ) - (?=\S) --> Match must contain a non-space character. - ([.]{2,})? --> Match may begin with a group of periods. - [^!?]+? --> Grab everything that isn't an unequivocally-terminating punctuation character, but stop at the following condition... - ([.…!?]+|(?=\s+$)|$) --> Match the last occurrence of sentence-final punctuation or the end of the text (optionally with left-side trailing spaces). - (\s*[′’'â€â€³â€œ")»]+)* --> After the final punctuation, match any and all pairs of (optionally space-delimited) quotes and parentheses. */ break; case "element": /* Matches text between HTML tags. */ /* Note: Wrapping always occurs inside of elements, i.e. <b><span class="blast">Bolded text here</span></b>. */ delimiterRegex = /(?=\S)([\S\s]*\S)/; break; /***************** Custom Regex *****************/ default: /* You can pass in /your-own-regex/. */ if (opts.delimiter instanceof RegExp) { delimiterRegex = opts.delimiter; } else { console.log(NAME + ": Unrecognized delimiter, empty search string, or invalid custom Regex. Aborting."); /* Abort this Blast call. */ return true; } } } /********************** Element Iteration **********************/ this.each(function() { var $this = $(this), text = $this.text(); /* When anything except false is passed in for the options object, Blast is initiated. */ if (options !== false) { /********************** Element Variables **********************/ Element = { /* The index of each wrapper element generated by blasting. */ blastedIndex: 0, /* Whether we're just entering this node. */ nodeBeginning: false, /* Keep track of the elements generated by Blast so that they can (optionally) be pushed onto the jQuery call stack. */ wrappers: [] }; /***************** Housekeeping *****************/ /* Unless a consecutive opts.search is being performed, an element's existing Blast call is reversed before proceeding. */ if ($this.data(NAME) !== undefined && ($this.data(NAME) !== "search" || opts.search === false)) { reverse($this, opts); if (opts.debug) console.log(NAME + ": Removed element's existing Blast call."); } /* Store the current delimiter type so that it can be compared against on subsequent calls (see above). */ $this.data(NAME, opts.search !== false ? "search" : opts.delimiter); if (opts.aria) { $this.attr("aria-label", text); } /**************** Preparation ****************/ /* Perform optional HTML tag stripping. */ if (opts.stripHTMLTags) { $this.html(text); } /* If the browser throws an error for the provided element type (browers whitelist the letters and types of the elements they accept), fall back to using "span". */ try { document.createElement(opts.tag); } catch (error) { opts.tag = "span"; if (opts.debug) console.log(NAME + ": Invalid tag supplied. Defaulting to span."); } /* For reference purposes when reversing Blast, assign the target element a root class. */ $this.addClass(NAME + "-root"); /* Initiate the DOM traversal process. */ if (opts.debug) console.time(NAME); traverseDOM(this, opts); if (opts.debug) console.timeEnd(NAME); /* If false is passed in as the first parameter, reverse Blast. */ } else if (options === false && $this.data(NAME) !== undefined) { reverse($this, opts); } /************** Debugging **************/ /* Output the full string of each wrapper element and color alternate the wrappers. This is in addition to the performance timing that has already been outputted. */ if (opts.debug) { $.each(Element.wrappers, function(index, element) { console.log(NAME + " [" + opts.delimiter + "] " + this.outerHTML); this.style.backgroundColor = index % 2 ? "#f12185" : "#075d9a"; }); } }); /************ Reverse ************/ function reverse ($this, opts) { if (opts.debug) console.time("blast reversal"); var skippedDescendantRoot = false; $this .removeClass(NAME + "-root") .data(NAME, undefined) .removeAttr("aria-label") .find("." + NAME) .each(function () { var $this = $(this); /* Do not reverse Blast on descendant root elements. (Before you can reverse Blast on an element, you must reverse Blast on any parent elements that have been Blasted.) */ if (!$this.closest("." + NAME + "-root").length) { var thisParentNode = this.parentNode; /* This triggers some sort of node layout, thereby solving a node normalization bug in <=IE7 for reasons unknown. If you know the specific reason, tweet me: @Shapiro. */ if (IE <= 7) (thisParentNode.firstChild.nodeName); /* Strip the HTML tags off of the wrapper elements by replacing the elements with their child node's text. */ thisParentNode.replaceChild(this.firstChild, this); /* Normalize() parents to remove empty text nodes and concatenate sibling text nodes. (This cleans up the DOM after our manipulation.) */ thisParentNode.normalize(); } else { skippedDescendantRoot = true; } }); if (opts.debug) { console.log(NAME + ": Reversed Blast" + ($this.attr("id") ? " on #" + $this.attr("id") + "." : ".") + (skippedDescendantRoot ? " Skipped reversal on the children of one or more descendant root elements." : "")); console.timeEnd("blast reversal"); } } /************* Chain *************/ /* Either return a stack composed of our call's Element.wrappers or return the element(s) originally targeted by the Blast call. */ /* Note: returnGenerated can only be disabled on a per-call basis (not a per-element basis). */ if (options !== false && opts.returnGenerated === true) { /* A reimplementation of jQuery's $.pushStack() (since Zepto does not provide this function). */ var newStack = $().add(Element.wrappers); newStack.prevObject = this; newStack.context = this.context; return newStack; } else { return this; } }; /*************** Defaults ***************/ $.fn.blast.defaults = { returnGenerated: true, delimiter: "word", tag: "span", search: false, customClass: "", generateIndexID: false, generateValueClass: false, stripHTMLTags: false, aria: true, debug: false }; })(window.jQuery || window.Zepto, window, document); /***************** Known Issues *****************/ /* In <=IE7, when Blast is called on the same element more than once with opts.stripHTMLTags=false, calls after the first may not target the entirety of the element and/or may inject excess spacing between inner text parts due to <=IE7's faulty node normalization. */ $(".paragraphh") .blast({ delimiter: "word",word:"Lorem ipsum"}) .css("opacity", 0) .velocity("transition.swoopIn", { display: null, stagger: 100, delay: 1000, complete: function() { (".paragraphh") .blast(false) .blast({ delimiter: "word",word:"Lorem ipsum"}) .velocity("transition.fadeOut", { backwards: true, stagger: 100, delay: 0 } ); } } ); </script> <script> console.log("Google Analytics - Version 1.0 - MuseThemes.com"); </script> <script> $(document).ready(function(){ $('.menu-toggle').on('click',function(){ $('.menu-toggle').toggleClass('active'); }); }); </script> </body> </html>
Save
Cancel