Navigation Bar<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background-color: transparent !important;\n }\n\n .navbar {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n }\n\n @media (min-width: 1024px) {\n .navbar {\n top: 20px;\n }\n }\n\n .hamburger {\n margin-top: 8px;\n width: 50px;\n height: 50px;\n cursor: pointer;\n border-radius: 50%;\n border: 2px solid #333;\n background-color: transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: all 0.3s ease;\n z-index: 2000;\n }\n\n .hamburger div {\n width: 30px;\n height: 3px;\n background-color: #333;\n position: absolute;\n transition: transform 0.4s ease, top 0.4s ease;\n }\n\n .hamburger div:nth-child(1) {\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .hamburger div:nth-child(2) {\n top: 60%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .hamburger.open div:nth-child(1) {\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n .hamburger.open div:nth-child(2) {\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n .nav-links {\n position: fixed;\n top: 2px;\n right: 15px;\n width: 200px;\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n border-radius: 20px;\n padding: 10px 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transform: scale(0);\n transform-origin: top right;\n transition: transform 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n z-index: 1000;\n }\n\n .nav-links.open {\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n }\n\n .nav-links ul {\n list-style: none;\n padding: 0;\n margin: 0;\n text-align: left;\n margin-bottom: auto;\n }\n\n .nav-links ul li {\n margin: 15px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .nav-links.open ul li {\n opacity: 1;\n transform: translateY(0);\n }\n\n .nav-links ul li a {\n text-decoration: none;\n color: black;\n font-size: 18px;\n display: block;\n }\n\n .divider {\n border: 0;\n border-top: 1px solid #000;\n margin: 20px 0;\n }\n\n .social-media {\n display: flex;\n justify-content: space-between;\n align-items: center;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n margin-top: 20px;\n padding-bottom: 20px;\n }\n\n .social-media.open {\n opacity: 1;\n transform: translateY(0);\n }\n\n .social-media a {\n display: block;\n width: 24px;\n height: 24px;\n font-size: 24px;\n color: #333;\n text-align: center;\n line-height: 24px;\n transition: color 0.3s ease;\n background: transparent;\n border-radius: 0%;\n }\n\n .social-media a:hover,\n .social-media a:focus {\n color: #fff; \/* Icons turn white on hover and focus *\/\n }\n\n .social-media span {\n margin: 0 10px;\n color: #333;\n font-size: 18px;\n font-weight: bold; \/* Added bold font weight *\/\n }\n\n @media (min-width: 1024px) {\n .nav-links {\n top: 20px;\n width: 400px;\n height: 480px;\n }\n\n .nav-links ul li a {\n font-size: 35px;\n font-weight: bold;\n line-height: 50px;\n }\n }\n\n @media (max-width: 768px) {\n .nav-links {\n width: 350px;\n top: 20px;\n }\n\n .nav-links ul li a {\n font-size: 16px;\n }\n\n .social-media a {\n font-size: 24px;\n }\n }\n\n @media (max-width: 480px) {\n .nav-links {\n width: 290px;\n padding: 10px;\n margin-top: 2px;\n }\n\n .nav-links ul li a {\n font-size: 20px;\n font-weight: bold;\n }\n\n .social-media a {\n font-size: 28px;\n }\n }\n\n button {\n align-items: center;\n background-color: transparent !important;\n color: black !important;\n cursor: pointer;\n display: flex;\n font-family: ui-sans-serif, system-ui, -apple-system, system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.5;\n text-decoration: none;\n text-transform: uppercase;\n outline: 0;\n border: none !important;\n padding: 1rem;\n }\n\n button:before {\n background-color: rgb(213, 39, 39);\n content: \"\";\n display: inline-block;\n height: 2px;\n margin-right: 10px;\n transition: all .42s cubic-bezier(.25, .8, .25, 1);\n width: 0;\n }\n\n button:hover:before {\n background-color: black;\n width: 3rem;\n }\n\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"navbar\">\n <div class=\"hamburger\" id=\"hamburger\">\n <div><\/div>\n <div><\/div>\n <\/div>\n <div class=\"nav-links\" id=\"nav-links\">\n <ul>\n <li><a href=\"https:\/\/taawdesign.com\/\"><span>Home<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=2294\"><span>Services<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=2248\"><span>Projects<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=1786\"><span>Contact<\/span><\/a><\/li>\n <\/ul>\n\n <a href=\"https:\/\/taawdesign.com\/?page_id=1786\">\n <button>start project<\/button>\n <\/a>\n\n <hr class=\"divider\">\n\n <div class=\"social-media\" id=\"social-media\">\n <a href=\"https:\/\/wa.me\/message\/A7IV2APWC5CAE1\" class=\"whatsapp\" title=\"Chat with us on WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <span>t a a w<\/span>\n <a href=\"https:\/\/instagram.com\/taawdesign\" class=\"instagram\" title=\"Follow us on Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const hamburger = document.getElementById('hamburger');\n const navLinks = document.getElementById('nav-links');\n const socialMedia = document.getElementById('social-media');\n\n hamburger.addEventListener('click', () => {\n const isOpen = navLinks.classList.contains('open');\n navLinks.classList.toggle('open', !isOpen);\n socialMedia.classList.toggle('open', !isOpen);\n\n if (!isOpen) {\n document.querySelectorAll('.nav-links ul li').forEach((item, index) => {\n item.style.transitionDelay = `${index * 0.1}s`;\n });\n }\n hamburger.classList.toggle('open');\n });\n\n document.addEventListener('click', (event) => {\n const isClickInside = hamburger.contains(event.target) || navLinks.contains(event.target);\n\n if (!isClickInside && navLinks.classList.contains('open')) {\n navLinks.classList.remove('open');\n socialMedia.classList.remove('open');\n hamburger.classList.remove('open');\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f25af51 elementor-widget elementor-widget-html\" data-id=\"f25af51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE HTML>\n<html>\n <head>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Scroll Back To Top<\/title>\n <link rel=\"stylesheet\" href=\"styles.css\" \/>\n <script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script>\n <script>\n $(document).ready(function() {\n var progressPath = document.querySelector('.progress-wrap path');\n var pathLength = progressPath.getTotalLength();\n\n progressPath.style.transition = progressPath.style.WebkitTransition = 'none';\n progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;\n progressPath.style.strokeDashoffset = pathLength;\n progressPath.getBoundingClientRect();\n progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';\n\n var updateProgress = function() {\n var scroll = $(window).scrollTop();\n var height = $(document).height() - $(window).height();\n var progress = pathLength - (scroll * pathLength \/ height);\n progressPath.style.strokeDashoffset = progress;\n }\n\n updateProgress();\n $(window).scroll(updateProgress);\n\n var offset = 50;\n var duration = 550;\n\n jQuery(window).on('scroll', function() {\n if(jQuery(this).scrollTop() > offset) {\n jQuery('.progress-wrap').addClass('active-progress');\n } else {\n jQuery('.progress-wrap').removeClass('active-progress');\n }\n });\n\n jQuery('.progress-wrap').on('click', function(event) {\n event.preventDefault();\n jQuery('html, body').animate({scrollTop: 0}, duration);\n return false;\n })\n });\n <\/script>\n <\/head>\n <body>\n <div class=\"progress-wrap\">\n <div class=\"chevron-up\">\n <div class=\"chevron-line chevron-line-left\"><\/div>\n <div class=\"chevron-line chevron-line-right\"><\/div>\n <\/div>\n <svg class=\"progress-circle svg-content\" width=\"100%\" height=\"100%\" viewBox=\"-1 -1 102 102\">\n <path d=\"M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98\" \/>\n <\/svg>\n <\/div>\n <\/body>\n<\/html>\n\n<style>\nbody {\n background: url('background.jpg') no-repeat fixed;\n height: flex;\n color: #c9c5c5;\n}\n\n.progress-wrap {\n position: fixed;\n right: 25px;\n bottom: 40px;\n height: 50px;\n width: 50px;\n cursor: pointer;\n display: block;\n border-radius: 50px;\n box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);\n z-index: 10000;\n opacity: 0;\n visibility: hidden;\n transform: translateY(15px);\n -webkit-transition: all 200ms linear;\n transition: all 200ms linear;\n}\n\n.progress-wrap.active-progress {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n}\n\n.chevron-up {\n position: absolute;\n left: 50%; \/* Moved an additional 15px to the right from 45% *\/\n top: 50%;\n width: 24px;\n height: 24px;\n transform: translate(-50%, -50%);\n}\n\n.chevron-line {\n position: absolute;\n background-color: black;\n height: 3px;\n width: 16px;\n border-radius: 2px;\n}\n\n.chevron-line-left {\n bottom: 20%;\n left: 0;\n transform: rotate(-45deg);\n transform-origin: left top;\n}\n\n.chevron-line-right {\n bottom: 20%;\n right: 0;\n transform: rotate(45deg);\n transform-origin: right top;\n}\n\n.progress-wrap svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.progress-wrap svg path {\n fill: none;\n}\n\n.progress-wrap svg.progress-circle path {\n stroke: #000;\n stroke-width: 4;\n box-sizing: border-box;\n -webkit-transition: all 200ms linear;\n transition: all 200ms linear;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f44f92a elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2f44f92a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-314982cd\" data-id=\"314982cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52b975a2 elementor-widget elementor-widget-ld_promo\" data-id=\"52b975a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-52b975a2\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img fetchpriority=\"high\" decoding=\"async\" width=\"2990\" height=\"1611\" src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4.png\" class=\"w-100\" alt=\"Tesla Electrical Services\" srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4.png 2990w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4-300x162.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4-1024x552.png 1024w\" sizes=\"(max-width: 2990px) 100vw, 2990px\" itemprop=\"image\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Tesla Electrical Services<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for an electrical services company.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/tslelectric.ca\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-374b09a4 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"374b09a4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2cf2a76a\" data-id=\"2cf2a76a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d50621 elementor-widget elementor-widget-ld_promo\" data-id=\"3d50621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-3d50621\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img decoding=\"async\" width=\"2988\" height=\"1544\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1600 827'%2F%3E\" class=\"w-100 ld-lazyload\" alt=\"Hatch Coffee\" itemprop=\"image\" data-src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2.png\" data-srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2.png 2988w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2-300x155.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2-1024x529.png 1024w\" data-sizes=\"(max-width: 2988px) 100vw, 2988px\" data-aspect=\"1.9347037484885\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Hatch Coffee<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for a coffee shop.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.hatchcrafted.com\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15048fc5 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"15048fc5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-300c37bf\" data-id=\"300c37bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55ceb5f3 elementor-widget elementor-widget-ld_promo\" data-id=\"55ceb5f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-55ceb5f3\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img decoding=\"async\" width=\"2987\" height=\"1538\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1600 824'%2F%3E\" class=\"w-100 ld-lazyload\" alt=\"Fifteen Twelve\" itemprop=\"image\" data-src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3.png\" data-srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3.png 2987w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3-300x154.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3-1024x527.png 1024w\" data-sizes=\"(max-width: 2987px) 100vw, 2987px\" data-aspect=\"1.9417475728155\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Fifteen Twelve<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for a shopping brand.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/fifteentwelvesalon.com\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navigation Bar Home Services Projects Contact start project t a a w Scroll Back To Top Tesla Electrical Services Designed for an electrical services company. \u2014 visit site Hatch Coffee Designed for a coffee shop. \u2014 visit site Fifteen Twelve Designed for a shopping brand. \u2014 visit site<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taawdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2248"}],"version-history":[{"count":29,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248\/revisions"}],"predecessor-version":[{"id":2368,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248\/revisions\/2368"}],"wp:attachment":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n \n \n Navigation Bar<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background-color: transparent !important;\n }\n\n .navbar {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n }\n\n @media (min-width: 1024px) {\n .navbar {\n top: 20px;\n }\n }\n\n .hamburger {\n margin-top: 8px;\n width: 50px;\n height: 50px;\n cursor: pointer;\n border-radius: 50%;\n border: 2px solid #333;\n background-color: transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: all 0.3s ease;\n z-index: 2000;\n }\n\n .hamburger div {\n width: 30px;\n height: 3px;\n background-color: #333;\n position: absolute;\n transition: transform 0.4s ease, top 0.4s ease;\n }\n\n .hamburger div:nth-child(1) {\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .hamburger div:nth-child(2) {\n top: 60%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .hamburger.open div:nth-child(1) {\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n .hamburger.open div:nth-child(2) {\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n .nav-links {\n position: fixed;\n top: 2px;\n right: 15px;\n width: 200px;\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n border-radius: 20px;\n padding: 10px 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transform: scale(0);\n transform-origin: top right;\n transition: transform 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n z-index: 1000;\n }\n\n .nav-links.open {\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n }\n\n .nav-links ul {\n list-style: none;\n padding: 0;\n margin: 0;\n text-align: left;\n margin-bottom: auto;\n }\n\n .nav-links ul li {\n margin: 15px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .nav-links.open ul li {\n opacity: 1;\n transform: translateY(0);\n }\n\n .nav-links ul li a {\n text-decoration: none;\n color: black;\n font-size: 18px;\n display: block;\n }\n\n .divider {\n border: 0;\n border-top: 1px solid #000;\n margin: 20px 0;\n }\n\n .social-media {\n display: flex;\n justify-content: space-between;\n align-items: center;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n margin-top: 20px;\n padding-bottom: 20px;\n }\n\n .social-media.open {\n opacity: 1;\n transform: translateY(0);\n }\n\n .social-media a {\n display: block;\n width: 24px;\n height: 24px;\n font-size: 24px;\n color: #333;\n text-align: center;\n line-height: 24px;\n transition: color 0.3s ease;\n background: transparent;\n border-radius: 0%;\n }\n\n .social-media a:hover,\n .social-media a:focus {\n color: #fff; \/* Icons turn white on hover and focus *\/\n }\n\n .social-media span {\n margin: 0 10px;\n color: #333;\n font-size: 18px;\n font-weight: bold; \/* Added bold font weight *\/\n }\n\n @media (min-width: 1024px) {\n .nav-links {\n top: 20px;\n width: 400px;\n height: 480px;\n }\n\n .nav-links ul li a {\n font-size: 35px;\n font-weight: bold;\n line-height: 50px;\n }\n }\n\n @media (max-width: 768px) {\n .nav-links {\n width: 350px;\n top: 20px;\n }\n\n .nav-links ul li a {\n font-size: 16px;\n }\n\n .social-media a {\n font-size: 24px;\n }\n }\n\n @media (max-width: 480px) {\n .nav-links {\n width: 290px;\n padding: 10px;\n margin-top: 2px;\n }\n\n .nav-links ul li a {\n font-size: 20px;\n font-weight: bold;\n }\n\n .social-media a {\n font-size: 28px;\n }\n }\n\n button {\n align-items: center;\n background-color: transparent !important;\n color: black !important;\n cursor: pointer;\n display: flex;\n font-family: ui-sans-serif, system-ui, -apple-system, system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.5;\n text-decoration: none;\n text-transform: uppercase;\n outline: 0;\n border: none !important;\n padding: 1rem;\n }\n\n button:before {\n background-color: rgb(213, 39, 39);\n content: \"\";\n display: inline-block;\n height: 2px;\n margin-right: 10px;\n transition: all .42s cubic-bezier(.25, .8, .25, 1);\n width: 0;\n }\n\n button:hover:before {\n background-color: black;\n width: 3rem;\n }\n\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"navbar\">\n <div class=\"hamburger\" id=\"hamburger\">\n <div><\/div>\n <div><\/div>\n <\/div>\n <div class=\"nav-links\" id=\"nav-links\">\n <ul>\n <li><a href=\"https:\/\/taawdesign.com\/\"><span>Home<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=2294\"><span>Services<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=2248\"><span>Projects<\/span><\/a><\/li>\n <li><a href=\"https:\/\/taawdesign.com\/?page_id=1786\"><span>Contact<\/span><\/a><\/li>\n <\/ul>\n\n <a href=\"https:\/\/taawdesign.com\/?page_id=1786\">\n <button>start project<\/button>\n <\/a>\n\n <hr class=\"divider\">\n\n <div class=\"social-media\" id=\"social-media\">\n <a href=\"https:\/\/wa.me\/message\/A7IV2APWC5CAE1\" class=\"whatsapp\" title=\"Chat with us on WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <span>t a a w<\/span>\n <a href=\"https:\/\/instagram.com\/taawdesign\" class=\"instagram\" title=\"Follow us on Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const hamburger = document.getElementById('hamburger');\n const navLinks = document.getElementById('nav-links');\n const socialMedia = document.getElementById('social-media');\n\n hamburger.addEventListener('click', () => {\n const isOpen = navLinks.classList.contains('open');\n navLinks.classList.toggle('open', !isOpen);\n socialMedia.classList.toggle('open', !isOpen);\n\n if (!isOpen) {\n document.querySelectorAll('.nav-links ul li').forEach((item, index) => {\n item.style.transitionDelay = `${index * 0.1}s`;\n });\n }\n hamburger.classList.toggle('open');\n });\n\n document.addEventListener('click', (event) => {\n const isClickInside = hamburger.contains(event.target) || navLinks.contains(event.target);\n\n if (!isClickInside && navLinks.classList.contains('open')) {\n navLinks.classList.remove('open');\n socialMedia.classList.remove('open');\n hamburger.classList.remove('open');\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f25af51 elementor-widget elementor-widget-html\" data-id=\"f25af51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE HTML>\n<html>\n <head>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Scroll Back To Top<\/title>\n <link rel=\"stylesheet\" href=\"styles.css\" \/>\n <script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script>\n <script>\n $(document).ready(function() {\n var progressPath = document.querySelector('.progress-wrap path');\n var pathLength = progressPath.getTotalLength();\n\n progressPath.style.transition = progressPath.style.WebkitTransition = 'none';\n progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;\n progressPath.style.strokeDashoffset = pathLength;\n progressPath.getBoundingClientRect();\n progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';\n\n var updateProgress = function() {\n var scroll = $(window).scrollTop();\n var height = $(document).height() - $(window).height();\n var progress = pathLength - (scroll * pathLength \/ height);\n progressPath.style.strokeDashoffset = progress;\n }\n\n updateProgress();\n $(window).scroll(updateProgress);\n\n var offset = 50;\n var duration = 550;\n\n jQuery(window).on('scroll', function() {\n if(jQuery(this).scrollTop() > offset) {\n jQuery('.progress-wrap').addClass('active-progress');\n } else {\n jQuery('.progress-wrap').removeClass('active-progress');\n }\n });\n\n jQuery('.progress-wrap').on('click', function(event) {\n event.preventDefault();\n jQuery('html, body').animate({scrollTop: 0}, duration);\n return false;\n })\n });\n <\/script>\n <\/head>\n <body>\n <div class=\"progress-wrap\">\n <div class=\"chevron-up\">\n <div class=\"chevron-line chevron-line-left\"><\/div>\n <div class=\"chevron-line chevron-line-right\"><\/div>\n <\/div>\n <svg class=\"progress-circle svg-content\" width=\"100%\" height=\"100%\" viewBox=\"-1 -1 102 102\">\n <path d=\"M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98\" \/>\n <\/svg>\n <\/div>\n <\/body>\n<\/html>\n\n<style>\nbody {\n background: url('background.jpg') no-repeat fixed;\n height: flex;\n color: #c9c5c5;\n}\n\n.progress-wrap {\n position: fixed;\n right: 25px;\n bottom: 40px;\n height: 50px;\n width: 50px;\n cursor: pointer;\n display: block;\n border-radius: 50px;\n box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);\n z-index: 10000;\n opacity: 0;\n visibility: hidden;\n transform: translateY(15px);\n -webkit-transition: all 200ms linear;\n transition: all 200ms linear;\n}\n\n.progress-wrap.active-progress {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n}\n\n.chevron-up {\n position: absolute;\n left: 50%; \/* Moved an additional 15px to the right from 45% *\/\n top: 50%;\n width: 24px;\n height: 24px;\n transform: translate(-50%, -50%);\n}\n\n.chevron-line {\n position: absolute;\n background-color: black;\n height: 3px;\n width: 16px;\n border-radius: 2px;\n}\n\n.chevron-line-left {\n bottom: 20%;\n left: 0;\n transform: rotate(-45deg);\n transform-origin: left top;\n}\n\n.chevron-line-right {\n bottom: 20%;\n right: 0;\n transform: rotate(45deg);\n transform-origin: right top;\n}\n\n.progress-wrap svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.progress-wrap svg path {\n fill: none;\n}\n\n.progress-wrap svg.progress-circle path {\n stroke: #000;\n stroke-width: 4;\n box-sizing: border-box;\n -webkit-transition: all 200ms linear;\n transition: all 200ms linear;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f44f92a elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2f44f92a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-314982cd\" data-id=\"314982cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52b975a2 elementor-widget elementor-widget-ld_promo\" data-id=\"52b975a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-52b975a2\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img fetchpriority=\"high\" decoding=\"async\" width=\"2990\" height=\"1611\" src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4.png\" class=\"w-100\" alt=\"Tesla Electrical Services\" srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4.png 2990w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4-300x162.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/4-1024x552.png 1024w\" sizes=\"(max-width: 2990px) 100vw, 2990px\" itemprop=\"image\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Tesla Electrical Services<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for an electrical services company.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/tslelectric.ca\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-374b09a4 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"374b09a4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2cf2a76a\" data-id=\"2cf2a76a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d50621 elementor-widget elementor-widget-ld_promo\" data-id=\"3d50621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-3d50621\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img decoding=\"async\" width=\"2988\" height=\"1544\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1600 827'%2F%3E\" class=\"w-100 ld-lazyload\" alt=\"Hatch Coffee\" itemprop=\"image\" data-src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2.png\" data-srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2.png 2988w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2-300x155.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/2-1024x529.png 1024w\" data-sizes=\"(max-width: 2988px) 100vw, 2988px\" data-aspect=\"1.9347037484885\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Hatch Coffee<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for a coffee shop.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.hatchcrafted.com\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15048fc5 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"15048fc5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-300c37bf\" data-id=\"300c37bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55ceb5f3 elementor-widget elementor-widget-ld_promo\" data-id=\"55ceb5f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_promo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"lqd-promo-55ceb5f3\" class=\"lqd-promo-wrap pos-rel lqd-promo-default\">\n\t\t\t<div class=\"lqd-promo-inner d-flex pos-rel\">\n\n\t\t\t\t<div class=\"lqd-promo-dynamic-shape d-block pos-abs z-index-0\" data-dynamic-shape=\"true\">\n\t\t\t\t<svg class=\"scene\" width=\"100%\" height=\"100%\" viewbox=\"0 0 650 650\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M717.349,515.468 C693.326,625.562 595.298,708.000 478.000,708.000 C351.735,708.000 247.793,612.479 234.460,489.760 C104.042,484.237 -0.000,376.777 -0.000,245.000 C-0.000,109.690 109.690,-0.000 245.000,-0.000 C330.697,-0.000 406.103,44.009 449.889,110.648 C481.742,95.493 517.376,87.000 555.000,87.000 C690.310,87.000 800.000,196.690 800.000,332.000 C800.000,405.029 768.036,470.582 717.349,515.468 Z\"\n\t\t\t\t\tpathdata:id=\"\n\t\t\t\t\tM565.540,489.760 C552.207,612.479 448.265,708.000 322.000,708.000 C204.702,708.000 106.675,625.562 82.651,515.468 C31.964,470.582 -0.000,405.029 -0.000,332.000 C-0.000,196.690 109.690,87.000 245.000,87.000 C282.624,87.000 318.258,95.493 350.111,110.649 C393.897,44.009 469.303,0.000 555.000,0.000 C690.310,0.000 800.000,109.690 800.000,245.000 C800.000,376.777 695.958,484.238 565.540,489.760 Z\"\n\t\t\t\t\/>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\t\t\t\t\n\t\t\t\t<div class=\"lqd-promo-img d-flex flex-column justify-content-center\">\n\t\t\t\t\t<div class=\"lqd-promo-img-inner overflow-hidden\" data-reveal=\"true\" data-reveal-options='{ \"direction\": \"rl\", \"bgcolor\": \"#FFFFFF\", \"revealSettings\": { \"onCoverAnimations\": [ {\"scale\": 2}, {\"scale\": 1} ] } }'>\n\t\t\t\t\t\t<figure><img decoding=\"async\" width=\"2987\" height=\"1538\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1600 824'%2F%3E\" class=\"w-100 ld-lazyload\" alt=\"Fifteen Twelve\" itemprop=\"image\" data-src=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3.png\" data-srcset=\"https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3.png 2987w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3-300x154.png 300w, https:\/\/taawdesign.com\/wp-content\/uploads\/2024\/09\/3-1024x527.png 1024w\" data-sizes=\"(max-width: 2987px) 100vw, 2987px\" data-aspect=\"1.9417475728155\" \/><\/figure>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"lqd-promo-content d-flex flex-column align-items-start justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lqd-promo-content-inner\"\n\t\t\t\t\t\tdata-custom-animations=\"true\"\n\t\t\t\t\t\tdata-ca-options='{ \"triggerHandler\": \"inview\", \"animationTarget\": \".lqd-chars .split-inner, .lqd-lines .split-inner, .elementor-button\", \"duration\": 650, \"startDelay\": 150, \"delay\": 50, \"initValues\": { \"translateY\": 30, \"opacity\": 0 }, \"animations\": { \"translateY\": 0, \"opacity\": 1 } }'\n\t\t\t\t\t>\n\t\t\t\t\t\t<h2\n\t\t\t\tclass=\"lqd-promo-title \"\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"chars, words\" }'\n\t\t\t>Fifteen Twelve<\/h2>\t\t\t\t\t\t<p\n\t\t\t\tdata-split-text=\"true\"\n\t\t\t\tdata-split-options='{ \"type\": \"lines\" }'\n\t\t\t>Designed for a shopping brand.<\/p>\t\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/fifteentwelvesalon.com\" target=\"_blank\" rel=\"nofollow\"class=\"elementor-button btn btn-naked btn-icon-right btn-hover-reveal btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"\u2014 visit site\" class=\"btn-txt\">\n\t\t\t\t\t\t\u2014 visit site\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-md-arrow-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navigation Bar Home Services Projects Contact start project t a a w Scroll Back To Top Tesla Electrical Services Designed for an electrical services company. \u2014 visit site Hatch Coffee Designed for a coffee shop. \u2014 visit site Fifteen Twelve Designed for a shopping brand. \u2014 visit site<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taawdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2248"}],"version-history":[{"count":29,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248\/revisions"}],"predecessor-version":[{"id":2368,"href":"https:\/\/taawdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/2248\/revisions\/2368"}],"wp:attachment":[{"href":"https:\/\/taawdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}