{"id":204,"date":"2017-10-03T04:36:56","date_gmt":"2017-10-03T04:36:56","guid":{"rendered":"http:\/\/localhost\/namos\/?page_id=204"},"modified":"2023-09-12T03:44:54","modified_gmt":"2023-09-12T03:44:54","slug":"home-onepage","status":"publish","type":"page","link":"https:\/\/wpdemo.vegatheme.com\/namos\/home-onepage\/","title":{"rendered":"Onepage"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row fullwidth=&#8221;yes&#8221; el_id=&#8221;top&#8221;][vc_column]  \n  <div class=\"section padding-top-from-nav background-black\">\n    <div class=\"container\">\n      <div class=\"twelve columns\">\n        <div class=\"home-text-freelance fade-elements\">\n          <h1>we build great<br><span  style=\"background-image: url(https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/let.jpg)\" >brands<\/span><\/h1>\n        <\/div>  \n      <\/div>\n    <\/div>\n  <\/div>\n\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507026129600{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221; el_id=&#8221;about&#8221;][vc_column width=&#8221;1\/2&#8243;]  \n  <div class=\"title\">\n      <h3> namos studio<\/h3> \n      <ul class=\"list\">\n<li><strong>art direction<\/strong><\/li>\n<li><strong>digital marketing<\/strong><\/li>\n<li><strong>branding &amp; identity<\/strong><\/li>\n<li><strong>UI &amp; UX design<\/strong><\/li>\n<\/ul>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;subtitle-big&#8221; css=&#8221;.vc_custom_1507005753604{margin-bottom: 0px !important;}&#8221;]We are confident that you will love this template and we want to make sure that you get the most out its many awesome features, so we guarantee excellent customer service and free updates. Start building your creative portfolio today![\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=&#8221;yes&#8221;][vc_column]  \n<div class=\"section big-height\">\n    <div class=\"parallax\" style=\"background-image: url('https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/parallax-about.jpg')\"><\/div>\n<\/div>\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507006050279{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243; animate=&#8221;bottommove&#8221; distance=&#8221;60&#8243; time=&#8221;0.9&#8243; after=&#8221;0.1&#8243;]  \n  <div class=\"title\">\n      <h6> <strong>-<\/strong>creative team<\/h6> \n        <\/div>\n\n[\/vc_column][vc_column width=&#8221;3\/4&#8243; animate=&#8221;bottommove&#8221; distance=&#8221;60&#8243; time=&#8221;0.9&#8243; after=&#8221;0.1&#8243;]\t\n  <div class=\"content-team\">\n    <div class=\"slideshow-team\">\n            <div id=\"slide-1\" class=\"slide-team\" style=\"background-image: url(https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/2d.jpg)\"><\/div>\n            <div id=\"slide-2\" class=\"slide-team\" style=\"background-image: url(https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/3d.jpg)\"><\/div>\n            <div id=\"slide-3\" class=\"slide-team\" style=\"background-image: url(https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/1d.jpg)\"><\/div>\n            <div class=\"pieces\" style=\"background-image: url(https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/2d.jpg)\"><\/div>\n    <\/div>\n    <nav class=\"menu-team\">\n            <a class=\"menu__item-team menu__item--current-team\" href=\"#slide-1\" data-image=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/2d.jpg\">Jason Salvatore<br><span>director<\/span><\/a>      \n            <a class=\"menu__item-team \" href=\"#slide-2\" data-image=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/3d.jpg\">Terry Mitchell<br><span>web design<\/span><\/a>      \n            <a class=\"menu__item-team \" href=\"#slide-3\" data-image=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/1d.jpg\">Michael Brighton<br><span>developer<\/span><\/a>      \n          <\/nav>\n  <\/div>\n<script type=\"text\/javascript\">\n(function($) { \"use strict\";\n    $(document).ready(function() {\n  \/**\n * pieces.js\n * http:\/\/www.codrops.com\n *\n * Licensed under the MIT license.\n * http:\/\/www.opensource.org\/licenses\/mit-license.php\n * \n * Copyright 2017, Codrops\n * http:\/\/www.codrops.com\n *\/\n{\n  \/\/ Helper vars and functions.\n  const is3DBuggy = navigator.userAgent.indexOf('Firefox') > 0;\n\n  \/\/ From https:\/\/davidwalsh.name\/javascript-debounce-function.\n  function debounce(func, wait, immediate) {\n    var timeout;\n    return function() {\n      var context = this, args = arguments;\n      var later = function() {\n        timeout = null;\n        if (!immediate) func.apply(context, args);\n      };\n      var callNow = immediate && !timeout;\n      clearTimeout(timeout);\n      timeout = setTimeout(later, wait);\n      if (callNow) func.apply(context, args);\n    };\n  };\n\n  \/\/ from http:\/\/www.quirksmode.org\/js\/events_properties.html#position\n  const getMousePos = (e) => {\n    let posx = 0;\n    let posy = 0;\n    if (!e) {let e = window.event};\n    if (e.pageX || e.pageY)   {\n      posx = e.pageX;\n      posy = e.pageY;\n    }\n    else if (e.clientX || e.clientY)  {\n      posx = e.clientX + document.body.scrollLeft\n        + document.documentElement.scrollLeft;\n      posy = e.clientY + document.body.scrollTop\n        + document.documentElement.scrollTop;\n    }\n    return {\n      x : posx,\n      y : posy\n    };\n  }\n\n  class Pieces {\n    constructor(el, options) {\n      this.DOM = {};\n      this.DOM.el = el;\n      this.options = {\n        \/\/ Number of pieces \/ Layout (rows x cols).\n        pieces: {rows: 12, columns: 10},\n        hasTilt: false,\n        \/\/ Main image tilt: max and min angles.\n        tilt: {maxRotationX: -2, maxRotationY: 2, maxTranslationX: 4, maxTranslationY: -2},\n        delay: 0, \/\/ Number || Array(random number from [min,max], e.g. [0,300] would set a random delay per piece from 0 to 300)\n        \/\/ background image src.\n        bgimage: 'none',\n        \/\/ default animations:\n        animationDefaults: {\n          duration: 600,\n          easing: [0.2,1,0.3,1],\n          delay: (t,i) => {\n            return i*parseInt(t.dataset.delay);\n          },\n          translateX: (t,i) => { \n            return t.dataset.column < this.getTotalColumns()\/2 ? anime.random(50,100)+'px' : anime.random(-100,-50)+'px';\n          },\n          translateY: (t,i) => { \n            return anime.random(-1000,-800)+'px';\n          },\n          opacity: {\n            value: 0,\n            duration: 600,\n            easing: 'linear'\n          }\n        }\n      };\n      Object.assign(this.options, options);\n      this.init();\n    }\n    init() {\n      \/\/ Window sizes.\n      this.win = {width: window.innerWidth, height: window.innerHeight};\n      \/\/ Container sizes.\n      this.dimensions = {width: this.DOM.el.offsetWidth, height: this.DOM.el.offsetHeight};\n      \/\/ Render all the pieces defined in the options.\n      this.layout();\n      \/\/ Init tilt.\n      if ( this.options.hasTilt ) {\n        this.initTilt();\n      }\n      \/\/ Init\/Bind events\n      this.initEvents();\n    }\n    layout() {\n      \/\/ The source of the main image.\n      this.imgsrc = this.DOM.el.style.backgroundImage.replace('url(','').replace(')','').replace(\/\\\"\/gi, \"\");\n      \/\/ The background image.\n      this.DOM.el.style.backgroundImage = this.options.bgimage !== 'none' ? `url(${this.options.bgimage})` : 'none';\n      \/\/ Create the pieces and add them to the DOM (append it to the main element).\n      this.pieces = [];\n      for (let r = 0; r < this.options.pieces.rows; r++) {\n        for (let c = 0; c < this.options.pieces.columns; c++) {\n          const piece = this.createPiece(r,c);  \n          piece.style.backgroundPosition = `${-1*c*100}% ${-1*100*r}%`;\n          this.pieces.push(piece);\n        }\n      }\n    }\n    createPiece(row, column) {\n      const w = Math.round(this.dimensions.width\/this.options.pieces.columns);\n      const h = Math.round(this.dimensions.height\/this.options.pieces.rows);\n      const piece = document.createElement('div');\n\n      piece.style.backgroundImage = `url(${this.imgsrc})`;\n      piece.className = 'piece';\n      piece.style.width = `${w}px`;\n      piece.style.height = `${h}px`;\n      piece.style.backgroundSize = `${w*this.options.pieces.columns+4}px auto`;\n      piece.dataset.row = row;\n      piece.dataset.column = column;\n      piece.dataset.delay = this.options.delay instanceof Array ? anime.random(this.options.delay[0],this.options.delay[1]) : this.options.delay;\n      this.DOM.el.appendChild(piece);\n      this.DOM.el.style.width = `${w*this.options.pieces.columns}px`;\n      this.DOM.el.style.height = `${h*this.options.pieces.rows}px`;\n\n      return piece;\n    }\n    \/\/ Set the pieces background image.\n    setImage(imgsrc) {\n      this.imgsrc = imgsrc;\n      for(const piece of this.pieces) {\n        piece.style.backgroundImage = `url(${this.imgsrc})`;\n      }\n    }\n    initTilt() {\n      if ( is3DBuggy ) return;\n      this.DOM.el.style.transition = 'transform 0.2s ease-out';\n      this.tilt = true;\n    }\n    removeTilt() {\n      if ( is3DBuggy ) return;\n      this.tilt = false;\n    }\n    initEvents() {\n      \/\/ Mousemove event \/ Tilt functionality.\n      const onMouseMoveFn = (ev) => {\n        requestAnimationFrame(() => {\n          if ( !this.tilt ) {\n            if ( is3DBuggy ) {\n              this.DOM.el.style.transform = 'none';\n            }\n            return false;\n          }\n          const mousepos = getMousePos(ev);\n          const docScrolls = {left : document.body.scrollLeft + document.documentElement.scrollLeft, top : document.body.scrollTop + document.documentElement.scrollTop};\n          const mouseposScroll = { x : mousepos.x - docScrolls.left, y : mousepos.y - docScrolls.top };\n          const rotX = 2*this.options.tilt.maxRotationX\/this.win.height*mouseposScroll.y - this.options.tilt.maxRotationX;\n          const rotY = 2*this.options.tilt.maxRotationY\/this.win.width*mouseposScroll.x - this.options.tilt.maxRotationY;\n          const transX = 2*this.options.tilt.maxTranslationX\/this.win.width*mouseposScroll.x - this.options.tilt.maxTranslationX;\n          const transY = 2*this.options.tilt.maxTranslationY\/this.win.height*mouseposScroll.y - this.options.tilt.maxTranslationY;\n\n          this.DOM.el.style.transform = `perspective(1000px) translate3d(${transX}px, ${transY}px,0) rotate3d(1,0,0,${rotX}deg) rotate3d(0,1,0,${rotY}deg)`;\n        });\n      };\n\n      \/\/ Window resize.\n      const onResizeFn = debounce(() => {\n        this.win = {width: window.innerWidth, height: window.innerHeight};\n        this.DOM.el.style.width = this.DOM.el.style.height = '';\n        const elBounds = this.DOM.el.getBoundingClientRect();\n        this.dimensions = {width: elBounds.width, height: elBounds.height};\n        for (let i = 0, len = this.pieces.length; i < len; i++) {\n          const w = Math.round(this.dimensions.width\/this.options.pieces.columns);\n          const h = Math.round(this.dimensions.height\/this.options.pieces.rows);\n          const piece = this.pieces[i];\n          \n          piece.style.width = `${w}px`;\n          piece.style.height = `${h}px`;\n          piece.style.backgroundSize = `${w*this.options.pieces.columns+4}px auto`;\n          this.DOM.el.style.width = `${w*this.options.pieces.columns}px`;\n          this.DOM.el.style.height = `${h*this.options.pieces.rows}px`;\n        }\n      }, 20);\n\n      document.addEventListener('mousemove', onMouseMoveFn);\n      window.addEventListener('resize', (ev) => onResizeFn());\n    }\n    getTotalRows() {\n      return this.options.pieces.rows;\n    }\n    getTotalColumns() {\n      return this.options.pieces.columns;\n    }\n    animate(animeopts) {\n      animeopts = animeopts || this.options.animationDefaults;\n      let opts = {\n        targets: this.pieces\n      };\n      Object.assign(opts, animeopts);\n      anime.remove(this.pieces);\n      anime(opts);\n    }\n  };\n  window.Pieces = Pieces;\n};\n\n    {\n      \n      const menuItems = Array.from(document.querySelectorAll('.menu-team > .menu__item-team'));\n      \n      const piecesObj = new Pieces(document.querySelector('.slideshow-team > .pieces'), {\n        pieces: {rows: 14, columns: 12},\n        delay: [0,40],\n        hasTilt: true,\n        tilt: {\n          maxRotationX: -1, \n          maxRotationY: -1, \n          maxTranslationX: -5, \n          maxTranslationY: -2\n        }\n      });\n      \n      let isAnimating = false;\n      let current = 0;\n\n      const openImage = (ev, item, pos) => {\n        ev.preventDefault();\n        if ( isAnimating || current === pos ) {\n          return false;\n        }\n        isAnimating = true;\n        menuItems[current].classList.remove('menu__item--current-team');\n        current = pos;\n        menuItems[current].classList.add('menu__item--current-team');\n        const imgsrc = item.dataset.image;\n\n        piecesObj.animate({\n          duration: 200,\n          easing: 'easeOutQuad',\n          delay: (t,i,l) => {\n            return parseInt(t.dataset.row) * parseInt(t.dataset.delay);\n          },\n          translateX: (t,i) => {\n            return anime.random(-50,50)+'px';\n          },\n          translateY: (t,i) => { \n            return anime.random(-800,-200)+'px';\n          },\n          rotateZ: (t,i) => { \n            return anime.random(-45,45)+'deg';\n          },\n          opacity: 0,\n          complete: () => {\n            piecesObj.setImage(imgsrc);\n\n            piecesObj.animate({\n              duration: 500,\n              easing: [0.3,1,0.3,1],\n              delay: (t,i,l) => {\n                return parseInt(t.dataset.row) * parseInt(t.dataset.delay);\n              },\n              translateX: 0,\n              translateY: () => {\n                return [anime.random(200,800)+'px','0px'];\n              },\n              rotateZ: 0,\n              opacity: {\n                value: 1,\n                duration: 500,\n                easing: 'linear'\n              },\n              complete: () => {\n                isAnimating = false;\n              }\n            });\n          }\n        });\n      };\n\n      menuItems.forEach((item,pos) => item.addEventListener('click', (ev) => openImage(ev,item,pos)));\n    } \n});\n})(jQuery);\n\n<\/script>\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507006155084{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243; animate=&#8221;bottommove&#8221; distance=&#8221;60&#8243; time=&#8221;0.9&#8243; after=&#8221;0.1&#8243;]  \n  <div class=\"title\">\n      <h6> <strong>-<\/strong>what we do<\/h6> \n        <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\"icon-picture\"><\/i>\n    <\/div>\n    <h6>branding<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\"icon-documents\"><\/i>\n    <\/div>\n    <h6>development<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\"icon-browser\"><\/i>\n    <\/div>\n    <h6>web design<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243; offset=&#8221;vc_col-lg-offset-3 vc_col-md-offset-3 vc_col-sm-offset-3&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\" icon-pencil\"><\/i>\n    <\/div>\n    <h6>graphic design<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\"icon-expand\"><\/i>\n    <\/div>\n    <h6>social media<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"about-wrap\">\n    <div class=\"about-icon\">\n      <i class=\" icon-mobile\"><\/i>\n    <\/div>\n    <h6>app &amp; iOS<\/h6>\n    <p>Vivamus dapibus rutrum mi ut aliquam dictumst.<\/p>\n  <\/div>\n\n[\/vc_column][\/vc_row][vc_row parallax_bg=&#8221;true&#8221; parallax_bg_image=&#8221;134&#8243; parallax_bg_overlay=&#8221;rgba(0,0,0,0.75)&#8221; css=&#8221;.vc_custom_1507006272439{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column]  \n  <div id=\"owl-sep-1\" class=\"owl-carousel owl-theme z-index-bigger\">\n            <div class=\"item\">                              \n        <div class=\"container\"> \n          <div class=\"twelve columns\">  \n            <div class=\"quote-sep\"> \n              <h4>&quot;Design must reflect the practical and aesthetic in business but above all... good design must primarily serve people.&quot;<\/h4>\n              <h6>Jason Salvatore<\/h6>\n            <\/div>  \n          <\/div>  \n        <\/div>                      \n      <\/div>\n            <div class=\"item\">                              \n        <div class=\"container\"> \n          <div class=\"twelve columns\">  \n            <div class=\"quote-sep\"> \n              <h4>&quot;Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it&#039;s really how it works.&quot;<\/h4>\n              <h6>Terry Mitchell<\/h6>\n            <\/div>  \n          <\/div>  \n        <\/div>                      \n      <\/div>\n            <div class=\"item\">                              \n        <div class=\"container\"> \n          <div class=\"twelve columns\">  \n            <div class=\"quote-sep\"> \n              <h4>&quot;Space and light and order. Those are the things that men need just as much as they need bread or a place to sleep.&quot;<\/h4>\n              <h6>Michael Brighton<\/h6>\n            <\/div>  \n          <\/div>  \n        <\/div>                      \n      <\/div>\n        <\/div>\n  <script type=\"text\/javascript\">\n  (function($) { \"use strict\";\n    $(document).ready(function() {\n    $(\"#owl-sep-1\").owlCarousel({\n      navigation: false,\n      pagination : true,\n      transitionStyle : \"fade\",\n      slideSpeed : 500,\n      paginationSpeed : 500,\n      singleItem:true,\n      autoPlay: 5000\n    });\n  });\n  })(jQuery);\n  <\/script>\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507026145137{padding-top: 100px !important;}&#8221; el_id=&#8221;work&#8221;][vc_column]  \n  <div class=\"title\">\n      <h3> work<\/h3> \n      <ul class=\"list\">\n<li><strong>ALWAYS STRIVE FOR BETTER WORK<\/strong><\/li>\n<\/ul>\n  <\/div>\n\n[\/vc_column][\/vc_row][vc_row fullwidth=&#8221;yes&#8221;][vc_column]        <div id=\"portfolio-filter\" class=\"portfolio-filter\">\n          <ul id=\"filter\">\n            <li><a href=\"#\" class=\"current\" data-filter=\"*\" title=\"\">ALL<\/a><\/li>\n                        <li class=\"tipped\" data-title=\"\" data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n              <a href=\"#\" data-filter=\".branding\">branding<\/a>\n            <\/li>\n                        <li class=\"tipped\" data-title=\"\" data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n              <a href=\"#\" data-filter=\".motion\">motion<\/a>\n            <\/li>\n                        <li class=\"tipped\" data-title=\"\" data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\"}'>\n              <a href=\"#\" data-filter=\".photo\">photo<\/a>\n            <\/li>\n                      <\/ul>\n        <\/div>\n    <div id=\"projects-grid\" class=\"in-container have-space\">\n\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/web-designargentina-cine\/\" class=\"tipped\" data-title=\"<em>branding<\/em><br><strong>Argentina Cine<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space branding\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/1-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/photographyryan-nike-dunes\/\" class=\"tipped\" data-title=\"<em>photo<\/em><br><strong>Ryan | Nike Dunes<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space photo\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/2-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/art-directionreflexion\/\" class=\"tipped\" data-title=\"<em>motion<\/em><br><strong>DirectionReflexion<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space motion\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/3-2.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/industrial-designiphone-8\/\" class=\"tipped\" data-title=\"<em>branding<\/em><br><strong>iPhone 8<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space branding\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/4-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/brandingval-sander\/\" class=\"tipped\" data-title=\"<em>photo<\/em><br><strong>Val Sander<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space photo\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/5-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/brandingmanifesto\/\" class=\"tipped\" data-title=\"<em>motion<\/em><br><strong>Manifesto<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space motion\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/6-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/brandingmiddletown-cafe\/\" class=\"tipped\" data-title=\"<em>motion<\/em><br><strong>Middletown Cafe<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space motion\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/7-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/art-directionbar-du-port\/\" class=\"tipped\" data-title=\"<em>motion<\/em><br><strong>Bar Du Port<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space motion\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/9-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n                <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/portfolio\/ceramic-wood-glass\/\" class=\"tipped\" data-title=\"<em>branding<\/em><br><strong>Ceramic Wood &#038; Glass<\/strong>\" data-tipper-options='{\"direction\":\"bottom\",\"follow\":\"true\",\"margin\":35}'>\n          <div class=\"portfolio-box-1 half-width have-space branding\">\n            <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/8-1.jpg\" alt=\"\">\n          <\/div>\n        <\/a>\n            <\/div>\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507006687014{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column]            \n        <div id=\"owl-logos-6987029\" class=\"owl-logos owl-carousel owl-theme\">\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white5-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white6-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white3-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white4-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white1-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white2-1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white6.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white3.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white4.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white5.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white1.png\" alt=\"\"><\/div>\n                            <div class=\"item\"><img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/white2.png\" alt=\"\"><\/div>\n                    <\/div>\n\n        <script>\n            (function($) { \"use strict\";\n                $(document).ready(function() {\n                    $(\"#owl-logos-6987029\").owlCarousel({\n                      items : 5,\n                      itemsDesktop : [1000,4], \n                      itemsDesktopSmall : [900,3],\n                      itemsTablet: [600,2], \n                      itemsMobile : false, \n                      navigation: false,\n                      pagination : false,\n                      autoPlay : 3000,\n                      slideSpeed : 300\n                    });\n                }); \n            })(jQuery); \n        <\/script>\n\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507026161646{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221; el_id=&#8221;blog&#8221;][vc_column width=&#8221;1\/2&#8243;]  \n  <div class=\"title\">\n      <h3> journal<\/h3> \n      <ul class=\"list\">\n<li><strong>LATEST<\/strong><\/li>\n<li><strong>HOT<\/strong><\/li>\n<li><strong>TRENDING<\/strong><\/li>\n<\/ul>\n  <\/div>\n\n[\/vc_column][vc_column animate=&#8221;bottommove&#8221; distance=&#8221;60&#8243; time=&#8221;0.9&#8243; after=&#8221;0.1&#8243; css=&#8221;.vc_custom_1507279033272{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}&#8221;]\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:50:18+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/we-want-to-share-with-you-our-mood-after-selection-2\/\" ><span class=\"tooltip__trigger-text\">We want to share with you our mood after selection.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/1.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:50:00+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/sleep-code-eat-travel-repeat-2\/\" ><span class=\"tooltip__trigger-text\">Sleep, code, eat, travel. Repeat.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/2.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:49:43+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/dont-get-lost-quoting-your-next-projects-2\/\" ><span class=\"tooltip__trigger-text\">Don\u2019t get lost quoting your next projects.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/3.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:49:21+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/dont-give-up-keep-on-focus-2\/\" ><span class=\"tooltip__trigger-text\">Don\u00b4t give up, keep on focus.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/4.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:49:04+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/moments-from-a-life-day-of-photography-2\/\" ><span class=\"tooltip__trigger-text\">Moments from a life. Day of photography.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/5.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:48:47+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/the-golden-rule-of-modern-webdesign-moments-from-a-life-2\/\" ><span class=\"tooltip__trigger-text\">The golden rule of modern webdesign. Moments from a life.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/6.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t  <div class=\"twelve columns remove-bottom margin-0\">\n    <div class=\"blog-page-wrapper\">\n      <div class=\"date-time-blog-page\"><time class=\"entry-date published\" datetime=\"2017-09-26T08:48:26+00:00\">September 26, 2017<\/time><!--<time class=\"updated\" datetime=\"2023-09-11T11:01:28+00:00\">September 11, 2023<\/time>--><\/div>\n      <div class=\"tooltip tooltip--indis\" data-type=\"indis\">\n        <div class=\"tooltip__trigger\" role=\"tooltip\">\n          <a href=\"https:\/\/wpdemo.vegatheme.com\/namos\/2017\/09\/26\/design-is-the-method-of-putting-form-and-content-together\/\" ><span class=\"tooltip__trigger-text\">Design is the method of putting form and content together.<\/span><\/a>\n        <\/div>\n        <div class=\"tooltip__base\">\n          <svg class=\"tooltip__shape\" width=\"100%\" height=\"100%\" viewBox=\"0 0 400 300\">\n            <path d=\"M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z\"\/>\n          <\/svg>\n          <div class=\"tooltip__content\">\n                                            \n                                                                      \n                                                                                <img decoding=\"async\" src=\"https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/7.jpg\" alt=\"\">\n                                        \n                                                      \n                        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t\n\n[\/vc_column][\/vc_row][vc_row fullwidth=&#8221;yes&#8221; el_id=&#8221;contact&#8221;][vc_column]\n    <div id=\"cd-google-map\">\n      <div id=\"google-container\"><\/div>\n      <div id=\"cd-zoom-in\"><\/div>\n      <div id=\"cd-zoom-out\"><\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n        (function($) { \"use strict\";\n    \n    \/\/set your google maps parameters\n\n    $(document).ready(function(){\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:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/uploads\/sites\/3\/2017\/09\/cd-icon-location.png' : 'https:\/\/wpdemo.vegatheme.com\/namos\/wp-content\/themes\/namos\/assets\/images\/cd-icon-location.svg';\n      \n    \/\/define the basic color of your map, plus a value for saturation and brightness\n    var main_color = '#e67e22',\n      saturation_value= -50,\n      brightness_value= 14;\n\n    \/\/we define here the style of the map\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: [\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    \/\/inizialize the map\n    var map = new google.maps.Map(document.getElementById('google-container'), 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    });\n\n})(jQuery); \n\n    <\/script>\n\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507696769690{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column]  \n  <div class=\"title\">\n      <h3> say hello<\/h3> \n        <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;]  \n  <div class=\"title\">\n      <h6> <strong>-<\/strong>drop us a line<\/h6> \n        <\/div>\n\n[\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text el_class=&#8221;subtitle-small&#8221; css=&#8221;.vc_custom_1508313804001{margin-bottom: 0px !important;}&#8221;]<span class=\"webkit-html-text-node being-edited editing\" tabindex=\"0\">Our team is always ready to work with exciting clients.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_row_inner][vc_column_inner el_class=&#8221;margin-0&#8243;]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f245-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"245\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/namos\/wp-json\/wp\/v2\/pages\/204#wpcf7-f245-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"245\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f245-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-form\" id=\"contact-form\">\n\t<div class=\"three columns remove-top\">\n\t\t<p><label for=\"name\"> <span class=\"error\" id=\"err-name\">please enter name<\/span><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"names\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name: *\" value=\"\" type=\"text\" name=\"names\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"three columns remove-top\">\n\t\t<p><label for=\"email\"> <span class=\"error\" id=\"err-email\">please enter e-mail<\/span><span class=\"error\" id=\"err-emailvld\">e-mail is not a valid format<\/span><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-Mail: *\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"clear\">\n\t<\/div>\n\t<div class=\"six columns remove-top\">\n\t\t<p><label for=\"message\"><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell Us Everything\" name=\"message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"clear\">\n\t<\/div>\n\t<div class=\"six columns remove-top\">\n\t\t<div id=\"button-con\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner send_message button-effect button--moema button--text-thick button--text-upper button--size-s\" id=\"send\" type=\"submit\" value=\"submit\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"clear\">\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row fullwidth=&#8221;yes&#8221; el_id=&#8221;top&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1507026129600{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221; el_id=&#8221;about&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;subtitle-big&#8221; css=&#8221;.vc_custom_1507005753604{margin-bottom: 0px !important;}&#8221;]We are confident that you will love this template and we want to make sure that you get the most out its many awesome features, so we guarantee excellent customer service and free updates. Start building your creative portfolio today![\/vc_column_text][\/vc_column][\/vc_row][vc_row fullwidth=&#8221;yes&#8221;][vc_column][\/vc_column][\/vc_row][vc_row [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-onepagedemo.php","meta":{"footnotes":""},"class_list":["post-204","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/pages\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":1,"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/pages\/204\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/wpdemo.vegatheme.com\/namos\/wp-json\/wp\/v2\/media?parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}