CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta property="og:url" content="https://quart.qodeinteractive.com/blog/left-sidebar/"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Left Sidebar"/> <meta property="og:description" content="Modern Design Agency"/> <meta property="og:image" content=""/> <meta charset="UTF-8"/> <link rel="profile" href="https://gmpg.org/xfn/11" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <title>Left Sidebar – Quart</title> <meta name='robots' content='max-image-preview:large' />  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; </script> <link rel='dns-prefetch' href='//export.qodethemes.com' /> <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="Quart » Feed" href="https://quart.qodeinteractive.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Quart » Comments Feed" href="https://quart.qodeinteractive.com/comments/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/quart.qodeinteractive.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.9"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://quart.qodeinteractive.com/wp-includes/css/dist/block-library/style.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='wc-blocks-vendors-style-css' href='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-vendors-style.css?ver=8.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='wc-blocks-style-css' href='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-style.css?ver=8.5.1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='titan-adminbar-styles-css' href='https://quart.qodeinteractive.com/wp-content/plugins/anti-spam/assets/css/admin-bar.css?ver=7.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://quart.qodeinteractive.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.6.4' type='text/css' media='all' /> <link rel='stylesheet' id='rabbit_css-css' href='https://export.qodethemes.com/_toolbar/assets/css/rbt-modules.css?ver=6.0.9' type='text/css' media='all' /> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='ppress-frontend-css' href='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/css/frontend.min.css?ver=4.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='ppress-flatpickr-css' href='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.css?ver=4.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='ppress-select2-css' href='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/assets/plugins/swiper/swiper.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='qi-addons-for-elementor-grid-style-css' href='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/assets/css/grid.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='qi-addons-for-elementor-helper-parts-style-css' href='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/assets/css/helper-parts.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='qi-addons-for-elementor-style-css' href='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/assets/css/main.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-default-style-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/style.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-modules-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/modules.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-dripicons-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/dripicons/dripicons.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-font_elegant-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/elegant-icons/style.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-font_awesome-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/font-awesome/css/fontawesome-all.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-ion_icons-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/ion-icons/css/ionicons.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-linea_icons-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/linea-icons/style.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-linear_icons-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/linear-icons/style.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-simple_line_icons-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/framework/lib/icons-pack/simple-line-icons/simple-line-icons.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://quart.qodeinteractive.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.16' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://quart.qodeinteractive.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-woo-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/woocommerce.min.css?ver=6.0.9' type='text/css' media='all' /> <style id='quart-mikado-woo-inline-css' type='text/css'> .page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner, .page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner { padding: 105px 0 60px 0 ;}@media only screen and (max-width: 1024px) {.page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner, .page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner { padding: 105px 0 42px 0 ;}}.page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner, .page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner { padding: 105px 0 60px 0 ;}@media only screen and (max-width: 1024px) {.page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner, .page-id-2764 .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner { padding: 105px 0 42px 0 ;}}.page-id-2764 .mkdf-page-header .mkdf-menu-area { background-color: rgba(255, 255, 255, 0);} </style> <link rel='stylesheet' id='quart-mikado-woo-responsive-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/woocommerce-responsive.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-style-dynamic-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/style_dynamic.css?ver=1642599110' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-modules-responsive-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/modules-responsive.min.css?ver=6.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-style-dynamic-responsive-css' href='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/css/style_dynamic_responsive.css?ver=1642599110' type='text/css' media='all' /> <link rel='stylesheet' id='quart-mikado-google-fonts-css' href='https://fonts.googleapis.com/css?family=Heebo%3A300%2C400%2C500%7CRoboto%3A300%2C400%2C500&subset=latin-ext&ver=1.0.0' type='text/css' media='all' /> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.6.5' async id='tp-tools-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.6.5' async id='revmin-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.7.0.0' id='jquery-blockui-js'></script> <script type='text/javascript' id='wc-add-to-cart-js-extra'> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/quart.qodeinteractive.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=7.0.0' id='wc-add-to-cart-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.js?ver=4.3.0' id='ppress-flatpickr-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.js?ver=4.3.0' id='ppress-select2-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js?ver=6.10.0' id='vc_woocommerce-add-to-cart-js-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/post-types/portfolio/shortcodes/horizontaly-scrolling-portfolio-list/assets/js/plugins/hammer.min.js?ver=1' id='hammer-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/post-types/portfolio/shortcodes/horizontaly-scrolling-portfolio-list/assets/js/plugins/virtual-scroll.min.js?ver=1' id='virtual-scroll-js'></script> <link rel="https://api.w.org/" href="https://quart.qodeinteractive.com/wp-json/" /><link rel="alternate" type="application/json" href="https://quart.qodeinteractive.com/wp-json/wp/v2/pages/2764" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://quart.qodeinteractive.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://quart.qodeinteractive.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.0.9" /> <meta name="generator" content="WooCommerce 7.0.0" /> <link rel="canonical" href="https://quart.qodeinteractive.com/blog/left-sidebar/" /> <link rel='shortlink' href='https://quart.qodeinteractive.com/?p=2764' /> <link rel="alternate" type="application/json+oembed" href="https://quart.qodeinteractive.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquart.qodeinteractive.com%2Fblog%2Fleft-sidebar%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://quart.qodeinteractive.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquart.qodeinteractive.com%2Fblog%2Fleft-sidebar%2F&format=xml" /> <script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { if (window.wfLogHumanRan) { return; } window.wfLogHumanRan = true; var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//quart.qodeinteractive.com/?wordfence_lh=1&hid=E060AF3BD6A028E38907A7A9B14891DD'); </script>   <script data-cfasync="false" data-pagespeed-no-defer> var dataLayer_content = {"pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"admin"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.'+'js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KTQ2BTD'); </script>   <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="generator" content="Powered by Slider Revolution 6.6.5 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <link rel="icon" href="https://quart.qodeinteractive.com/wp-content/uploads/2018/11/cropped-fav-icon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://quart.qodeinteractive.com/wp-content/uploads/2018/11/cropped-fav-icon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://quart.qodeinteractive.com/wp-content/uploads/2018/11/cropped-fav-icon-180x180.png" /> <meta name="msapplication-TileImage" content="https://quart.qodeinteractive.com/wp-content/uploads/2018/11/cropped-fav-icon-270x270.png" /> <script>function setREVStartSize(e){ //window.requestAnimationFrame(function() { window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW; window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH; try { var pw = document.getElementById(e.c).parentNode.offsetWidth, newh; pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw; e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw); e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw); e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh); e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh); e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide); e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide); e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0); if(e.layout==="fullscreen" || e.l==="fullscreen") newh = Math.max(e.mh,window.RSIH); else{ e.gw = Array.isArray(e.gw) ? e.gw : [e.gw]; for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1]; e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el; e.gh = Array.isArray(e.gh) ? e.gh : [e.gh]; for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1]; var nl = new Array(e.rl.length), ix = 0, sl; e.tabw = e.tabhide>=pw ? 0 : e.tabw; e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw; e.tabh = e.tabhide>=pw ? 0 : e.tabh; e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh; for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i]; sl = nl[0]; for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;} var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]); newh = (e.gh[ix] * m) + (e.tabh + e.thumbh); } var el = document.getElementById(e.c); if (el!==null && el) el.style.height = newh+"px"; el = document.getElementById(e.c+"_wrapper"); if (el!==null && el) { el.style.height = newh+"px"; el.style.display = "block"; } } catch(e){ console.log("Failure at Presize of Slider:" + e) } //}); };</script> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body class="page-template page-template-blog-standard page page-id-2764 page-child parent-pageid-454 theme-quart quart-core-1.1.3 woocommerce-no-js qodef-qi--no-touch qi-addons-for-elementor-1.5.4 quart-ver-1.3 mkdf-grid-1200 mkdf-wide-dropdown-menu-content-in-grid mkdf-light-header mkdf-fixed-on-scroll mkdf-dropdown-animate-height mkdf-header-standard mkdf-menu-area-shadow-disable mkdf-menu-area-in-grid-shadow-disable mkdf-menu-area-border-disable mkdf-menu-area-in-grid-border-disable mkdf-logo-area-border-disable mkdf-logo-area-in-grid-border-disable mkdf-header-vertical-shadow-disable mkdf-header-vertical-border-disable mkdf-side-menu-slide-from-right mkdf-woocommerce-columns-2 mkdf-woo-tiny-space mkdf-woo-pl-info-below-image mkdf-woo-single-thumb-below-image mkdf-woo-single-has-pretty-photo mkdf-default-mobile-header mkdf-sticky-up-mobile-header mkdf-fullscreen-search mkdf-search-fade wpb-js-composer js-comp-ver-6.10.0 vc_responsive elementor-default elementor-kit-6168" itemscope itemtype="http://schema.org/WebPage"> <section class="mkdf-side-menu"> <a class="mkdf-close-side-menu mkdf-close-side-menu-predefined" href="#"> <span aria-hidden="true" class="mkdf-icon-font-elegant icon_close "></span> </a> <div id="media_image-3" class="widget mkdf-sidearea widget_media_image"><a href="https://quart.qodeinteractive.com/"><img width="43" height="65" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/11/logo-sidearea.png" class="image wp-image-5476 attachment-full size-full" alt="a" loading="lazy" style="max-width: 100%; height: auto;" /></a></div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-style: solid;margin-top: 60px"></div> </div> </div><div id="nav_menu-4" class="widget mkdf-sidearea widget_nav_menu"><div class="menu-side-area-menu-container"><ul id="menu-side-area-menu" class="menu"><li id="menu-item-2733" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2733"><a target="_blank" rel="noopener" href="https://www.facebook.com/QodeInteractive/">facebook</a></li> <li id="menu-item-2734" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2734"><a target="_blank" rel="noopener" href="https://dribbble.com/QodeInteractive">dribbble</a></li> <li id="menu-item-2736" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2736"><a target="_blank" rel="noopener" href="https://www.instagram.com/qodeinteractive/">instagram</a></li> <li id="menu-item-2737" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2737"><a href="/cdn-cgi/l/email-protection#02737763707642736d66676b6c7667706361766b74672c616d6f">email</a></li> </ul></div></div></section> <div class="mkdf-wrapper"> <div class="mkdf-wrapper-inner"> <div class="mkdf-fullscreen-search-holder"> <a class="mkdf-search-close mkdf-search-close-icon-pack" href="javascript:void(0)"> <span aria-hidden="true" class="mkdf-icon-font-elegant icon_close " ></span> </a> <div class="mkdf-fullscreen-search-table"> <div class="mkdf-fullscreen-search-cell"> <div class="mkdf-fullscreen-search-inner"> <form action="https://quart.qodeinteractive.com/" class="mkdf-fullscreen-search-form" method="get"> <div class="mkdf-form-holder"> <div class="mkdf-form-holder-inner"> <div class="mkdf-field-holder"> <input type="text" placeholder="Type your search" name="s" class="mkdf-search-field" autocomplete="off" required /> </div> <button type="submit" class="mkdf-search-submit mkdf-search-submit-icon-pack"> <span aria-hidden="true" class="mkdf-icon-font-elegant icon_search " ></span> </button> <div class="mkdf-line"></div> </div> </div> </form> </div> </div> </div> </div> <header class="mkdf-page-header"> <div class="mkdf-fixed-wrapper"> <div class="mkdf-menu-area mkdf-menu-center"> <div class="mkdf-vertical-align-containers"> <div class="mkdf-position-left"><div class="mkdf-position-left-inner"> <div class="mkdf-logo-wrapper"> <a itemprop="url" href="https://quart.qodeinteractive.com/" style="height: 72px;"> <img itemprop="image" class="mkdf-normal-logo" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/logo.png" width="184" height="144" alt="logo"/> <img itemprop="image" class="mkdf-dark-logo" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/logo.png" width="184" height="144" alt="dark logo"/> <img itemprop="image" class="mkdf-light-logo" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/logo.png" width="184" height="144" alt="light logo"/> </a> </div> </div> </div> <div class="mkdf-position-center"><div class="mkdf-position-center-inner"> <nav class="mkdf-main-menu mkdf-drop-down mkdf-default-nav"> <ul id="menu-main-menu-navigation" class="clearfix"><li id="nav-menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">HOMEPAGES</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home "><a href="https://quart.qodeinteractive.com/" class=""><span class="item_outer"><span class="item_text">Main Home</span></span></a></li> <li id="nav-menu-item-1179" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/interactive-links/" class=""><span class="item_outer"><span class="item_text">Interactive Links</span></span></a></li> <li id="nav-menu-item-2987" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/freelancer-home/" class=""><span class="item_outer"><span class="item_text">Freelancer Home</span></span></a></li> <li id="nav-menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-carousel/" class=""><span class="item_outer"><span class="item_text">Portfolio Carousel</span></span></a></li> <li id="nav-menu-item-349" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/design-studio/" class=""><span class="item_outer"><span class="item_text">Design Studio</span></span></a></li> <li id="nav-menu-item-2743" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/masonry-shop/" class=""><span class="item_outer"><span class="item_text">Masonry Shop</span></span></a></li> <li id="nav-menu-item-2221" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/web-development/" class=""><span class="item_outer"><span class="item_text">Web Development</span></span></a></li> <li id="nav-menu-item-1283" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/showcase-on-scroll/" class=""><span class="item_outer"><span class="item_text">Showcase on Scroll</span></span></a></li> <li id="nav-menu-item-1007" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-grid/" class=""><span class="item_outer"><span class="item_text">Portfolio Grid</span></span></a></li> <li id="nav-menu-item-777" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-minimal/" class=""><span class="item_outer"><span class="item_text">Portfolio Minimal</span></span></a></li> <li id="nav-menu-item-2986" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/clothing-shop/" class=""><span class="item_outer"><span class="item_text">Clothing Shop</span></span></a></li> <li id="nav-menu-item-939" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/horizontal-projects/" class=""><span class="item_outer"><span class="item_text">Horizontal Projects</span></span></a></li> <li id="nav-menu-item-5406" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/landing/" class=""><span class="item_outer"><span class="item_text">Landing</span></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">PAGES</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-826" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/about-us/" class=""><span class="item_outer"><span class="item_text">About Us</span></span></a></li> <li id="nav-menu-item-827" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/about-me/" class=""><span class="item_outer"><span class="item_text">About Me</span></span></a></li> <li id="nav-menu-item-1220" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/what-we-do/" class=""><span class="item_outer"><span class="item_text">What We Do</span></span></a></li> <li id="nav-menu-item-936" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/meet-the-team/" class=""><span class="item_outer"><span class="item_text">Meet The Team</span></span></a></li> <li id="nav-menu-item-938" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/pricing-plans/" class=""><span class="item_outer"><span class="item_text">Pricing Plans</span></span></a></li> <li id="nav-menu-item-1221" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/our-clients/" class=""><span class="item_outer"><span class="item_text">Our Clients</span></span></a></li> <li id="nav-menu-item-824" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/contact-us/" class=""><span class="item_outer"><span class="item_text">Contact Us</span></span></a></li> <li id="nav-menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/visit-us/" class=""><span class="item_outer"><span class="item_text">Visit Us</span></span></a></li> <li id="nav-menu-item-937" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/faq-page/" class=""><span class="item_outer"><span class="item_text">FAQ Page</span></span></a></li> <li id="nav-menu-item-825" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/coming-soon/" class=""><span class="item_outer"><span class="item_text">Coming Soon</span></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub wide"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">PORTFOLIO</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-998" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Portfolio Types</span></span></a> <ul> <li id="nav-menu-item-1778" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/standard/" class=""><span class="item_outer"><span class="item_text">Standard</span></span></a></li> <li id="nav-menu-item-1831" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/gallery/" class=""><span class="item_outer"><span class="item_text">Gallery</span></span></a></li> <li id="nav-menu-item-1840" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/gallery-no-space/" class=""><span class="item_outer"><span class="item_text">Gallery No Space</span></span></a></li> <li id="nav-menu-item-3511" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/masonry-scattered/" class=""><span class="item_outer"><span class="item_text">Masonry Scattered</span></span></a></li> <li id="nav-menu-item-5387" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/portfolio-slider/" class=""><span class="item_outer"><span class="item_text">Portfolio Slider</span></span></a></li> <li id="nav-menu-item-5319" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/horizontally-scrolling-slider/" class=""><span class="item_outer"><span class="item_text">Horizontally Scrolling Slider</span></span></a></li> <li id="nav-menu-item-5311" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/carousel-slider/" class=""><span class="item_outer"><span class="item_text">Carousel Slider</span></span></a></li> <li id="nav-menu-item-5405" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-gallery/" class=""><span class="item_outer"><span class="item_text">Smaller Images Gallery</span></span></a></li> <li id="nav-menu-item-5219" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-showcase/" class=""><span class="item_outer"><span class="item_text">Portfolio Showcase</span></span></a></li> <li id="nav-menu-item-5324" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/rows-list/" class=""><span class="item_outer"><span class="item_text">Rows List</span></span></a></li> </ul> </li> <li id="nav-menu-item-1000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Columns/Layouts</span></span></a> <ul> <li id="nav-menu-item-1418" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/1-column/" class=""><span class="item_outer"><span class="item_text">1 Column</span></span></a></li> <li id="nav-menu-item-1493" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/2-columns/" class=""><span class="item_outer"><span class="item_text">2 Columns</span></span></a></li> <li id="nav-menu-item-1417" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/3-columns/" class=""><span class="item_outer"><span class="item_text">3 Columns</span></span></a></li> <li id="nav-menu-item-1647" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/3-columns-wide/" class=""><span class="item_outer"><span class="item_text">3 Columns Wide</span></span></a></li> <li id="nav-menu-item-1646" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/4-columns/" class=""><span class="item_outer"><span class="item_text">4 Columns</span></span></a></li> <li id="nav-menu-item-1731" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/4-columns-wide/" class=""><span class="item_outer"><span class="item_text">4 Columns Wide</span></span></a></li> <li id="nav-menu-item-1733" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/5-columns-wide/" class=""><span class="item_outer"><span class="item_text">5 Columns Wide</span></span></a></li> <li id="nav-menu-item-1732" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/6-columns-wide/" class=""><span class="item_outer"><span class="item_text">6 Columns Wide</span></span></a></li> </ul> </li> <li id="nav-menu-item-999" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Hover Types</span></span></a> <ul> <li id="nav-menu-item-3414" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/overlay-floated/" class=""><span class="item_outer"><span class="item_text">Overlay Floated</span></span></a></li> <li id="nav-menu-item-3443" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/corner/" class=""><span class="item_outer"><span class="item_text">Corner</span></span></a></li> <li id="nav-menu-item-3446" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/center/" class=""><span class="item_outer"><span class="item_text">Center</span></span></a></li> <li id="nav-menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/rows/" class=""><span class="item_outer"><span class="item_text">Rows</span></span></a></li> <li id="nav-menu-item-5416" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/zoom-hover/" class=""><span class="item_outer"><span class="item_text">Zoom Hover</span></span></a></li> <li id="nav-menu-item-5399" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-hover/" class=""><span class="item_outer"><span class="item_text">Smaller Images Hover</span></span></a></li> <li id="nav-menu-item-5105" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/switch-featured-images/" class=""><span class="item_outer"><span class="item_text">Switch Featured Images</span></span></a></li> </ul> </li> <li id="nav-menu-item-620" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Single Types</span></span></a> <ul> <li id="nav-menu-item-4439" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/a-most-excellent-typo-design/" class=""><span class="item_outer"><span class="item_text">Big Images</span></span></a></li> <li id="nav-menu-item-1326" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/fresh-start/" class=""><span class="item_outer"><span class="item_text">Small Images</span></span></a></li> <li id="nav-menu-item-1341" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/another-day-campaign/" class=""><span class="item_outer"><span class="item_text">Big Slider</span></span></a></li> <li id="nav-menu-item-1370" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/package-design/" class=""><span class="item_outer"><span class="item_text">Small Slider</span></span></a></li> <li id="nav-menu-item-1353" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/design-your-presence/" class=""><span class="item_outer"><span class="item_text">Big Gallery</span></span></a></li> <li id="nav-menu-item-1360" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/ceiling-artwork/" class=""><span class="item_outer"><span class="item_text">Small Gallery</span></span></a></li> <li id="nav-menu-item-1350" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/georgia-company-branding/" class=""><span class="item_outer"><span class="item_text">Big Masonry</span></span></a></li> <li id="nav-menu-item-1347" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/urban-style/" class=""><span class="item_outer"><span class="item_text">Small Masonry</span></span></a></li> </ul> </li> </ul></div></div> </li> <li id="nav-menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children mkdf-active-item has_sub narrow"><a href="#" class=" current no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">BLOG</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-2775" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/blog/right-sidebar/" class=""><span class="item_outer"><span class="item_text">Right Sidebar</span></span></a></li> <li id="nav-menu-item-2769" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2764 current_page_item "><a href="https://quart.qodeinteractive.com/blog/left-sidebar/" class=""><span class="item_outer"><span class="item_text">Left Sidebar</span></span></a></li> <li id="nav-menu-item-2768" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/blog/without-sidebar/" class=""><span class="item_outer"><span class="item_text">Without Sidebar</span></span></a></li> <li id="nav-menu-item-512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">Post types</span></span></a> <ul> <li id="nav-menu-item-513" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/realistic-branding/" class=""><span class="item_outer"><span class="item_text">Standard</span></span></a></li> <li id="nav-menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/natural-plus-modern/" class=""><span class="item_outer"><span class="item_text">Gallery</span></span></a></li> <li id="nav-menu-item-520" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/proin-gravida-nibh-vel-velit-auctor-aliquet-aenean-sollicitudin-lorem-quis-bibendum-auctor-nisi-elit-consequat-ipsum-nec-sagittis-sem-nibh-id-elit-duis-sed-odio-sit-amet-nibh-vulputate-cu/" class=""><span class="item_outer"><span class="item_text">Link</span></span></a></li> <li id="nav-menu-item-514" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/ray-elton/" class=""><span class="item_outer"><span class="item_text">Quote</span></span></a></li> <li id="nav-menu-item-519" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/the-hype-is-justified/" class=""><span class="item_outer"><span class="item_text">Audio</span></span></a></li> <li id="nav-menu-item-515" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/fusing-logic-with-imagination/" class=""><span class="item_outer"><span class="item_text">Video</span></span></a></li> <li id="nav-menu-item-4222" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/follow-design-trends/" class=""><span class="item_outer"><span class="item_text">Single No Sidebar</span></span></a></li> </ul> </li> </ul></div></div> </li> <li id="nav-menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">SHOP</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-2401" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/" class=""><span class="item_outer"><span class="item_text">Shop List</span></span></a></li> <li id="nav-menu-item-2483" class="menu-item menu-item-type-post_type menu-item-object-product "><a href="https://quart.qodeinteractive.com/product/monkey-t-shirt/" class=""><span class="item_outer"><span class="item_text">Shop Single</span></span></a></li> <li id="nav-menu-item-2689" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Shop Layouts</span></span></a> <ul> <li id="nav-menu-item-2780" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/three-columns/" class=""><span class="item_outer"><span class="item_text">Three Columns</span></span></a></li> <li id="nav-menu-item-2778" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/four-columns/" class=""><span class="item_outer"><span class="item_text">Four Columns</span></span></a></li> <li id="nav-menu-item-2779" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/five-columns-wide/" class=""><span class="item_outer"><span class="item_text">Five Columns Wide</span></span></a></li> </ul> </li> <li id="nav-menu-item-2688" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Shop Pages</span></span></a> <ul> <li id="nav-menu-item-2687" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/my-account/" class=""><span class="item_outer"><span class="item_text">My Account</span></span></a></li> <li id="nav-menu-item-2685" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/cart/" class=""><span class="item_outer"><span class="item_text">Cart</span></span></a></li> <li id="nav-menu-item-2686" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/checkout/" class=""><span class="item_outer"><span class="item_text">Checkout</span></span></a></li> </ul> </li> </ul></div></div> </li> <li id="nav-menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub wide"><a href="#" class=" no_link" onclick="JavaScript: return false;"><span class="item_outer"><span class="item_text">ELEMENTS</span><i class="mkdf-menu-arrow fa fa-angle-down"></i></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-2488" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Featured</span></span></a> <ul> <li id="nav-menu-item-4626" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/image-tooltip/" class=""><span class="item_outer"><span class="item_text">Image Tooltip</span></span></a></li> <li id="nav-menu-item-2520" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/team/" class=""><span class="item_outer"><span class="item_text">Team</span></span></a></li> <li id="nav-menu-item-2491" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/awards/" class=""><span class="item_outer"><span class="item_text">Awards</span></span></a></li> <li id="nav-menu-item-2507" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/instagram-list/" class=""><span class="item_outer"><span class="item_text">Instagram List</span></span></a></li> <li id="nav-menu-item-2513" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/product-list/" class=""><span class="item_outer"><span class="item_text">Product List</span></span></a></li> <li id="nav-menu-item-4625" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/product-category-list/" class=""><span class="item_outer"><span class="item_text">Product Category List</span></span></a></li> <li id="nav-menu-item-2501" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/custom-font/" class=""><span class="item_outer"><span class="item_text">Custom Font</span></span></a></li> </ul> </li> <li id="nav-menu-item-2487" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Interactive</span></span></a> <ul> <li id="nav-menu-item-2493" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/blog-list/" class=""><span class="item_outer"><span class="item_text">Blog List</span></span></a></li> <li id="nav-menu-item-2494" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/blog-slider/" class=""><span class="item_outer"><span class="item_text">Blog Slider</span></span></a></li> <li id="nav-menu-item-2522" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/video-button/" class=""><span class="item_outer"><span class="item_text">Video Button</span></span></a></li> <li id="nav-menu-item-2521" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/testimonials/" class=""><span class="item_outer"><span class="item_text">Testimonials</span></span></a></li> <li id="nav-menu-item-2496" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/clients/" class=""><span class="item_outer"><span class="item_text">Clients</span></span></a></li> <li id="nav-menu-item-2498" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/contact-form/" class=""><span class="item_outer"><span class="item_text">Contact Form</span></span></a></li> <li id="nav-menu-item-2505" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/icon-with-text/" class=""><span class="item_outer"><span class="item_text">Icon With Text</span></span></a></li> <li id="nav-menu-item-2506" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/image-gallery/" class=""><span class="item_outer"><span class="item_text">Image Gallery</span></span></a></li> </ul> </li> <li id="nav-menu-item-2485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Infographic</span></span></a> <ul> <li id="nav-menu-item-2500" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/counters/" class=""><span class="item_outer"><span class="item_text">Counters</span></span></a></li> <li id="nav-menu-item-2499" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/countdown/" class=""><span class="item_outer"><span class="item_text">Countdown</span></span></a></li> <li id="nav-menu-item-2502" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/google-maps/" class=""><span class="item_outer"><span class="item_text">Google Maps</span></span></a></li> <li id="nav-menu-item-2511" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/pricing-tables/" class=""><span class="item_outer"><span class="item_text">Pricing Tables</span></span></a></li> <li id="nav-menu-item-2508" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/pie-charts/" class=""><span class="item_outer"><span class="item_text">Pie Charts</span></span></a></li> <li id="nav-menu-item-2514" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/progress-bar/" class=""><span class="item_outer"><span class="item_text">Progress Bar</span></span></a></li> <li id="nav-menu-item-2512" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/process/" class=""><span class="item_outer"><span class="item_text">Process</span></span></a></li> <li id="nav-menu-item-2519" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/tabs/" class=""><span class="item_outer"><span class="item_text">Tabs</span></span></a></li> </ul> </li> <li id="nav-menu-item-2484" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children sub"><a href="#" class=""><span class="item_outer"><span class="item_text">Classic</span></span></a> <ul> <li id="nav-menu-item-2503" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/headings/" class=""><span class="item_outer"><span class="item_text">Headings</span></span></a></li> <li id="nav-menu-item-2497" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/columns/" class=""><span class="item_outer"><span class="item_text">Columns</span></span></a></li> <li id="nav-menu-item-2516" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/section-title/" class=""><span class="item_outer"><span class="item_text">Section Title</span></span></a></li> <li id="nav-menu-item-2495" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/buttons/" class=""><span class="item_outer"><span class="item_text">Buttons</span></span></a></li> <li id="nav-menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/accordions/" class=""><span class="item_outer"><span class="item_text">Accordions</span></span></a></li> <li id="nav-menu-item-2517" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/separators/" class=""><span class="item_outer"><span class="item_text">Separators</span></span></a></li> <li id="nav-menu-item-2504" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/icon-list-item/" class=""><span class="item_outer"><span class="item_text">Icon List Item</span></span></a></li> <li id="nav-menu-item-2518" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/single-image/" class=""><span class="item_outer"><span class="item_text">Single Image</span></span></a></li> </ul> </li> </ul></div></div> </li> </ul> </nav> </div> </div> <div class="mkdf-position-right"><div class="mkdf-position-right-inner"> <a class="mkdf-side-menu-button-opener mkdf-icon-has-hover mkdf-side-menu-button-opener-predefined" href="javascript:void(0)" > <span class="mkdf-side-menu-icon"> <span class="mkdf-hm-lines-wrap"><span class="mkdf-hm-lines"><span class="mkdf-hm-line mkdf-line-1"></span><span class="mkdf-hm-line mkdf-line-2"></span></span></span> </span> </a> </div> </div> </div> </div> </div> </header> <header class="mkdf-mobile-header"> <div class="mkdf-mobile-header-inner"> <div class="mkdf-mobile-header-holder"> <div class="mkdf-grid"> <div class="mkdf-vertical-align-containers"> <div class="mkdf-vertical-align-containers"> <div class="mkdf-position-left"><div class="mkdf-position-left-inner"> <div class="mkdf-mobile-logo-wrapper"> <a itemprop="url" href="https://quart.qodeinteractive.com/" style="height: 39px"> <img itemprop="image" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/logo-mobile-test-new.png" width="50" height="78" alt="Mobile Logo"/> </a> </div> </div> </div> <div class="mkdf-position-right"><div class="mkdf-position-right-inner"> <div id="nav_menu-7" class="widget widget_nav_menu mkdf-right-from-mobile-logo"><div class="menu-main-menu-navigation-container"><ul id="menu-main-menu-navigation-1" class="menu"><li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-27"><a href="#">HOMEPAGES</a> <ul class="sub-menu"> <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-275"><a href="https://quart.qodeinteractive.com/">Main Home</a></li> <li id="menu-item-1179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1179"><a href="https://quart.qodeinteractive.com/interactive-links/">Interactive Links</a></li> <li id="menu-item-2987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2987"><a href="https://quart.qodeinteractive.com/freelancer-home/">Freelancer Home</a></li> <li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601"><a href="https://quart.qodeinteractive.com/portfolio-carousel/">Portfolio Carousel</a></li> <li id="menu-item-349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-349"><a href="https://quart.qodeinteractive.com/design-studio/">Design Studio</a></li> <li id="menu-item-2743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2743"><a href="https://quart.qodeinteractive.com/masonry-shop/">Masonry Shop</a></li> <li id="menu-item-2221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2221"><a href="https://quart.qodeinteractive.com/web-development/">Web Development</a></li> <li id="menu-item-1283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1283"><a href="https://quart.qodeinteractive.com/showcase-on-scroll/">Showcase on Scroll</a></li> <li id="menu-item-1007" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1007"><a href="https://quart.qodeinteractive.com/portfolio-grid/">Portfolio Grid</a></li> <li id="menu-item-777" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-777"><a href="https://quart.qodeinteractive.com/portfolio-minimal/">Portfolio Minimal</a></li> <li id="menu-item-2986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2986"><a href="https://quart.qodeinteractive.com/clothing-shop/">Clothing Shop</a></li> <li id="menu-item-939" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-939"><a href="https://quart.qodeinteractive.com/horizontal-projects/">Horizontal Projects</a></li> <li id="menu-item-5406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5406"><a href="https://quart.qodeinteractive.com/landing/">Landing</a></li> </ul> </li> <li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-28"><a href="#">PAGES</a> <ul class="sub-menu"> <li id="menu-item-826" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-826"><a href="https://quart.qodeinteractive.com/about-us/">About Us</a></li> <li id="menu-item-827" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-827"><a href="https://quart.qodeinteractive.com/about-me/">About Me</a></li> <li id="menu-item-1220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1220"><a href="https://quart.qodeinteractive.com/what-we-do/">What We Do</a></li> <li id="menu-item-936" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-936"><a href="https://quart.qodeinteractive.com/meet-the-team/">Meet The Team</a></li> <li id="menu-item-938" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-938"><a href="https://quart.qodeinteractive.com/pricing-plans/">Pricing Plans</a></li> <li id="menu-item-1221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1221"><a href="https://quart.qodeinteractive.com/our-clients/">Our Clients</a></li> <li id="menu-item-824" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-824"><a href="https://quart.qodeinteractive.com/contact-us/">Contact Us</a></li> <li id="menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1008"><a href="https://quart.qodeinteractive.com/visit-us/">Visit Us</a></li> <li id="menu-item-937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-937"><a href="https://quart.qodeinteractive.com/faq-page/">FAQ Page</a></li> <li id="menu-item-825" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-825"><a href="https://quart.qodeinteractive.com/coming-soon/">Coming Soon</a></li> </ul> </li> <li id="menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-31"><a href="#">PORTFOLIO</a> <ul class="sub-menu"> <li id="menu-item-998" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-998"><a href="#">Portfolio Types</a> <ul class="sub-menu"> <li id="menu-item-1778" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1778"><a href="https://quart.qodeinteractive.com/portfolio/standard/">Standard</a></li> <li id="menu-item-1831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1831"><a href="https://quart.qodeinteractive.com/portfolio/gallery/">Gallery</a></li> <li id="menu-item-1840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1840"><a href="https://quart.qodeinteractive.com/portfolio/gallery-no-space/">Gallery No Space</a></li> <li id="menu-item-3511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3511"><a href="https://quart.qodeinteractive.com/portfolio/masonry-scattered/">Masonry Scattered</a></li> <li id="menu-item-5387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5387"><a href="https://quart.qodeinteractive.com/portfolio/portfolio-slider/">Portfolio Slider</a></li> <li id="menu-item-5319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5319"><a href="https://quart.qodeinteractive.com/horizontally-scrolling-slider/">Horizontally Scrolling Slider</a></li> <li id="menu-item-5311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5311"><a href="https://quart.qodeinteractive.com/portfolio/carousel-slider/">Carousel Slider</a></li> <li id="menu-item-5405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5405"><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-gallery/">Smaller Images Gallery</a></li> <li id="menu-item-5219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5219"><a href="https://quart.qodeinteractive.com/portfolio-showcase/">Portfolio Showcase</a></li> <li id="menu-item-5324" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5324"><a href="https://quart.qodeinteractive.com/rows-list/">Rows List</a></li> </ul> </li> <li id="menu-item-1000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1000"><a href="#">Columns/Layouts</a> <ul class="sub-menu"> <li id="menu-item-1418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1418"><a href="https://quart.qodeinteractive.com/portfolio/1-column/">1 Column</a></li> <li id="menu-item-1493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1493"><a href="https://quart.qodeinteractive.com/portfolio/2-columns/">2 Columns</a></li> <li id="menu-item-1417" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1417"><a href="https://quart.qodeinteractive.com/portfolio/3-columns/">3 Columns</a></li> <li id="menu-item-1647" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1647"><a href="https://quart.qodeinteractive.com/portfolio/3-columns-wide/">3 Columns Wide</a></li> <li id="menu-item-1646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1646"><a href="https://quart.qodeinteractive.com/portfolio/4-columns/">4 Columns</a></li> <li id="menu-item-1731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1731"><a href="https://quart.qodeinteractive.com/portfolio/4-columns-wide/">4 Columns Wide</a></li> <li id="menu-item-1733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1733"><a href="https://quart.qodeinteractive.com/portfolio/5-columns-wide/">5 Columns Wide</a></li> <li id="menu-item-1732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1732"><a href="https://quart.qodeinteractive.com/portfolio/6-columns-wide/">6 Columns Wide</a></li> </ul> </li> <li id="menu-item-999" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-999"><a href="#">Hover Types</a> <ul class="sub-menu"> <li id="menu-item-3414" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3414"><a href="https://quart.qodeinteractive.com/portfolio/overlay-floated/">Overlay Floated</a></li> <li id="menu-item-3443" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3443"><a href="https://quart.qodeinteractive.com/portfolio/corner/">Corner</a></li> <li id="menu-item-3446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3446"><a href="https://quart.qodeinteractive.com/portfolio/center/">Center</a></li> <li id="menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3434"><a href="https://quart.qodeinteractive.com/portfolio/rows/">Rows</a></li> <li id="menu-item-5416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5416"><a href="https://quart.qodeinteractive.com/portfolio/zoom-hover/">Zoom Hover</a></li> <li id="menu-item-5399" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5399"><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-hover/">Smaller Images Hover</a></li> <li id="menu-item-5105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5105"><a href="https://quart.qodeinteractive.com/portfolio/switch-featured-images/">Switch Featured Images</a></li> </ul> </li> <li id="menu-item-620" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-620"><a href="#">Single Types</a> <ul class="sub-menu"> <li id="menu-item-4439" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-4439"><a href="https://quart.qodeinteractive.com/portfolio-item/a-most-excellent-typo-design/">Big Images</a></li> <li id="menu-item-1326" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1326"><a href="https://quart.qodeinteractive.com/portfolio-item/fresh-start/">Small Images</a></li> <li id="menu-item-1341" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1341"><a href="https://quart.qodeinteractive.com/portfolio-item/another-day-campaign/">Big Slider</a></li> <li id="menu-item-1370" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1370"><a href="https://quart.qodeinteractive.com/portfolio-item/package-design/">Small Slider</a></li> <li id="menu-item-1353" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1353"><a href="https://quart.qodeinteractive.com/portfolio-item/design-your-presence/">Big Gallery</a></li> <li id="menu-item-1360" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1360"><a href="https://quart.qodeinteractive.com/portfolio-item/ceiling-artwork/">Small Gallery</a></li> <li id="menu-item-1350" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1350"><a href="https://quart.qodeinteractive.com/portfolio-item/georgia-company-branding/">Big Masonry</a></li> <li id="menu-item-1347" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item menu-item-1347"><a href="https://quart.qodeinteractive.com/portfolio-item/urban-style/">Small Masonry</a></li> </ul> </li> </ul> </li> <li id="menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-29"><a href="#">BLOG</a> <ul class="sub-menu"> <li id="menu-item-2775" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2775"><a href="https://quart.qodeinteractive.com/blog/right-sidebar/">Right Sidebar</a></li> <li id="menu-item-2769" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2764 current_page_item menu-item-2769"><a href="https://quart.qodeinteractive.com/blog/left-sidebar/" aria-current="page">Left Sidebar</a></li> <li id="menu-item-2768" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2768"><a href="https://quart.qodeinteractive.com/blog/without-sidebar/">Without Sidebar</a></li> <li id="menu-item-512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-512"><a href="#">Post types</a> <ul class="sub-menu"> <li id="menu-item-513" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-513"><a href="https://quart.qodeinteractive.com/realistic-branding/">Standard</a></li> <li id="menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-521"><a href="https://quart.qodeinteractive.com/natural-plus-modern/">Gallery</a></li> <li id="menu-item-520" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-520"><a href="https://quart.qodeinteractive.com/proin-gravida-nibh-vel-velit-auctor-aliquet-aenean-sollicitudin-lorem-quis-bibendum-auctor-nisi-elit-consequat-ipsum-nec-sagittis-sem-nibh-id-elit-duis-sed-odio-sit-amet-nibh-vulputate-cu/">Link</a></li> <li id="menu-item-514" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-514"><a href="https://quart.qodeinteractive.com/ray-elton/">Quote</a></li> <li id="menu-item-519" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-519"><a href="https://quart.qodeinteractive.com/the-hype-is-justified/">Audio</a></li> <li id="menu-item-515" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-515"><a href="https://quart.qodeinteractive.com/fusing-logic-with-imagination/">Video</a></li> <li id="menu-item-4222" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-4222"><a href="https://quart.qodeinteractive.com/follow-design-trends/">Single No Sidebar</a></li> </ul> </li> </ul> </li> <li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-30"><a href="#">SHOP</a> <ul class="sub-menu"> <li id="menu-item-2401" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2401"><a href="https://quart.qodeinteractive.com/shop-list/">Shop List</a></li> <li id="menu-item-2483" class="menu-item menu-item-type-post_type menu-item-object-product menu-item-2483"><a href="https://quart.qodeinteractive.com/product/monkey-t-shirt/">Shop Single</a></li> <li id="menu-item-2689" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2689"><a href="#">Shop Layouts</a> <ul class="sub-menu"> <li id="menu-item-2780" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2780"><a href="https://quart.qodeinteractive.com/shop-list/three-columns/">Three Columns</a></li> <li id="menu-item-2778" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2778"><a href="https://quart.qodeinteractive.com/shop-list/four-columns/">Four Columns</a></li> <li id="menu-item-2779" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2779"><a href="https://quart.qodeinteractive.com/shop-list/five-columns-wide/">Five Columns Wide</a></li> </ul> </li> <li id="menu-item-2688" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2688"><a href="#">Shop Pages</a> <ul class="sub-menu"> <li id="menu-item-2687" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2687"><a href="https://quart.qodeinteractive.com/my-account/">My Account</a></li> <li id="menu-item-2685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2685"><a href="https://quart.qodeinteractive.com/cart/">Cart</a></li> <li id="menu-item-2686" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2686"><a href="https://quart.qodeinteractive.com/checkout/">Checkout</a></li> </ul> </li> </ul> </li> <li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-32"><a href="#">ELEMENTS</a> <ul class="sub-menu"> <li id="menu-item-2488" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2488"><a href="#">Featured</a> <ul class="sub-menu"> <li id="menu-item-4626" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4626"><a href="https://quart.qodeinteractive.com/elements/image-tooltip/">Image Tooltip</a></li> <li id="menu-item-2520" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2520"><a href="https://quart.qodeinteractive.com/elements/team/">Team</a></li> <li id="menu-item-2491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2491"><a href="https://quart.qodeinteractive.com/elements/awards/">Awards</a></li> <li id="menu-item-2507" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2507"><a href="https://quart.qodeinteractive.com/elements/instagram-list/">Instagram List</a></li> <li id="menu-item-2513" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2513"><a href="https://quart.qodeinteractive.com/elements/product-list/">Product List</a></li> <li id="menu-item-4625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4625"><a href="https://quart.qodeinteractive.com/elements/product-category-list/">Product Category List</a></li> <li id="menu-item-2501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2501"><a href="https://quart.qodeinteractive.com/elements/custom-font/">Custom Font</a></li> </ul> </li> <li id="menu-item-2487" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2487"><a href="#">Interactive</a> <ul class="sub-menu"> <li id="menu-item-2493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2493"><a href="https://quart.qodeinteractive.com/elements/blog-list/">Blog List</a></li> <li id="menu-item-2494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2494"><a href="https://quart.qodeinteractive.com/elements/blog-slider/">Blog Slider</a></li> <li id="menu-item-2522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2522"><a href="https://quart.qodeinteractive.com/elements/video-button/">Video Button</a></li> <li id="menu-item-2521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2521"><a href="https://quart.qodeinteractive.com/elements/testimonials/">Testimonials</a></li> <li id="menu-item-2496" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://quart.qodeinteractive.com/elements/clients/">Clients</a></li> <li id="menu-item-2498" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2498"><a href="https://quart.qodeinteractive.com/elements/contact-form/">Contact Form</a></li> <li id="menu-item-2505" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2505"><a href="https://quart.qodeinteractive.com/elements/icon-with-text/">Icon With Text</a></li> <li id="menu-item-2506" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2506"><a href="https://quart.qodeinteractive.com/elements/image-gallery/">Image Gallery</a></li> </ul> </li> <li id="menu-item-2485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2485"><a href="#">Infographic</a> <ul class="sub-menu"> <li id="menu-item-2500" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2500"><a href="https://quart.qodeinteractive.com/elements/counters/">Counters</a></li> <li id="menu-item-2499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2499"><a href="https://quart.qodeinteractive.com/elements/countdown/">Countdown</a></li> <li id="menu-item-2502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2502"><a href="https://quart.qodeinteractive.com/elements/google-maps/">Google Maps</a></li> <li id="menu-item-2511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2511"><a href="https://quart.qodeinteractive.com/elements/pricing-tables/">Pricing Tables</a></li> <li id="menu-item-2508" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2508"><a href="https://quart.qodeinteractive.com/elements/pie-charts/">Pie Charts</a></li> <li id="menu-item-2514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2514"><a href="https://quart.qodeinteractive.com/elements/progress-bar/">Progress Bar</a></li> <li id="menu-item-2512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2512"><a href="https://quart.qodeinteractive.com/elements/process/">Process</a></li> <li id="menu-item-2519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2519"><a href="https://quart.qodeinteractive.com/elements/tabs/">Tabs</a></li> </ul> </li> <li id="menu-item-2484" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2484"><a href="#">Classic</a> <ul class="sub-menu"> <li id="menu-item-2503" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2503"><a href="https://quart.qodeinteractive.com/elements/headings/">Headings</a></li> <li id="menu-item-2497" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2497"><a href="https://quart.qodeinteractive.com/elements/columns/">Columns</a></li> <li id="menu-item-2516" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2516"><a href="https://quart.qodeinteractive.com/elements/section-title/">Section Title</a></li> <li id="menu-item-2495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2495"><a href="https://quart.qodeinteractive.com/elements/buttons/">Buttons</a></li> <li id="menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2490"><a href="https://quart.qodeinteractive.com/elements/accordions/">Accordions</a></li> <li id="menu-item-2517" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2517"><a href="https://quart.qodeinteractive.com/elements/separators/">Separators</a></li> <li id="menu-item-2504" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2504"><a href="https://quart.qodeinteractive.com/elements/icon-list-item/">Icon List Item</a></li> <li id="menu-item-2518" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2518"><a href="https://quart.qodeinteractive.com/elements/single-image/">Single Image</a></li> </ul> </li> </ul> </li> </ul></div></div> <div class="mkdf-mobile-menu-opener mkdf-mobile-menu-opener-predefined"> <a href="javascript:void(0)"> <span class="mkdf-mobile-menu-icon"> <span class="mkdf-hm-lines-wrap"><span class="mkdf-hm-lines"><span class="mkdf-hm-line mkdf-line-1"></span><span class="mkdf-hm-line mkdf-line-2"></span></span></span> </span> </a> </div> </div> </div> </div> </div> </div> </div> <nav class="mkdf-mobile-nav" role="navigation" aria-label="Mobile Menu"> <div class="mkdf-grid"> <ul id="menu-main-menu-navigation-2" class=""><li id="mobile-menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>HOMEPAGES</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home "><a href="https://quart.qodeinteractive.com/" class=""><span>Main Home</span></a></li> <li id="mobile-menu-item-1179" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/interactive-links/" class=""><span>Interactive Links</span></a></li> <li id="mobile-menu-item-2987" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/freelancer-home/" class=""><span>Freelancer Home</span></a></li> <li id="mobile-menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-carousel/" class=""><span>Portfolio Carousel</span></a></li> <li id="mobile-menu-item-349" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/design-studio/" class=""><span>Design Studio</span></a></li> <li id="mobile-menu-item-2743" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/masonry-shop/" class=""><span>Masonry Shop</span></a></li> <li id="mobile-menu-item-2221" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/web-development/" class=""><span>Web Development</span></a></li> <li id="mobile-menu-item-1283" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/showcase-on-scroll/" class=""><span>Showcase on Scroll</span></a></li> <li id="mobile-menu-item-1007" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-grid/" class=""><span>Portfolio Grid</span></a></li> <li id="mobile-menu-item-777" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-minimal/" class=""><span>Portfolio Minimal</span></a></li> <li id="mobile-menu-item-2986" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/clothing-shop/" class=""><span>Clothing Shop</span></a></li> <li id="mobile-menu-item-939" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/horizontal-projects/" class=""><span>Horizontal Projects</span></a></li> <li id="mobile-menu-item-5406" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/landing/" class=""><span>Landing</span></a></li> </ul> </li> <li id="mobile-menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>PAGES</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-826" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/about-us/" class=""><span>About Us</span></a></li> <li id="mobile-menu-item-827" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/about-me/" class=""><span>About Me</span></a></li> <li id="mobile-menu-item-1220" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/what-we-do/" class=""><span>What We Do</span></a></li> <li id="mobile-menu-item-936" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/meet-the-team/" class=""><span>Meet The Team</span></a></li> <li id="mobile-menu-item-938" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/pricing-plans/" class=""><span>Pricing Plans</span></a></li> <li id="mobile-menu-item-1221" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/our-clients/" class=""><span>Our Clients</span></a></li> <li id="mobile-menu-item-824" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/contact-us/" class=""><span>Contact Us</span></a></li> <li id="mobile-menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/visit-us/" class=""><span>Visit Us</span></a></li> <li id="mobile-menu-item-937" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/faq-page/" class=""><span>FAQ Page</span></a></li> <li id="mobile-menu-item-825" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/coming-soon/" class=""><span>Coming Soon</span></a></li> </ul> </li> <li id="mobile-menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>PORTFOLIO</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-998" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Portfolio Types</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-1778" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/standard/" class=""><span>Standard</span></a></li> <li id="mobile-menu-item-1831" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/gallery/" class=""><span>Gallery</span></a></li> <li id="mobile-menu-item-1840" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/gallery-no-space/" class=""><span>Gallery No Space</span></a></li> <li id="mobile-menu-item-3511" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/masonry-scattered/" class=""><span>Masonry Scattered</span></a></li> <li id="mobile-menu-item-5387" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/portfolio-slider/" class=""><span>Portfolio Slider</span></a></li> <li id="mobile-menu-item-5319" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/horizontally-scrolling-slider/" class=""><span>Horizontally Scrolling Slider</span></a></li> <li id="mobile-menu-item-5311" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/carousel-slider/" class=""><span>Carousel Slider</span></a></li> <li id="mobile-menu-item-5405" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-gallery/" class=""><span>Smaller Images Gallery</span></a></li> <li id="mobile-menu-item-5219" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio-showcase/" class=""><span>Portfolio Showcase</span></a></li> <li id="mobile-menu-item-5324" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/rows-list/" class=""><span>Rows List</span></a></li> </ul> </li> <li id="mobile-menu-item-1000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Columns/Layouts</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-1418" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/1-column/" class=""><span>1 Column</span></a></li> <li id="mobile-menu-item-1493" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/2-columns/" class=""><span>2 Columns</span></a></li> <li id="mobile-menu-item-1417" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/3-columns/" class=""><span>3 Columns</span></a></li> <li id="mobile-menu-item-1647" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/3-columns-wide/" class=""><span>3 Columns Wide</span></a></li> <li id="mobile-menu-item-1646" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/4-columns/" class=""><span>4 Columns</span></a></li> <li id="mobile-menu-item-1731" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/4-columns-wide/" class=""><span>4 Columns Wide</span></a></li> <li id="mobile-menu-item-1733" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/5-columns-wide/" class=""><span>5 Columns Wide</span></a></li> <li id="mobile-menu-item-1732" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/6-columns-wide/" class=""><span>6 Columns Wide</span></a></li> </ul> </li> <li id="mobile-menu-item-999" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Hover Types</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-3414" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/overlay-floated/" class=""><span>Overlay Floated</span></a></li> <li id="mobile-menu-item-3443" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/corner/" class=""><span>Corner</span></a></li> <li id="mobile-menu-item-3446" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/center/" class=""><span>Center</span></a></li> <li id="mobile-menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/rows/" class=""><span>Rows</span></a></li> <li id="mobile-menu-item-5416" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/zoom-hover/" class=""><span>Zoom Hover</span></a></li> <li id="mobile-menu-item-5399" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/smaller-images-hover/" class=""><span>Smaller Images Hover</span></a></li> <li id="mobile-menu-item-5105" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/portfolio/switch-featured-images/" class=""><span>Switch Featured Images</span></a></li> </ul> </li> <li id="mobile-menu-item-620" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Single Types</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-4439" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/a-most-excellent-typo-design/" class=""><span>Big Images</span></a></li> <li id="mobile-menu-item-1326" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/fresh-start/" class=""><span>Small Images</span></a></li> <li id="mobile-menu-item-1341" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/another-day-campaign/" class=""><span>Big Slider</span></a></li> <li id="mobile-menu-item-1370" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/package-design/" class=""><span>Small Slider</span></a></li> <li id="mobile-menu-item-1353" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/design-your-presence/" class=""><span>Big Gallery</span></a></li> <li id="mobile-menu-item-1360" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/ceiling-artwork/" class=""><span>Small Gallery</span></a></li> <li id="mobile-menu-item-1350" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/georgia-company-branding/" class=""><span>Big Masonry</span></a></li> <li id="mobile-menu-item-1347" class="menu-item menu-item-type-post_type menu-item-object-portfolio-item "><a href="https://quart.qodeinteractive.com/portfolio-item/urban-style/" class=""><span>Small Masonry</span></a></li> </ul> </li> </ul> </li> <li id="mobile-menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children mkdf-active-item has_sub"><h6><span>BLOG</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2775" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/blog/right-sidebar/" class=""><span>Right Sidebar</span></a></li> <li id="mobile-menu-item-2769" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2764 current_page_item "><a href="https://quart.qodeinteractive.com/blog/left-sidebar/" class=""><span>Left Sidebar</span></a></li> <li id="mobile-menu-item-2768" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/blog/without-sidebar/" class=""><span>Without Sidebar</span></a></li> <li id="mobile-menu-item-512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>Post types</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-513" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/realistic-branding/" class=""><span>Standard</span></a></li> <li id="mobile-menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/natural-plus-modern/" class=""><span>Gallery</span></a></li> <li id="mobile-menu-item-520" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/proin-gravida-nibh-vel-velit-auctor-aliquet-aenean-sollicitudin-lorem-quis-bibendum-auctor-nisi-elit-consequat-ipsum-nec-sagittis-sem-nibh-id-elit-duis-sed-odio-sit-amet-nibh-vulputate-cu/" class=""><span>Link</span></a></li> <li id="mobile-menu-item-514" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/ray-elton/" class=""><span>Quote</span></a></li> <li id="mobile-menu-item-519" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/the-hype-is-justified/" class=""><span>Audio</span></a></li> <li id="mobile-menu-item-515" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/fusing-logic-with-imagination/" class=""><span>Video</span></a></li> <li id="mobile-menu-item-4222" class="menu-item menu-item-type-post_type menu-item-object-post "><a href="https://quart.qodeinteractive.com/follow-design-trends/" class=""><span>Single No Sidebar</span></a></li> </ul> </li> </ul> </li> <li id="mobile-menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>SHOP</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2401" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/" class=""><span>Shop List</span></a></li> <li id="mobile-menu-item-2483" class="menu-item menu-item-type-post_type menu-item-object-product "><a href="https://quart.qodeinteractive.com/product/monkey-t-shirt/" class=""><span>Shop Single</span></a></li> <li id="mobile-menu-item-2689" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Shop Layouts</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2780" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/three-columns/" class=""><span>Three Columns</span></a></li> <li id="mobile-menu-item-2778" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/four-columns/" class=""><span>Four Columns</span></a></li> <li id="mobile-menu-item-2779" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/shop-list/five-columns-wide/" class=""><span>Five Columns Wide</span></a></li> </ul> </li> <li id="mobile-menu-item-2688" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Shop Pages</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2687" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/my-account/" class=""><span>My Account</span></a></li> <li id="mobile-menu-item-2685" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/cart/" class=""><span>Cart</span></a></li> <li id="mobile-menu-item-2686" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/checkout/" class=""><span>Checkout</span></a></li> </ul> </li> </ul> </li> <li id="mobile-menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h6><span>ELEMENTS</span></h6><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2488" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Featured</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-4626" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/image-tooltip/" class=""><span>Image Tooltip</span></a></li> <li id="mobile-menu-item-2520" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/team/" class=""><span>Team</span></a></li> <li id="mobile-menu-item-2491" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/awards/" class=""><span>Awards</span></a></li> <li id="mobile-menu-item-2507" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/instagram-list/" class=""><span>Instagram List</span></a></li> <li id="mobile-menu-item-2513" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/product-list/" class=""><span>Product List</span></a></li> <li id="mobile-menu-item-4625" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/product-category-list/" class=""><span>Product Category List</span></a></li> <li id="mobile-menu-item-2501" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/custom-font/" class=""><span>Custom Font</span></a></li> </ul> </li> <li id="mobile-menu-item-2487" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Interactive</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2493" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/blog-list/" class=""><span>Blog List</span></a></li> <li id="mobile-menu-item-2494" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/blog-slider/" class=""><span>Blog Slider</span></a></li> <li id="mobile-menu-item-2522" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/video-button/" class=""><span>Video Button</span></a></li> <li id="mobile-menu-item-2521" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/testimonials/" class=""><span>Testimonials</span></a></li> <li id="mobile-menu-item-2496" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/clients/" class=""><span>Clients</span></a></li> <li id="mobile-menu-item-2498" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/contact-form/" class=""><span>Contact Form</span></a></li> <li id="mobile-menu-item-2505" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/icon-with-text/" class=""><span>Icon With Text</span></a></li> <li id="mobile-menu-item-2506" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/image-gallery/" class=""><span>Image Gallery</span></a></li> </ul> </li> <li id="mobile-menu-item-2485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Infographic</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2500" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/counters/" class=""><span>Counters</span></a></li> <li id="mobile-menu-item-2499" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/countdown/" class=""><span>Countdown</span></a></li> <li id="mobile-menu-item-2502" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/google-maps/" class=""><span>Google Maps</span></a></li> <li id="mobile-menu-item-2511" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/pricing-tables/" class=""><span>Pricing Tables</span></a></li> <li id="mobile-menu-item-2508" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/pie-charts/" class=""><span>Pie Charts</span></a></li> <li id="mobile-menu-item-2514" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/progress-bar/" class=""><span>Progress Bar</span></a></li> <li id="mobile-menu-item-2512" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/process/" class=""><span>Process</span></a></li> <li id="mobile-menu-item-2519" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/tabs/" class=""><span>Tabs</span></a></li> </ul> </li> <li id="mobile-menu-item-2484" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=" mkdf-mobile-no-link"><span>Classic</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow arrow_down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-2503" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/headings/" class=""><span>Headings</span></a></li> <li id="mobile-menu-item-2497" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/columns/" class=""><span>Columns</span></a></li> <li id="mobile-menu-item-2516" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/section-title/" class=""><span>Section Title</span></a></li> <li id="mobile-menu-item-2495" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/buttons/" class=""><span>Buttons</span></a></li> <li id="mobile-menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/accordions/" class=""><span>Accordions</span></a></li> <li id="mobile-menu-item-2517" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/separators/" class=""><span>Separators</span></a></li> <li id="mobile-menu-item-2504" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/icon-list-item/" class=""><span>Icon List Item</span></a></li> <li id="mobile-menu-item-2518" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://quart.qodeinteractive.com/elements/single-image/" class=""><span>Single Image</span></a></li> </ul> </li> </ul> </li> </ul> </div> </nav> </div> </header> <a id='mkdf-back-to-top' href='#'> <span class="mkdf-icon-stack"> <i class="mkdf-icon-font-awesome fa fa-angle-up "></i> </span> </a> <div class="mkdf-content" style="margin-top: -94px"> <div class="mkdf-content-inner"> <div class="mkdf-title-holder mkdf-standard-type mkdf-title-va-window-top mkdf-preload-background mkdf-has-bg-image mkdf-bg-parallax" style="height: 530px;background-image:url(https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-title-img.jpg);" data-height="530"> <div class="mkdf-title-image"> <img itemprop="image" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-title-img.jpg" alt="a" /> </div> <div class="mkdf-title-wrapper" > <div class="mkdf-title-inner"> <div class="mkdf-grid"> <h1 class="mkdf-page-title entry-title" style="color: #ffffff">Left Sidebar</h1> </div> </div> </div> </div> <div class="mkdf-container"> <div class="mkdf-container-inner clearfix"> <div class="mkdf-grid-row mkdf-grid-large-gutter"> <div class="mkdf-page-content-holder mkdf-grid-col-9 mkdf-grid-col-push-3"> <div class="mkdf-blog-holder mkdf-blog-standard mkdf-blog-pagination-standard" data-blog-type= standard data-next-page= 2 data-max-num-pages= 2 data-post-number= 5 data-excerpt-length= 45 data-category= motion-design > <div class="mkdf-blog-holder-inner"> <article id="post-470" class="mkdf-post-has-media post-470 post type-post status-publish format-standard has-post-thumbnail hentry category-motion-design tag-design tag-style"> <div class="mkdf-post-content"> <div class="mkdf-post-heading"> <div class="mkdf-post-image"> <a itemprop="url" href="https://quart.qodeinteractive.com/realistic-branding/" title="Realistic branding"> <img width="1300" height="766" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1.jpg" class="attachment-full size-full wp-post-image" alt="a" loading="lazy" srcset="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1.jpg 1300w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1-800x471.jpg 800w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1-300x177.jpg 300w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1-768x453.jpg 768w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-1-1024x603.jpg 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /> </a> </div> </div> <div class="mkdf-post-text"> <div class="mkdf-post-text-inner"> <div class="mkdf-post-info-top"> <div class="mkdf-post-info-category"> <a href="https://quart.qodeinteractive.com/category/motion-design/" rel="category tag">Motion Design</a></div> </div> <div class="mkdf-post-text-main"> <h2 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/realistic-branding/" title="Realistic branding"> Realistic branding </a> </h2> <div class="mkdf-post-excerpt-holder"> <p itemprop="description" class="mkdf-post-excerpt"> Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna </p> </div> <div class="mkdf-post-read-more-button"> <a itemprop="url" href="https://quart.qodeinteractive.com/realistic-branding/" target="_self" class="mkdf-btn mkdf-btn-medium mkdf-btn-simple mkdf-btn-icon mkdf-blog-list-button" > <span class="mkdf-btn-text">Read More</span> <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_right-up " ></span></a> </div> </div> </div> </div> </div> </article><article id="post-466" class="mkdf-post-has-media post-466 post type-post status-publish format-link hentry category-motion-design post_format-post-format-link"> <div class="mkdf-post-content"> <div class="mkdf-post-text"> <div class="mkdf-post-text-inner"> <div class="mkdf-post-text-main"> <div class="mkdf-post-mark"> <span class="fa fa-link mkdf-link-mark"><i class="mkdf-icon-ion-icon ion-android-attach mkdf-icon-element" style=""></i></span> </div> <div class="mkdf-post-link-holder"> <div class="mkdf-post-link-holder-inner"> <h5 itemprop="name" class="mkdf-link-title mkdf-post-title"> <a itemprop="url" href="https://quart.qodeinteractive.com/proin-gravida-nibh-vel-velit-auctor-aliquet-aenean-sollicitudin-lorem-quis-bibendum-auctor-nisi-elit-consequat-ipsum-nec-sagittis-sem-nibh-id-elit-duis-sed-odio-sit-amet-nibh-vulputate-cu/" title="“Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Proin gravida nibh vel velit auctor. “" target="_blank"> “Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Proin gravida nibh vel velit auctor. “ </a> </h5> </div> </div> </div> </div> </div> </div> </article><article id="post-464" class="mkdf-post-has-media post-464 post type-post status-publish format-video has-post-thumbnail hentry category-motion-design tag-design tag-style post_format-post-format-video"> <div class="mkdf-post-content"> <div class="mkdf-post-heading"> <div class="mkdf-blog-video-holder"> <iframe title="Acacia furniture with metal and multi color inside saigon Vietnam" src="https://player.vimeo.com/video/247105251?dnt=1&app_id=122963" width="1100" height="619" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe></div> </div> <div class="mkdf-post-text"> <div class="mkdf-post-text-inner"> <div class="mkdf-post-info-top"> <div class="mkdf-post-info-category"> <a href="https://quart.qodeinteractive.com/category/motion-design/" rel="category tag">Motion Design</a></div> </div> <div class="mkdf-post-text-main"> <h2 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/fusing-logic-with-imagination/" title="Fusing logic with imagination"> Fusing logic with imagination </a> </h2> <div class="mkdf-post-excerpt-holder"> <p itemprop="description" class="mkdf-post-excerpt"> Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna </p> </div> <div class="mkdf-post-read-more-button"> <a itemprop="url" href="https://quart.qodeinteractive.com/fusing-logic-with-imagination/" target="_self" class="mkdf-btn mkdf-btn-medium mkdf-btn-simple mkdf-btn-icon mkdf-blog-list-button" > <span class="mkdf-btn-text">Read More</span> <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_right-up " ></span></a> </div> </div> </div> </div> </div> </article><article id="post-451" class="mkdf-post-has-media post-451 post type-post status-publish format-quote has-post-thumbnail hentry category-motion-design post_format-post-format-quote"> <div class="mkdf-post-content"> <div class="mkdf-post-text"> <div class="mkdf-post-text-inner"> <div class="mkdf-post-text-main"> <div class="mkdf-post-mark"> <span class="fa fa-quote-right mkdf-quote-mark"></span> </div> <div class="mkdf-post-quote-holder"> <div class="mkdf-post-quote-holder-inner"> <h5 itemprop="name" class="mkdf-quote-title mkdf-post-title"> <a itemprop="url" href="https://quart.qodeinteractive.com/ray-elton/" title="Ray Elton"> “Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. “ </a> </h5> <span class="mkdf-quote-author"> Ray Evans , </span> <a itemprop="url" href="https://quart.qodeinteractive.com/2018/10/"> 04.10.2018 </a> <meta itemprop="interactionCount" content="UserComments: 0"/> </div> </div> </div> </div> </div> </div> </article><article id="post-440" class="mkdf-post-has-media post-440 post type-post status-publish format-audio has-post-thumbnail hentry category-motion-design tag-design tag-style post_format-post-format-audio"> <div class="mkdf-post-content"> <div class="mkdf-post-heading"> <div class="mkdf-post-image"> <a itemprop="url" href="https://quart.qodeinteractive.com/the-hype-is-justified/" title="The hype is justified"> <img width="1300" height="766" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3.jpg" class="attachment-full size-full wp-post-image" alt="a" loading="lazy" srcset="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3.jpg 1300w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3-800x471.jpg 800w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3-300x177.jpg 300w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3-768x453.jpg 768w, https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-3-1024x603.jpg 1024w" sizes="(max-width: 1300px) 100vw, 1300px" /> </a> </div> <div class="mkdf-blog-audio-holder"> <audio class="mkdf-blog-audio" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/b-audio-everytings-nice.mp3" controls="controls"> Your browser don't support audio player </audio> </div> </div> <div class="mkdf-post-text"> <div class="mkdf-post-text-inner"> <div class="mkdf-post-info-top"> <div class="mkdf-post-info-category"> <a href="https://quart.qodeinteractive.com/category/motion-design/" rel="category tag">Motion Design</a></div> </div> <div class="mkdf-post-text-main"> <h2 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/the-hype-is-justified/" title="The hype is justified"> The hype is justified </a> </h2> <div class="mkdf-post-excerpt-holder"> <p itemprop="description" class="mkdf-post-excerpt"> Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna </p> </div> <div class="mkdf-post-read-more-button"> <a itemprop="url" href="https://quart.qodeinteractive.com/the-hype-is-justified/" target="_self" class="mkdf-btn mkdf-btn-medium mkdf-btn-simple mkdf-btn-icon mkdf-blog-list-button" > <span class="mkdf-btn-text">Read More</span> <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_right-up " ></span></a> </div> </div> </div> </div> </div> </article> </div> <div class="mkdf-blog-pagination"> <ul> <li class="mkdf-pag-number mkdf-pag-active"> <a href="#">1</a> </li> <li class="mkdf-pag-next"> <a itemprop="url" href="https://quart.qodeinteractive.com/blog/left-sidebar/page/2/"> <span class="mkdf-icon-font-elegant arrow_right"></span> </a> </li> <li class="mkdf-pag-number"> <a itemprop="url" href="https://quart.qodeinteractive.com/blog/left-sidebar/page/2/">2</a> </li> </ul> </div> <div class="mkdf-blog-pagination-wp"> </div> </div> </div> <div class="mkdf-sidebar-holder mkdf-grid-col-3 mkdf-grid-col-pull-9"> <aside class="mkdf-sidebar"> <div id="search-2" class="widget widget_search"><form role="search" method="get" class="mkdf-searchform searchform" id="searchform-497" action="https://quart.qodeinteractive.com/"> <label class="screen-reader-text">Search for:</label> <div class="input-holder clearfix"> <input type="search" class="search-field" placeholder="Search" value="" name="s" title="Search for:"/> <button type="submit" class="mkdf-search-submit"><span aria-hidden="true" class="mkdf-icon-font-elegant icon_search " ></span></button> </div> </form></div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-color: #ffffff;border-style: solid;margin-top: 16px"></div> </div> </div><div id="categories-3" class="widget widget_categories"><div class="mkdf-widget-title-holder"><h4 class="mkdf-widget-title">Categories</h4></div> <ul> <li class="cat-item cat-item-30"><a href="https://quart.qodeinteractive.com/category/brand/">Brand</a> </li> <li class="cat-item cat-item-50"><a href="https://quart.qodeinteractive.com/category/campagne/">Campagne</a> </li> <li class="cat-item cat-item-55"><a href="https://quart.qodeinteractive.com/category/fashion/">Fashion</a> </li> <li class="cat-item cat-item-36"><a href="https://quart.qodeinteractive.com/category/lifestyle/">Lifestyle</a> </li> <li class="cat-item cat-item-19"><a href="https://quart.qodeinteractive.com/category/motion-design/">Motion Design</a> </li> <li class="cat-item cat-item-1"><a href="https://quart.qodeinteractive.com/category/uncategorized/">Uncategorized</a> </li> </ul> </div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-color: #ffffff;border-style: solid;margin-top: 6px"></div> </div> </div><div class="widget mkdf-blog-list-widget" ><div class="mkdf-widget-title-holder"><h4 class="mkdf-widget-title">Latest Posts</h4></div><div class="mkdf-blog-list-holder mkdf-grid-list mkdf-disable-bottom-space mkdf-bl-simple mkdf-one-columns mkdf-tiny-space mkdf-bl-pag-no-pagination " data-type=simple data-number-of-posts=3 data-number-of-columns=one data-space-between-items=tiny data-category=brand data-orderby=date data-order=DESC data-image-size=full data-title-tag=h5 data-excerpt-length=40 data-post-info-section=yes data-post-info-image=yes data-post-info-author=yes data-post-info-date=yes data-date-position=no data-post-info-category=yes data-post-info-comments=no data-post-info-like=no data-post-info-share=no data-pagination-type=no-pagination data-light-skin=no data-custom-width=100 data-custom-height=115 data-max-num-pages=1 data-next-page=2> <div class="mkdf-bl-wrapper mkdf-outer-space"> <ul class="mkdf-blog-list"> <li class="mkdf-bl-item mkdf-item-space clearfix"> <div class="mkdf-bli-inner"> <div class="mkdf-post-image"> <a itemprop="url" href="https://quart.qodeinteractive.com/aper-design-workshop/" title="Paper Design Workshop"> <img src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-4-100x115.jpg" alt="a" width="100" height="115" /> </a> </div> <div class="mkdf-bli-content"> <div itemprop="dateCreated" class="mkdf-post-info-date entry-date published updated"> <a itemprop="url" href="https://quart.qodeinteractive.com/2018/10/"> 04.10.2018 </a> <meta itemprop="interactionCount" content="UserComments: 0"/> </div> <h5 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/aper-design-workshop/" title="Paper Design Workshop"> Paper Design Workshop </a> </h5> </div> </div> </li><li class="mkdf-bl-item mkdf-item-space clearfix"> <div class="mkdf-bli-inner"> <div class="mkdf-post-image"> <a itemprop="url" href="https://quart.qodeinteractive.com/follow-design-trends/" title="Follow Design Trends"> <img src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-5-100x115.jpg" alt="a" width="100" height="115" /> </a> </div> <div class="mkdf-bli-content"> <div itemprop="dateCreated" class="mkdf-post-info-date entry-date published updated"> <a itemprop="url" href="https://quart.qodeinteractive.com/2018/10/"> 04.10.2018 </a> <meta itemprop="interactionCount" content="UserComments: 0"/> </div> <h5 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/follow-design-trends/" title="Follow Design Trends"> Follow Design Trends </a> </h5> </div> </div> </li><li class="mkdf-bl-item mkdf-item-space clearfix"> <div class="mkdf-bli-inner"> <div class="mkdf-post-image"> <a itemprop="url" href="https://quart.qodeinteractive.com/plant-design-studio/" title="Herbs Design Studio"> <img src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/blog-post-img-6-100x115.jpg" alt="a" width="100" height="115" /> </a> </div> <div class="mkdf-bli-content"> <div itemprop="dateCreated" class="mkdf-post-info-date entry-date published updated"> <a itemprop="url" href="https://quart.qodeinteractive.com/2018/10/"> 04.10.2018 </a> <meta itemprop="interactionCount" content="UserComments: 0"/> </div> <h5 itemprop="name" class="entry-title mkdf-post-title" > <a itemprop="url" href="https://quart.qodeinteractive.com/plant-design-studio/" title="Herbs Design Studio"> Herbs Design Studio </a> </h5> </div> </div> </li> </ul> </div> </div></div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-color: #ffffff;border-style: solid;margin-top: 16px"></div> </div> </div><div id="mkdf_instagram_widget-9" class="widget widget_mkdf_instagram_widget"><div class="mkdf-widget-title-holder"><h4 class="mkdf-widget-title">Instagram</h4></div> <ul class="mkdf-instagram-feed clearfix mkdf-col-2 mkdf-instagram-gallery mkdf-no-space" > <li> <a href="https://www.instagram.com/p/BobJ9gkHjx8/" target="_blank"> <span class="mkdf-instagram-icon"><i class="social_instagram"></i></span> <img src="https://scontent-atl3-1.cdninstagram.com/v/t51.2885-15/42521428_272366576735671_6059470754698386610_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=ZDdzLJzh9ncQ7kNvgFJwjlF&_nc_ht=scontent-atl3-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AYCHHH9qX2y-s56d0_AdsWBJ5YbX3L96u0bkxL7MAIjpCw&oe=668934A0" alt="" /> </a> </li> </ul> </div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-color: #ffffff;border-style: solid;margin-top: 16px"></div> </div> </div><div id="text-3" class="widget widget_text"><div class="mkdf-widget-title-holder"><h4 class="mkdf-widget-title">Follow</h4></div> <div class="textwidget"></div> </div> <a class="mkdf-icon-widget-holder" href="https://www.instagram.com/qodeinteractive/" target="_blank" > <span class="mkdf-icon-element ion-social-instagram-outline" style="color: #000000;font-size: 25px"></span> </a> <a class="mkdf-icon-widget-holder" href="https://www.facebook.com/QodeInteractive/" target="_blank" style="margin: 0 0 0 27px"> <span class="mkdf-icon-element ion-social-facebook-outline" style="color: #000000;font-size: 25px"></span> </a> <a class="mkdf-icon-widget-holder" href="https://twitter.com/QodeInteractive" target="_blank" style="margin: 0 0 0 27px"> <span class="mkdf-icon-element ion-social-twitter-outline" style="color: #000000;font-size: 25px"></span> </a> </aside> </div> </div> </div> </div> </div>  </div>  <footer class="mkdf-page-footer "> <div class="mkdf-footer-top-holder"> <div class="mkdf-footer-top-inner mkdf-grid"> <div class="mkdf-grid-row mkdf-footer-top-alignment-center"> <div class="mkdf-column-content mkdf-grid-col-12"> <div id="nav_menu-3" class="widget mkdf-footer-column-1 widget_nav_menu"><div class="menu-futer-navigation-menu-container"><ul id="menu-futer-navigation-menu" class="menu"><li id="menu-item-1935" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1935"><a target="_blank" rel="noopener" href="https://www.facebook.com/QodeInteractive/">facebook</a></li> <li id="menu-item-1936" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1936"><a target="_blank" rel="noopener" href="https://www.instagram.com/qodeinteractive/">instagram</a></li> <li id="menu-item-1937" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1937"><a target="_blank" rel="noopener" href="https://www.linkedin.com/company/qode-themes/">linkedin</a></li> <li id="menu-item-1938" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1938"><a target="_blank" rel="noopener" href="https://dribbble.com/QodeInteractive">dribbble</a></li> </ul></div></div> </div> </div> </div> </div><div class="mkdf-footer-bottom-holder"> <div class="mkdf-footer-bottom-inner mkdf-grid"> <div class="mkdf-grid-row "> <div class="mkdf-grid-col-12"> <div id="media_image-2" class="widget mkdf-footer-bottom-column-1 widget_media_image"><a href="https://quart.qodeinteractive.com/"><img width="38" height="60" src="https://quart.qodeinteractive.com/wp-content/uploads/2018/10/logo-futer.png" class="image wp-image-38 attachment-full size-full" alt="a" loading="lazy" style="max-width: 100%; height: auto;" /></a></div><div class="widget mkdf-separator-widget"><div class="mkdf-separator-holder clearfix mkdf-separator-center mkdf-separator-normal"> <div class="mkdf-separator" style="border-style: solid;margin-top: 13px"></div> </div> </div><div id="text-2" class="widget mkdf-footer-bottom-column-1 widget_text"> <div class="textwidget"><p><a href="https://qodeinteractive.com/" target="_blank" rel="noopener"><span style="color: #a9a9a9;">© 2018 Qode Interactive, All Rights Reserved</span></a></p> </div> </div> </div> </div> </div> </div> </footer> </div>  </div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = false; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <div class="rbt-toolbar" data-theme="Quart" data-featured="" data-button-position="53%" data-button-horizontal="right" data-button-alt="no" ></div>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTQ2BTD" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>  <script type="text/javascript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='rs-plugin-settings-css' href='https://quart.qodeinteractive.com/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.6.5' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.6.4' id='swv-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/quart.qodeinteractive.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6.4' id='contact-form-7-js'></script> <script type='text/javascript' src='https://export.qodethemes.com/_toolbar/assets/js/rbt-modules.js?ver=6.0.9' id='rabbit_js-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.7.0.0' id='js-cookie-js'></script> <script type='text/javascript' id='woocommerce-js-extra'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=7.0.0' id='woocommerce-js'></script> <script type='text/javascript' id='wc-cart-fragments-js-extra'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_b5bee77af683017483abb4d83bca8922","fragment_name":"wc_fragments_b5bee77af683017483abb4d83bca8922","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=7.0.0' id='wc-cart-fragments-js'></script> <script type='text/javascript' id='ppress-frontend-script-js-extra'> /* <![CDATA[ */ var pp_ajax_form = {"ajaxurl":"https:\/\/quart.qodeinteractive.com\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"05698c7798","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=4.3.0' id='ppress-frontend-script-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/duracelltomi-google-tag-manager/js/gtm4wp-form-move-tracker.js?ver=1.16.1' id='gtm4wp-form-move-tracker-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.1' id='jquery-ui-core-js'></script> <script type='text/javascript' id='qi-addons-for-elementor-script-js-extra'> /* <![CDATA[ */ var qodefQiAddonsGlobal = {"vars":{"adminBarHeight":0,"iconArrowLeft":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0.5\" y1=\"16\" x2=\"33.5\" y2=\"16\"\/><line x1=\"0.3\" y1=\"16.5\" x2=\"16.2\" y2=\"0.7\"\/><line x1=\"0\" y1=\"15.4\" x2=\"16.2\" y2=\"31.6\"\/><\/svg>","iconArrowRight":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0\" y1=\"16\" x2=\"33\" y2=\"16\"\/><line x1=\"17.3\" y1=\"0.7\" x2=\"33.2\" y2=\"16.5\"\/><line x1=\"17.3\" y1=\"31.6\" x2=\"33.5\" y2=\"15.4\"\/><\/svg>","iconClose":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 9.1\" xml:space=\"preserve\"><g><path d=\"M8.5,0L9,0.6L5.1,4.5L9,8.5L8.5,9L4.5,5.1L0.6,9L0,8.5L4,4.5L0,0.6L0.6,0L4.5,4L8.5,0z\"\/><\/g><\/svg>"}}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/assets/js/main.min.js?ver=6.0.9' id='qi-addons-for-elementor-script-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.1' id='jquery-ui-tabs-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.1' id='jquery-ui-accordion-js'></script> <script type='text/javascript' id='mediaelement-core-js-before'> var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.16' id='mediaelement-core-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.0.9' id='mediaelement-migrate-js'></script> <script type='text/javascript' id='mediaelement-js-extra'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.0.9' id='wp-mediaelement-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.appear.js?ver=6.0.9' id='appear-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/modernizr.min.js?ver=6.0.9' id='modernizr-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2' id='hoverIntent-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.plugin.js?ver=6.0.9' id='jquery-plugin-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/owl.carousel.min.js?ver=6.0.9' id='owl-carousel-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.waypoints.min.js?ver=6.0.9' id='waypoints-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/fluidvids.min.js?ver=6.0.9' id='fluidvids-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/perfect-scrollbar.jquery.min.js?ver=6.0.9' id='perfect-scrollbar-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/ScrollToPlugin.min.js?ver=6.0.9' id='ScrollToPlugin-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/parallax.min.js?ver=6.0.9' id='parallax-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.waitforimages.js?ver=6.0.9' id='waitforimages-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.prettyPhoto.js?ver=6.0.9' id='prettyphoto-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules/plugins/jquery.easing.1.3.js?ver=6.0.9' id='jquery-easing-1.3-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/js_composer/assets/lib/bower/isotope/dist/isotope.pkgd.min.js?ver=6.10.0' id='isotope-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/inc/masonry/assets/js/plugins/packery-mode.pkgd.min.js?ver=6.0.9' id='packery-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/inc/shortcodes/parallax-images/assets/js/plugins/jquery.parallax-scroll.js?ver=1' id='parallax-scroll-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/countdown/assets/js/plugins/jquery.countdown.min.js?ver=6.0.9' id='countdown-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/counter/assets/js/plugins/counter.js?ver=6.0.9' id='counter-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/counter/assets/js/plugins/absoluteCounter.min.js?ver=6.0.9' id='absoluteCounter-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/qi-addons-for-elementor/inc/shortcodes/typeout-text/assets/js/plugins/typed.js?ver=1' id='typed-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/full-screen-sections/assets/js/plugins/jquery.fullPage.min.js?ver=6.0.9' id='fullPage-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/image-tooltip/assets/js/plugins/bootstrap-tooltip.js?ver=6.0.9' id='bootstrap-tooltip-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/pie-chart/assets/js/plugins/easypiechart.js?ver=6.0.9' id='easypiechart-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/quart-core/shortcodes/vertical-split-slider/assets/js/plugins/jquery.multiscroll.min.js?ver=6.0.9' id='multiscroll-js'></script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/plugins/woocommerce/assets/js/select2/select2.full.min.js?ver=4.0.3-wc.7.0.0' id='select2-js'></script> <script type='text/javascript' src='//maps.googleapis.com/maps/api/js?key=AIzaSyChN6lU86tsnOJmOhSmALwp6UUnxtEAOn8&ver=6.0.9' id='quart-mikado-google-map-api-js'></script> <script type='text/javascript' id='quart-mikado-modules-js-extra'> /* <![CDATA[ */ var mkdfGlobalVars = {"vars":{"mkdfAddForAdminBar":0,"mkdfElementAppearAmount":-100,"mkdfAjaxUrl":"https:\/\/quart.qodeinteractive.com\/wp-admin\/admin-ajax.php","sliderNavPrevArrow":"mkdf-icon-font-elegant arrow_left","sliderNavNextArrow":"mkdf-icon-font-elegant arrow_right","mkdfStickyHeaderHeight":0,"mkdfStickyHeaderTransparencyHeight":70,"mkdfTopBarHeight":0,"mkdfLogoAreaHeight":0,"mkdfMenuAreaHeight":94,"mkdfMobileHeaderHeight":70}}; var mkdfPerPageVars = {"vars":{"mkdfMobileHeaderHeight":70,"mkdfStickyScrollAmount":0,"mkdfHeaderTransparencyHeight":0,"mkdfHeaderVerticalWidth":0}}; /* ]]> */ </script> <script type='text/javascript' src='https://quart.qodeinteractive.com/wp-content/themes/quart/assets/js/modules.min.js?ver=6.0.9' id='quart-mikado-modules-js'></script> </body> </html>