{"id":680,"date":"2017-03-08T08:00:17","date_gmt":"2017-03-08T08:00:17","guid":{"rendered":"http:\/\/demo.oceanthemes.net\/ananke\/dark\/?page_id=676"},"modified":"2017-03-08T08:00:17","modified_gmt":"2017-03-08T08:00:17","slug":"new-elements","status":"publish","type":"page","link":"https:\/\/mixartstudios.com\/fr\/new-elements\/","title":{"rendered":"New Elements"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><section id=\"home\" class=\"wpb_row bg-fixed\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_revslider_element wpb_content_element\">\n\t\t\t<!-- START home slider REVOLUTION SLIDER 6.7.20 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_1_1_wrapper\" data-source=\"gallery\" style=\"visibility:hidden;background:transparent;padding:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_1_1\" style=\"\" data-version=\"6.7.20\">\n\t\t\t\t\t<rs-slides style=\"overflow: hidden; position: absolute;\">\n\t\t\t\t\t\t<rs-slide style=\"position: absolute;\" data-key=\"rs-1\" data-title=\"Slide\" data-duration=\"5000\" data-anim=\"ms:700;\" data-in=\"o:0;r:1;\" data-out=\"r:1;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/mixartstudios.com\/wp-content\/plugins\/revslider\/sr6\/assets\/assets\/dummy.png\" alt=\"\" title=\"Mixart homepage 2025\" width=\"2420\" height=\"2000\" class=\"rev-slidebg tp-rs-img rs-lazyload\" data-lazyload=\"\/\/mixartstudios.com\/wp-content\/uploads\/2025\/04\/Mixart-homepage-2025.jpg\" data-no-retina>\n<!---->\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t<\/rs-module>\n\t\t\t\t<script>\n\t\t\t\t\tsetREVStartSize({c: 'rev_slider_1_1',rl:[1240,1024,778,480],el:[500],gw:[1170],gh:[500],type:'hero',justify:'',layout:'fullscreen',offsetContainer:'',offset:'',mh:\"0\"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules[\"revslider11\"]!==undefined) {window.RS_MODULES.modules[\"revslider11\"].once = false;window.revapi1 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}\n\t\t\t\t<\/script>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n<\/div><a class=\"scroll\" href=\"#about\"><div  class=\"scroll-btn tipped\" data-title=\"ABOUT AGENCY\"><\/div><\/a>\t\n\t<div class=\"small-text\">\n\t\t<div class=\"cl-effect-5\">\n\t\t\t<a class=\"scroll\" href=\"#work\"><span data-hover=\"portfolio\">portfolio<\/span><\/a>\t\t\t<a class=\"scroll\" href=\"#contact\"><span data-hover=\"contact\">contact<\/span><\/a>\t\t<\/div>\n\t<\/div>\n\n\t\n\t<div class=\"social-top\">\n\t\t<ul class=\"list-social\">\n\t\t\t\t\t\t\t<li class=\"icon-soc tipped\" data-title=\"twitter\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t<a target=\"_self\" href=\"#\"><i class=\"fa fa-twitter\"><\/i><\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"icon-soc tipped\" data-title=\"facebook\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t<a target=\"_self\" href=\"#\"><i class=\"fa fa-facebook\"><\/i><\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-soc tipped\" data-title=\"github\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t<a target=\"_self\" href=\"#\"><i class=\"fa fa-github\"><\/i><\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"icon-soc tipped\" data-title=\"google +\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t<a target=\"_self\" href=\"#\"><i class=\"fa fa-google-plus\"><\/i><\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\t\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/section><section id=\"about\" class=\"wpb_row bg-fixed vc_custom_1416284435267 vc_row-has-fill\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">Mixart<\/div>\n           <h1>Mixart<\/h1><p>WE'RE A CLOSE TEAM OF CREATIVES, DESIGNERS &amp; DEVELOPERS WHO WORK TOGETHER TO CREATE BEAUTIFUL, ENGAGING DIGITAL EXPERIENCES.<\/p><\/div><\/div><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container four columns\" data-scroll-reveal=\"enter top move 100px over 0.5s after 0.1s\"><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"about-what-we-do\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"icon-left1\"><i class=\"fa fa-paperclip\"><\/i><\/div>\n\t\t<h5>NETWORKING<\/h5>\n\t\t<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.<\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"about-what-we-do\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"icon-left1\"><i class=\"fa fa-signal\"><\/i><\/div>\n\t\t<h5>ANALYTICS.<\/h5>\n\t\t<p>Sed ut perspiciatis unde omnis iste natus error est eligendi optio cumque nihil.<\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"about-what-we-do\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"icon-left1\"><i class=\"fa fa-terminal\"><\/i><\/div>\n\t\t<h5>DEVELOPMENT.<\/h5>\n\t\t<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.<\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"video-sections\">\n\t\t<div class=\"video-section-1\"  >\n\t\t\t\t\t\t\t<video id=\"video_background\" preload=\"auto\" autoplay loop muted volume=\"0\" poster=\"\" playsinline> \n\t\t\t\t\t<source src=\"http:\/\/vegatheme.com\/videos\/video.webm\" type=\"video\/webm\"> \n\t\t\t\t\t<source src=\"http:\/\/vegatheme.com\/videos\/video.mp4\" type=\"video\/mp4\"> \n\t\t\t\t\t<source src=\"http:\/\/vegatheme.com\/videos\/video.ogg\" type=\"video\/ogg\">\t\t\t\t<\/video>\n\t\t\t\n\t\t\t\t\t\t<div class=\"just_pattern\"><\/div>\n\t\t\t\n\t\t\t<div class=\"text-over-video\">A DAY AT THE OFFICE<\/div>\t\n\t\t<\/div>\t\n\t\t<div class=\"video-section-2\">\t\n\t\t\t<div class=\"container\">\n\t\t\t\t<div class=\"nine columns padding-top-video-sec2\" data-scrollreveal=\"enter right and move 150px over 1s\">\n\t\t\t\t\t<\/p>\n<h5>WHAT WE DO.<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.\t\t\t\t<\/div>\n\t\t\t\t<div class=\"nine columns\" data-scrollreveal=\"enter right and move 150px over 1s\">\n\t\t\t\t\t<\/p>\n<h5>WHAT WE ACHIEVE.<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.\t\t\t\t<\/div>\n\t\t\t\t<div class=\"nine columns\" data-scrollreveal=\"enter right and move 150px over 1s\">\n\t\t\t\t\t<\/p>\n<h5>AT THE END.<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\t\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1416284455490 vc_row-has-fill\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">THE TEAM<\/div>\n           <h1>THE TEAM<\/h1><p>WE'RE A SMALL, FRIENDLY AND TALENTED TEAM. WE CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR AWESOME CLIENTS ACROSS ALL THE PLATFORMS.<\/p><\/div><\/div><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"team-wrap\">\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<h5>JAMES BEAN<\/h5>\n\t\t\t<p>CREATIVE DIRECTOR<\/p>\n\t\t\t<div class=\"team-line\"><\/div>\n\t\t\t<div class=\"team-desc\"><\/div> \n\t\t\t<div class=\"social-team\">\n\t\t\t\t<ul class=\"team-social\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"twitter\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-twitter\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"facebook\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-facebook\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"github\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-github\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"google +\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-google-plus\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t\t\t<\/div>\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"team-wrap\">\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<h5>ISABELLA MORO<\/h5>\n\t\t\t<p>CHIEF EXECUTIVE OFFICER<\/p>\n\t\t\t<div class=\"team-line\"><\/div>\n\t\t\t<div class=\"team-desc\"><\/div> \n\t\t\t<div class=\"social-team\">\n\t\t\t\t<ul class=\"team-social\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"twitter\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-twitter\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"facebook\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-facebook\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"github\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-github\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"google +\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-google-plus\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t\t\t<\/div>\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"team-wrap\">\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<h5>DAVID IVE<\/h5>\n\t\t\t<p>GENERAL MANAGER<\/p>\n\t\t\t<div class=\"team-line\"><\/div>\n\t\t\t<div class=\"team-desc\"><\/div> \n\t\t\t<div class=\"social-team\">\n\t\t\t\t<ul class=\"team-social\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"twitter\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-twitter\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"facebook\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-facebook\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"github\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-github\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"google +\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-google-plus\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t\t\t<\/div>\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"\" data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"team-wrap\">\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<h5>JAMES MORO<\/h5>\n\t\t\t<p>HR MANAGER<\/p>\n\t\t\t<div class=\"team-line\"><\/div>\n\t\t\t<div class=\"team-desc\"><\/div> \n\t\t\t<div class=\"social-team\">\n\t\t\t\t<ul class=\"team-social\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"twitter\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-twitter\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"facebook\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-facebook\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"github\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-github\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"icon-team tipped\" data-title=\"google +\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\"><i class=\"fa fa-google-plus\"><\/i><\/a>\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t\t\t<\/div>\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1416045845047 vc_row-has-fill\"><div class=\"just_pattern\"><\/div><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"slideshow\" id=\"slideshow\">\n\t\t<ol class=\"slides\">\n\t\t\t\t\t\t<li class=\"current\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>Tilted Content Slideshow<\/h4>\n\t\t\t\t\t<p><p>This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview col\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"http:\/\/themeforest.net\/user\/oceanthemes\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"http:\/\/themeforest.net\/user\/oceanthemes\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>CSS Animations<\/h4>\n\t\t\t\t\t<p><p>We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview row\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>Tilted Items<\/h4>\n\t\t\t\t\t<p><p>The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview col\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>Column or Row<\/h4>\n\t\t\t\t\t<p><p>The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don&#8217;t want the items to overlap each other when they move in or out.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview row\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>Responsiveness<\/h4>\n\t\t\t\t\t<p><p>For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview col\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"\">\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h4>Navigation<\/h4>\n\t\t\t\t\t<p><p>For the &#8220;line&#8221; navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.<\/p>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"tiltview row\">\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div> \n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div><a href=\"#\"><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ol>\t\n\t<\/div>\n\t\n\t<script type=\"text\/javascript\">\n\t\twindow.jQuery = window.$ = jQuery;  \n\t\t(function($) { \"use strict\";\n\t\t\tnew TiltSlider( document.getElementById( 'slideshow' ) );\n\t\t\t\t\t})(jQuery);\t\n    <\/script>\n\n<\/div><\/div><\/div><\/div><\/section><section id=\"work\" class=\"wpb_row bg-fixed\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">Work<\/div>\n           <h1>Work<\/h1><p>WE BELIEVE OUR WORK SPEAKS FOR ITSELF. BROWSE OUR MOST RECENT PROJECTS BELOW.<\/p><\/div><\/div><\/div><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n    <div class=\"clear\"><\/div>\n    <div class=\"portfolio\"><\/div>\n\t<div class=\"expander-wrap relative\">\n\t\t<div id=\"expander-wrap\">\n\t\t\t<p class=\"cls-btn\"><a class=\"close\">X<\/a><\/p>\n\t\t\t<div class=\"expander-inner\"><\/div>\n\t\t<\/div>\n\t<\/div>\t\n\t<div class=\"clear\"><\/div>\t\t\t\n\t<div class=\"container\">\n\t\t<div class=\"twelve columns\">\n\t\t\t<div id=\"portfolio-filter\">\n\t\t\t\t<ul id=\"filter\">\n\t\t\t\t\t<li><a href=\"#\" class=\"current\" data-filter=\"*\" title=\"\">Show All<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-filter=\".illustration\">ILLUSTRATION<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-filter=\".motion-graphics\">MOTION GRAPHICS<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-filter=\".photography\">PHOTOGRAPHY<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-filter=\".web-design2\">WEB DESIGN<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<ul class=\"portfolio-wrap pf_full_width pf_4_cols\">\n\t\t\t\t<li class=\"portfolio-box illustration photography\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-1\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>Dan Fink<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box illustration photography\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-8\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>La Cater\u00eda<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box illustration motion-graphics\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-7\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>5th Anniversary Set<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box motion-graphics web-design2\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-6\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>La Cater\u00eda<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box illustration web-design2\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-5\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>Fixed Mag<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box photography web-design2\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-4\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>All The Time<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box motion-graphics photography\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-3\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>Golden Eagle<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t\t<li class=\"portfolio-box motion-graphics web-design2\">\t\n\t\t\t<a class=\"expander\" href=\"https:\/\/mixartstudios.com\/fr\/portfolio\/project-name-2\/\" title=\"\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\t\n\t\t\t\t<div class=\"mask\"><\/div>\n\t\t\t\t<h4>Dan Fink<\/h4>\n\t\t\t<\/a>\t\n\t\t\t\t\t\t\t<a class=\"fancybox-effects-d\" href=\"\" title=\"\">\n\t\t\t\t\t<div class=\"fancybox-button\">&#xf106;<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t<\/li>\n\t\t\t<\/ul>\n\t\n<\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1415870893395\"><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"link-work\" data-scrollreveal=\"enter top and move 150px over 1s\">\n\t\t<h6>READY TO START CONVERSATION?<\/h6>\n\t\t<div class=\"cl-effect-5\">\n\t\t\t<a class=\"scroll\" href=\"#contact\">\n\t\t\t\t<span data-hover=\"contact us\">get in touch<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1415977209924 vc_row-has-fill\"><div class=\"just_pattern\"><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"facts-wrap\">\n\t\t<div class=\"facts-wrap-num\"><span class=\"counter\">87<\/span><\/div>\n\t\t<h5>Clients<\/h5> \n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"facts-wrap\">\n\t\t<div class=\"facts-wrap-num\"><span class=\"counter\">25<\/span><\/div>\n\t\t<h5>AWARDS<\/h5> \n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"facts-wrap\">\n\t\t<div class=\"facts-wrap-num\"><span class=\"counter\">68<\/span><\/div>\n\t\t<h5>PROJECTS<\/h5> \n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container three columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"facts-wrap\">\n\t\t<div class=\"facts-wrap-num\"><span class=\"counter\">46<\/span><\/div>\n\t\t<h5>MAILS<\/h5> \n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section id=\"services\" class=\"wpb_row bg-fixed vc_custom_1416284516432 vc_row-has-fill\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">SERVICES<\/div>\n           <h1>SERVICES<\/h1><p>JUST CHECK OUT ALL OF THE SERVICE LISTS BELOW TO GET A GENERAL IDEA OF WHAT WE ARE CAPABLE OF DELIVERING.<\/p><\/div><\/div><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-brush\"><\/span>\n\t\t\t\t\t\t\t\t<h5>CREATIVE DESIGN<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-phone\"><\/span>\n\t\t\t\t\t\t\t\t<h5>RESPONSIVE DESIGN<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-message\"><\/span>\n\t\t\t\t\t\t\t\t<h5>EXCELLENT SUPPORT<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-clock\"><\/span>\n\t\t\t\t\t\t\t\t<h5>QUICK SUPPORT<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-email\"><\/span>\n\t\t\t\t\t\t\t\t<h5>CONTACT FORM<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"\">\n\t\t\t\t\t<div class=\"services-offer service-icon-svg\">\n\t\t\t\t\t\t\t\t\t<span class=\"svg-icon flat-filled\" id=\"filled-heart\"><\/span>\n\t\t\t\t\t\t\t\t<h5>MADE WITH LOVE<\/h5>\n\t\t\t\t<p>Cum sociis natoque penatibus et magnis dis massa.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1415889073177\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">OUR PLANS<\/div>\n           <h1>OUR PLANS<\/h1><p>YOU CAN CONFIGURE YOUR PRICING TABLE USING THE GRID SYSTEM IN ORDER TO MAKE IT RESPONSIVE FOR SMALL DEVICES.<\/p><\/div><\/div><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"plans-offer\">\n\t\t\t<h3>$9.99<b> \u2013 MONTH<\/b><\/h3>\n\t\t\t<h6>STANDARD<\/h6>\n\t\t\t<p><strong>24\/7<\/strong> TECH SUPPORT<\/p>\n<p><strong>15<\/strong> PROJECTS<\/p>\n<p><strong>5GB<\/strong> STORAGE<\/p>\n<p>UNLIMITED USERS\t\t\t<div class=\"cl-effect-5\"><a class=\"scroll\" href=\"http:\/\/themeforest.net\/item\/ananke-one-page-parallax-wordpress-theme\/9631763?ref=OceanThemes\"><span data-hover=\"sign up\">sign up<\/span><\/a><\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"plans-offer-gold\">\n\t\t\t<h3>$17.99<b> \u2013 MONTH<\/b><\/h3>\n\t\t\t<h6>GOLD<\/h6>\n\t\t\t<p><strong>24\/7<\/strong> TECH SUPPORT<\/p>\n<p><strong>25<\/strong> PROJECTS<\/p>\n<p><strong>15GB<\/strong> STORAGE<\/p>\n<p>UNLIMITED USERS\t\t\t<div class=\"cl-effect-5\"><a class=\"scroll\" href=\"http:\/\/themeforest.net\/item\/ananke-one-page-parallax-wordpress-theme\/9631763?ref=OceanThemes\"><span data-hover=\"sign up\">sign up<\/span><\/a><\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n\t<div data-scrollreveal=\"enter bottom and move 150px over 1s\">\n\t\t<div class=\"plans-offer\">\n\t\t\t<h3>$34.99<b> \u2013 MONTH<\/b><\/h3>\n\t\t\t<h6>PREMIUM<\/h6>\n\t\t\t<p><strong>24\/7<\/strong> TECH SUPPORT<\/p>\n<p><strong>100<\/strong> PROJECTS<\/p>\n<p><strong>50GB<\/strong> STORAGE<\/p>\n<p>UNLIMITED USERS\t\t\t<div class=\"cl-effect-5\"><a class=\"scroll\" href=\"http:\/\/themeforest.net\/item\/ananke-one-page-parallax-wordpress-theme\/9631763?ref=OceanThemes\"><span data-hover=\"sign up\">sign up<\/span><\/a><\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1416284545152 vc_row-has-fill\"><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n\t\n\t<div class=\"logos-wrap\">\n\t\t\t\t\t<a target=\"_blank\" href=\"#\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\t<\/div>\n\t\n<\/div><\/div><\/div><\/div><\/div><\/section><section id=\"blog\" class=\"wpb_row bg-fixed vc_custom_1415977568620 vc_row-has-fill\"><div class=\"just_pattern\"><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">   \n\t<div class=\"z-index\">\t\n    \t\t\t<div class=\"clear\"><\/div>\n\t\t<div class=\"twelve columns\">\n\t\t\t<div class=\"blog-link\"><a href=\"http:\/\/localhost\/ananke\/blog\">View All<\/a><\/div>\n\t\t<\/div>\n\t\t\n\t<\/div> \n<\/div><\/div><\/div><\/div><\/div><\/section><section id=\"contact\" class=\"wpb_row bg-fixed vc_custom_1488960496683\"><div class=\"container\">\n\t\t   <div class=\"twelve columns\" data-scrollreveal=\"enter top and move 150px over 1s\">\n           <div class=\"header-text\"><div class=\"header-shadow-text\">CONTACT<\/div>\n           <h1>CONTACT<\/h1><p>WE CREATE BEST OPPORTUNITIES FOR YOUR BUSINESS.<\/p><\/div><\/div><\/div><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\"><p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed vc_custom_1488960585224 vc_row-has-fill\"><div class=\"container\"><div class=\"rows\"><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"contact-det\">\n\t\t<h6><i class=\"fa fa-envelope\"><\/i>General Mail<\/h6>\n\t\t<p><a title=\"info@hera.com\" href=\"mailto:info@hera.com\">info@hera.com<\/a><\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"contact-det\">\n\t\t<h6><i class=\"fa fa-envelope\"><\/i>Brand Manager<\/h6>\n\t\t<p><a title=\"brand@hera.com\" href=\"mailto:brand@hera.com\">brand@hera.com<\/a><\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container four columns\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\t\n\t<div class=\"contact-det\">\n\t\t<h6><i class=\"fa fa-phone\"><\/i>Call Center<\/h6>\n\t\t<p>+67 0428 5280162<\/p>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"wpb_row bg-fixed\"><div class=\"rows\"><div class=\"wpb_column vc_column_container one columns2\" ><div class=\"ak_column-inner\"><div class=\"wpb_wrapper\">\n   <div id=\"cd-google-map\">\n      <div id=\"google-container69f29a2c6551d\" style=\"position: relative;width: 100%;height: 500px;\"><\/div>\n      <div id=\"cd-zoom-in\"><\/div>\n      <div id=\"cd-zoom-out\"><\/div>\n       <address>86-90 KRALJA MILUTINA, BELGRADE 11000<\/address>    <\/div>   \n\n   <script type=\"text\/javascript\">\n      \n      (function($) { \"use strict\"\n\n         \/*set your google maps parameters*\/\n\n         jQuery(document).ready(function($){\n            \n            var latitude = 44.8013716,\n                longitude = 20.4631372,\n                map_zoom = 15;\n\n            \/*google map custom marker icon - .png fallback for IE11*\/\n            var is_internetExplorer11= navigator.userAgent.toLowerCase().indexOf('trident') > -1;\n            var marker_url = ( is_internetExplorer11 ) ? '' : 'https:\/\/mixartstudios.com\/wp-content\/themes\/ananke\/images\/cd-icon-location.svg';\n             \n            \/*we define here the style of the map*\/\n            var style = [\n    {\n        \"featureType\": \"all\",\n        \"elementType\": \"labels.text.fill\",\n        \"stylers\": [\n            {\n                \"saturation\": 36\n            },\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 40\n            }\n        ]\n    },\n    {\n        \"featureType\": \"all\",\n        \"elementType\": \"labels.text.stroke\",\n        \"stylers\": [\n            {\n                \"visibility\": \"on\"\n            },\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 16\n            }\n        ]\n    },\n    {\n        \"featureType\": \"all\",\n        \"elementType\": \"labels.icon\",\n        \"stylers\": [\n            {\n                \"visibility\": \"off\"\n            }\n        ]\n    },\n    {\n        \"featureType\": \"administrative\",\n        \"elementType\": \"geometry.fill\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 20\n            }\n        ]\n    },\n    {\n        \"featureType\": \"administrative\",\n        \"elementType\": \"geometry.stroke\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 17\n            },\n            {\n                \"weight\": 1.2\n            }\n        ]\n    },\n    {\n        \"featureType\": \"landscape\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 20\n            }\n        ]\n    },\n    {\n        \"featureType\": \"poi\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 21\n            }\n        ]\n    },\n    {\n        \"featureType\": \"road.highway\",\n        \"elementType\": \"geometry.fill\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 17\n            }\n        ]\n    },\n    {\n        \"featureType\": \"road.highway\",\n        \"elementType\": \"geometry.stroke\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 29\n            },\n            {\n                \"weight\": 0.2\n            }\n        ]\n    },\n    {\n        \"featureType\": \"road.arterial\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 18\n            }\n        ]\n    },\n    {\n        \"featureType\": \"road.local\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 16\n            }\n        ]\n    },\n    {\n        \"featureType\": \"transit\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 19\n            }\n        ]\n    },\n    {\n        \"featureType\": \"water\",\n        \"elementType\": \"geometry\",\n        \"stylers\": [\n            {\n                \"color\": \"#000000\"\n            },\n            {\n                \"lightness\": 17\n            }\n        ]\n    }\n];\n\n            \/\/set google map options\n            var map_options = {\n               center: new google.maps.LatLng(latitude, longitude),\n               zoom: map_zoom,\n               panControl: false,\n               zoomControl: false,\n               mapTypeControl: false,\n               streetViewControl: false,\n               mapTypeId: google.maps.MapTypeId.ROADMAP,\n               scrollwheel: false,\n               styles: style,\n            }\n            \/\/inizialize the map\n            var map = new google.maps.Map(document.getElementById('google-container69f29a2c6551d'), map_options);\n            \/\/add a custom marker to the map          \n            var marker = new google.maps.Marker({\n               position: new google.maps.LatLng(latitude, longitude),\n               map: map,\n               visible: true,\n               icon: marker_url,\n            });\n\n            \/\/add custom buttons for the zoom-in\/zoom-out on the map\n            function CustomZoomControl(controlDiv, map) {\n               \/\/grap the zoom elements from the DOM and insert them in the map \n               var controlUIzoomIn= document.getElementById('cd-zoom-in'),\n                  controlUIzoomOut= document.getElementById('cd-zoom-out');\n               controlDiv.appendChild(controlUIzoomIn);\n               controlDiv.appendChild(controlUIzoomOut);\n\n               \/\/ Setup the click event listeners and zoom-in or out according to the clicked element\n               google.maps.event.addDomListener(controlUIzoomIn, 'click', function() {\n                  map.setZoom(map.getZoom()+1)\n               });\n               google.maps.event.addDomListener(controlUIzoomOut, 'click', function() {\n                  map.setZoom(map.getZoom()-1)\n               });\n            }\n\n            var zoomControlDiv = document.createElement('div');\n            var zoomControl = new CustomZoomControl(zoomControlDiv, map);\n\n            \/\/insert the zoom div on the top left of the map\n            map.controls[google.maps.ControlPosition.LEFT_TOP].push(zoomControlDiv);\n         });\n      \n      })(jQuery);\n\n   <\/script>\n\n<\/div><\/div><\/div><\/div><\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"Revisions. At vero eos et accusamus et iusto odio dignissimos ducimus qui. Sed ut perspiciatis. Design. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque. Development. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-canvas.php","meta":{"footnotes":""},"class_list":["post-680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/pages\/680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/comments?post=680"}],"version-history":[{"count":0,"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/pages\/680\/revisions"}],"wp:attachment":[{"href":"https:\/\/mixartstudios.com\/fr\/wp-json\/wp\/v2\/media?parent=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}