CINXE.COM

<!DOCTYPE html> <html lang="en-GB" prefix="og: https://ogp.me/ns#" class="no-js"> <head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="1.2.6",this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this.t.bind(this),this.touchStartHandler=this.i.bind(this),this.touchMoveHandler=this.o.bind(this),this.touchEndHandler=this.h.bind(this),this.clickHandler=this.u.bind(this),this.interceptedClicks=[],this.interceptedClickListeners=[],this.l(this),window.addEventListener("pageshow",(t=>{this.persisted=t.persisted,this.everythingLoaded&&this.m()})),this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",(t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))})),document.addEventListener("DOMContentLoaded",(()=>{this.k()})),this.delayedScripts={normal:[],async:[],defer:[]},this.trash=[],this.allJQueries=[]}p(t){document.hidden?t.t():(this.triggerEvents.forEach((e=>window.addEventListener(e,t.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",t.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",t.touchStartHandler),document.addEventListener("visibilitychange",t.userEventHandler))}_(){this.triggerEvents.forEach((t=>window.removeEventListener(t,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}i(t){"HTML"!==t.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),t.target.addEventListener("click",this.clickHandler),this.L(t.target,!0),this.S(t.target,"onclick","rocket-onclick"),this.C())}o(t){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.M()}h(){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}u(t){t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.interceptedClicks.push(t),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.M()}O(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((t=>{t.target.dispatchEvent(new MouseEvent("click",{view:t.view,bubbles:!0,cancelable:!0}))}))}l(t){EventTarget.prototype.addEventListenerWPRocketBase=EventTarget.prototype.addEventListener,EventTarget.prototype.addEventListener=function(e,i,o){"click"!==e||t.windowLoaded||i===t.clickHandler||t.interceptedClickListeners.push({target:this,func:i,options:o}),(this||window).addEventListenerWPRocketBase(e,i,o)}}L(t,e){this.interceptedClickListeners.forEach((i=>{i.target===t&&(e?t.removeEventListener("click",i.func,i.options):t.addEventListener("click",i.func,i.options))})),t.parentNode!==document.documentElement&&this.L(t.parentNode,e)}D(){return new Promise((t=>{this.P?this.M=t:t()}))}C(){this.P=!0}M(){this.P=!1}S(t,e,i){t.hasAttribute&&t.hasAttribute(e)&&(event.target.setAttribute(i,event.target.getAttribute(e)),event.target.removeAttribute(e))}t(){this._(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this.R.bind(this)):this.R()}k(){let t=[];document.querySelectorAll("script[type=rocketlazyloadscript][data-rocket-src]").forEach((e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){0===i.indexOf("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}})),t=[...new Map(t.map((t=>[JSON.stringify(t),t]))).values()],this.T(t,"preconnect")}async R(){this.lastBreath=Date.now(),this.j(this),this.F(this),this.I(),this.W(),this.q(),await this.A(this.delayedScripts.normal),await this.A(this.delayedScripts.defer),await this.A(this.delayedScripts.async);try{await this.U(),await this.H(this),await this.J()}catch(t){console.error(t)}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.D().then((()=>{this.O()})),this.N()}W(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)}))}async B(t){if(await this.G(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise((e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.indexOf("Firefox/")>0||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach((t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))})),t.text&&(i.text=t.text),i.hasAttribute("src")?(i.addEventListener("load",o),i.addEventListener("error",(function(){i.setAttribute("data-rocket-status","failed-network"),e()})),setTimeout((()=>{i.isConnected||e()}),1)):(i.text=t.text,o()),t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o),t.addEventListener("error",(i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: data-uri blocked by CSP -> fallback"),t.removeAttribute("src"),this.B(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())})),s?(t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}}));t.setAttribute("data-rocket-status","skipped")}async A(t){const e=t.shift();return e&&e.isConnected?(await this.B(e),this.A(t)):Promise.resolve()}q(){this.T([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}T(t,e){var i=document.createDocumentFragment();t.forEach((t=>{const o=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(o&&!o.startsWith("data:")){const s=document.createElement("link");s.href=o,s.rel=e,"preconnect"!==e&&(s.as="script"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(s.crossOrigin=!0),t.crossOrigin&&(s.crossOrigin=t.crossOrigin),t.integrity&&(s.integrity=t.integrity),i.appendChild(s),this.trash.push(s)}})),document.head.appendChild(i)}j(t){let e={};function i(i,o){return e[o].eventsToRewrite.indexOf(i)>=0&&!t.everythingLoaded?"rocket-"+i:i}function o(t,o){!function(t){e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(o)}function s(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o||function(){},set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}o(document,"DOMContentLoaded"),o(window,"DOMContentLoaded"),o(window,"load"),o(window,"pageshow"),o(document,"readystatechange"),s(document,"onreadystatechange"),s(window,"onload"),s(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}F(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map((t=>"load"===t||0===t.indexOf("load.")?"rocket-jquery-load":t)).join(" ")}function o(o){function s(t){const e=o.fn[t];o.fn[t]=o.fn.init.prototype[t]=function(){return this[0]===window&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e}))),e.apply(this,arguments),this}}o&&o.fn&&!t.allJQueries.includes(o)&&(o.fn.ready=o.fn.init.prototype.ready=function(e){return t.domReadyFired?e.bind(document)(o):document.addEventListener("rocket-DOMContentLoaded",(()=>e.bind(document)(o))),o([])},s("on"),s("one"),t.allJQueries.push(o)),e=o}o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}async H(t){const e=document.querySelector("script[data-webpack]");e&&(await async function(){return new Promise((t=>{e.addEventListener("load",t),e.addEventListener("error",t)}))}(),await t.K(),await t.H(t))}async U(){this.domReadyFired=!0;try{document.readyState="interactive"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}async J(){try{document.readyState="complete"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted}),this.windowLoaded=!0}m(){document.onreadystatechange&&document.onreadystatechange(),window.onload&&window.onload(),window.onpageshow&&window.onpageshow({persisted:this.persisted})}I(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript;i||console.error("WPRocket unable to document.write this: "+e);const o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async G(){Date.now()-this.lastBreath>45&&(await this.K(),this.lastBreath=Date.now())}async K(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}N(){this.trash.forEach((t=>t.remove()))}static run(){const t=new RocketLazyLoadScripts;t.p(t)}}RocketLazyLoadScripts.run()})();</script> <meta name="language" content="English"> <meta name="revisit-after" content="20 days"> <meta name="author" content="Subraa"> <meta name="copyright" content="Subraa"> <meta name="distribution" content="global"> <meta name="googlebot" content="index, follow"> <meta name="geo.region" content="SG" /> <meta name="geo.placename" content="Singapore" /> <meta name="geo.position" content="1.378230;103.901398" /> <meta name="ICBM" content="1.378230, 103.901398" /> <link data-minify="1" rel="stylesheet" href="//www.subraa.com/there/wp-content/cache/min/1/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ver=1737587328">    <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="//gmpg.org/xfn/11"> <link rel="pingback" href="//www.subraa.com/there/xmlrpc.php"> <script type="rocketlazyloadscript">(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <style type="text/css"> .heateorSssInstagramBackground{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)} .heateor_sss_horizontal_sharing .heateorSssSharing,.heateor_sss_standard_follow_icons_container .heateorSssSharing{ color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_horizontal_sharing .heateorSssTCBackground{ color:#666; } .heateor_sss_horizontal_sharing .heateorSssSharing:hover,.heateor_sss_standard_follow_icons_container .heateorSssSharing:hover{ border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssSharing,.heateor_sss_floating_follow_icons_container .heateorSssSharing{ color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssTCBackground{ color:#666; } .heateor_sss_vertical_sharing .heateorSssSharing:hover,.heateor_sss_floating_follow_icons_container .heateorSssSharing:hover{ border-color: transparent; } @media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}@media screen and (max-width:783px) {.heateor_sss_floating_follow_icons_container{display:none!important}}</style><meta name="dlm-version" content="4.7.76">  <title>7 Essential Steps to Successful Web Design - A Guide to Creating Stunning Websites [February 2025]</title><link rel="preload" data-rocket-preload as="style" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" /><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600%2C700%7CMerriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext&display=swap" /></noscript><link rel="preload" data-rocket-preload as="image" href="//www.subraa.com/there/wp-content/uploads/2020/05/Subraa-Freelance-Web-Designer-Blog.jpg" fetchpriority="high"> <meta name="description" content="7 essential steps to successful Web Design. Websites are no more just a place where people find your business, it's the face of your brand and key for your success."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://www.subraa.com/7-essential-steps-to-successful-web-design/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="7 Essential Steps to Successful Web Design - A Guide to Creating Stunning Websites [February 2025]" /> <meta property="og:description" content="7 essential steps to successful Web Design. Websites are no more just a place where people find your business, it's the face of your brand and key for your success." /> <meta property="og:url" content="https://www.subraa.com/7-essential-steps-to-successful-web-design/" /> <meta property="og:site_name" content="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]" /> <meta property="article:publisher" content="https://www.facebook.com/SubraaSingapore" /> <meta property="article:author" content="https://www.facebook.com/SubraaSingapore" /> <meta property="article:tag" content="essential steps" /> <meta property="article:tag" content="Tips and Tricks" /> <meta property="article:tag" content="web design" /> <meta property="article:tag" content="web design tips" /> <meta property="article:tag" content="web designing" /> <meta property="article:section" content="Blog" /> <meta property="og:updated_time" content="2025-01-23T07:11:56+08:00" /> <meta property="og:image" content="https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg" /> <meta property="og:image:secure_url" content="https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg" /> <meta property="og:image:width" content="1293" /> <meta property="og:image:height" content="1084" /> <meta property="og:image:alt" content="The 7 Essential Steps to Successful Web Design - Freelance Web Designer Singapore" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="article:published_time" content="2025-01-23T07:07:29+08:00" /> <meta property="article:modified_time" content="2025-01-23T07:11:56+08:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="7 Essential Steps to Successful Web Design - A Guide to Creating Stunning Websites [February 2025]" /> <meta name="twitter:description" content="7 essential steps to successful Web Design. Websites are no more just a place where people find your business, it's the face of your brand and key for your success." /> <meta name="twitter:site" content="@SubraaPD" /> <meta name="twitter:creator" content="@SubraaPD" /> <meta name="twitter:image" content="https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Subraa" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="10 minutes" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.subraa.com/#organization","name":"Subraa","url":"https://www.subraa.com","sameAs":["https://www.facebook.com/SubraaSingapore","https://twitter.com/SubraaPD","https://sg.linkedin.com/in/subraapd","https://www.instagram.com/freelance_singapore_designer/","https://in.pinterest.com/subraa/","https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg"],"email":"info@subraa.com","logo":{"@type":"ImageObject","@id":"https://www.subraa.com/#logo","url":"https://subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg","contentUrl":"https://subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg","caption":"#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]","inLanguage":"en-GB","width":"171","height":"43"},"contactPoint":[{"@type":"ContactPoint","telephone":"+6597957890","contactType":"customer support"},{"@type":"ContactPoint","telephone":"+6597957890","contactType":"technical support"},{"@type":"ContactPoint","telephone":"+6597957890","contactType":"billing support"},{"@type":"ContactPoint","telephone":"+6597957890","contactType":"bill payment"},{"@type":"ContactPoint","telephone":"+6597957890","contactType":"sales"}],"legalName":"Subraa Singapore Pte. Ltd."},{"@type":"WebSite","@id":"https://www.subraa.com/#website","url":"https://www.subraa.com","name":"#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]","publisher":{"@id":"https://www.subraa.com/#organization"},"inLanguage":"en-GB"},{"@type":"ImageObject","@id":"https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg","url":"https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg","width":"1293","height":"1084","caption":"The 7 Essential Steps to Successful Web Design - Freelance Web Designer Singapore","inLanguage":"en-GB"},{"@type":"WebPage","@id":"https://www.subraa.com/7-essential-steps-to-successful-web-design/#webpage","url":"https://www.subraa.com/7-essential-steps-to-successful-web-design/","name":"7 Essential Steps to Successful Web Design - A Guide to Creating Stunning Websites [February 2025]","datePublished":"2025-01-23T07:07:29+08:00","dateModified":"2025-01-23T07:11:56+08:00","isPartOf":{"@id":"https://www.subraa.com/#website"},"primaryImageOfPage":{"@id":"https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg"},"inLanguage":"en-GB"},{"@type":"Person","@id":"https://www.subraa.com/author/subraauseradmin/","name":"Subraa","description":"Subraa offers expert web design, logo design and SEO services in Singapore. Enhance your brand with a professional freelance designer dedicated to creating impactful digital experiences.","url":"https://www.subraa.com/author/subraauseradmin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/500fe9b791eaed7175c1ed59d62b2cc3?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/500fe9b791eaed7175c1ed59d62b2cc3?s=96&d=mm&r=g","caption":"Subraa","inLanguage":"en-GB"},"sameAs":["https://www.subraa.com","https://www.facebook.com/SubraaSingapore","https://twitter.com/SubraaPD","https://www.instagram.com/freelance_singapore_designer/","https://sg.linkedin.com/in/subraapd","https://in.pinterest.com/subraa/","https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg"],"worksFor":{"@id":"https://www.subraa.com/#organization"}},{"headline":"The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites","description":"Websites are no more just a place where people find your business, it's the face of your brand and key for your success. Whether you're a start-up, a small business, or a personal brand, creating a stunning and functional website is essential for building trust, engaging your audience, and growing your business.","keywords":"essential steps to successful web design","@type":"BlogPosting","author":{"@id":"https://www.subraa.com/author/subraauseradmin/","name":"Subraa"},"datePublished":"2025-01-23T07:07:29+08:00","dateModified":"2025-01-23T07:11:56+08:00","image":{"@id":"https://www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg"},"name":"The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites","subjectOf":[{"@type":"FAQPage","name":"The 7 Essential Steps to Successful Web Design - FAQ","url":"https://www.subraa.com/7-essential-steps-to-successful-web-design/","datePublished":"2025-01-23T07:07:29+08:00","dateModified":"2025-01-23T07:11:56+08:00","mainEntity":[{"@type":"Question","name":"Why should I hire a freelance web designer instead of using DIY website builders?","acceptedAnswer":{"@type":"Answer","text":"Hiring a freelance web designer offers bespoke solutions that align with your business. Unlike DIY website builders that rely on templates, which are also used by other businesses online, freelance designers create unique, professional, and scalable websites that align with your brand. Additionally, they ensure your website is SEO-friendly, mobile-responsive, and optimized for performance\u2014factors that DIY platforms may not fully address."}},{"@type":"Question","name":"How long does it take to complete the website design?","acceptedAnswer":{"@type":"Answer","text":"The timeline for website design depends on the project\u2019s complexity which involves the number of pages in the website, design needs, functionality, and customizations required. On average: - A simple website may take 2\u20134 weeks. - A more complex website with advanced features could take 6\u20138 weeks. Working with an experienced freelance web designer ensures the process is efficiently handled."}},{"@type":"Question","name":"What is the role of content in the web design process?","acceptedAnswer":{"@type":"Answer","text":"Website Content is the most critical component. It includes text, images, videos, and other elements communicating your message to your audience. Great content not only engaes visitors but also improves SEO rankings for the targeted keywords for your business. Clear CTAs drive conversion. You can hire us for SEO-optimised content writing now."}},{"@type":"Question","name":"How does a freelance web designer ensure my website is mobile-friendly?","acceptedAnswer":{"@type":"Answer","text":"Freelance web designers prioritize responsive website design, which ensures your website adapts to all screen sizes, including desktops, tablets, and smartphones. Responsive website design is crucial for all websites."}},{"@type":"Question","name":"What is a sitemap, and why is it important for web design?","acceptedAnswer":{"@type":"Answer","text":"A sitemap is a blueprint of your website\u2019s structure, outlining all the pages and their hierarchy. Sitemap will help users to navigate easily as it is logically organised and helps search engines crawl and index your website. Your freelance web designer will help to create the sitemap for your website."}},{"@type":"Question","name":"What happens after my website is launched?","acceptedAnswer":{"@type":"Answer","text":"Launching your website is just the beginning! Post-launch activities includes regular updates to your website to ensure smooth and secure flow. You can opt for monthly SEO to improve rankings to your website and create brand awareness. Contact us for website maintenance, website security maintenance and SEO."}}]}],"@id":"https://www.subraa.com/7-essential-steps-to-successful-web-design/#schema-404395","isPartOf":{"@id":"https://www.subraa.com/7-essential-steps-to-successful-web-design/#webpage"},"publisher":{"@id":"https://www.subraa.com/#organization"},"inLanguage":"en-GB","mainEntityOfPage":{"@id":"https://www.subraa.com/7-essential-steps-to-successful-web-design/#webpage"}}]}</script>  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link href='//fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024] » Feed" href="//www.subraa.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024] » Comments Feed" href="//www.subraa.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="#1 Premier Freelance Web Designer & Web Developer in Singapore [2024] » The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites Comments Feed" href="//www.subraa.com/7-essential-steps-to-successful-web-design/feed/" /> <style id='wp-emoji-styles-inline-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='//www.subraa.com/there/wp-includes/css/dist/block-library/style.min.css?ver=d9df1a11952db441a83d70fd670f3827' media='all' /> <style id='wp-block-library-theme-inline-css'> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--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--color--dark-gray: #1a1a1a;--wp--preset--color--medium-gray: #686868;--wp--preset--color--light-gray: #e5e5e5;--wp--preset--color--blue-gray: #4d545c;--wp--preset--color--bright-blue: #007acc;--wp--preset--color--light-blue: #9adffd;--wp--preset--color--dark-brown: #402b30;--wp--preset--color--medium-brown: #774e24;--wp--preset--color--dark-red: #640c1f;--wp--preset--color--bright-red: #ff675f;--wp--preset--color--yellow: #ffef8e;--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--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link data-minify="1" rel='stylesheet' id='wpsm_counter-font-awesome-front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/font-awesome/css/font-awesome.min.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='wpsm_counter_bootstrap-front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/bootstrap-front.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='wpsm_counter_column-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/css/counter-column.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='popupaoc-public-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/popup-anything-on-click/assets/css/popupaoc-public-style.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='brb-public-main-css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/business-reviews-bundle/assets/css/public-main.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='wordpress-popular-posts-css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/wordpress-popular-posts/assets/css/wpp.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='parent-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/style.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='child-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/subraa/style.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='genericons-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/genericons/genericons.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='twentysixteen-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/subraa/style.css?ver=1737587328' media='all' /> <link data-minify="1" rel='stylesheet' id='twentysixteen-block-style-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/css/blocks.css?ver=1737587328' media='all' />    <link rel='stylesheet' id='cookie-notice-front-css' href='//www.subraa.com/there/wp-content/plugins/cookie-notice/css/front.min.css?ver=d9df1a11952db441a83d70fd670f3827' media='all' /> <link data-minify="1" rel='stylesheet' id='heateor_sss_frontend_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=1737587364' media='all' /> <link data-minify="1" rel='stylesheet' id='heateor_sss_sharing_default_svg-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/admin/css/sassy-social-share-svg.css?ver=1737587364' media='all' /> <link data-minify="1" rel='stylesheet' id='js_composer_front-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=1737587329' media='all' /> <style id='rocket-lazyload-inline-css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.subraa.com/there/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0} </style> <script src="//www.subraa.com/there/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="//www.subraa.com/there/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script id="brb-public-main-js-js-extra"> var brb_vars = {"ajaxurl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","gavatar":"https:\/\/www.subraa.com\/there\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png"}; </script> <script type="rocketlazyloadscript" data-minify="1" defer="defer" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/business-reviews-bundle/assets/js/public-main.js?ver=1737587329" id="brb-public-main-js-js"></script> <script id="wpp-json" type="application/json"> {"sampling_active":0,"sampling_rate":100,"ajax_url":"https:\/\/www.subraa.com\/wp-json\/wordpress-popular-posts\/v1\/popular-posts","api_url":"https:\/\/www.subraa.com\/wp-json\/wordpress-popular-posts","ID":33288,"token":"d5845a112d","lang":0,"debug":0} </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/wordpress-popular-posts/assets/js/wpp.min.js?ver=5.5.1" id="wpp-js-js" defer></script>  <script id="cookie-notice-front-js-extra"> var cnArgs = {"ajaxUrl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","nonce":"e36a715bac","hideEffect":"fade","position":"bottom","onScroll":"0","onScrollOffset":"100","onClick":"0","cookieName":"cookie_notice_accepted","cookieTime":"2592000","cookieTimeRejected":"2592000","globalCookie":"0","redirection":"0","cache":"1","refuse":"0","revokeCookies":"0","revokeCookiesOpt":"automatic","secure":"1"}; </script> <script type="rocketlazyloadscript" async data-rocket-src="//www.subraa.com/there/wp-content/plugins/cookie-notice/js/front.min.js?ver=2.4.6" id="cookie-notice-front-js"></script> <link rel="https://api.w.org/" href="//www.subraa.com/wp-json/" /><link rel="alternate" type="application/json" href="//www.subraa.com/wp-json/wp/v2/posts/33288" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="//www.subraa.com/there/xmlrpc.php?rsd" /> <link rel="alternate" type="application/json+oembed" href="//www.subraa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F" /> <link rel="alternate" type="text/xml+oembed" href="//www.subraa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F&format=xml" />  <script type="rocketlazyloadscript">(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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MQL5LC89');</script>  <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/js/subraa/c9836d67570b480193fb7c06a00eeab2.js?ver=1737587329" defer></script>    <script type="rocketlazyloadscript"> (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){ var o={ti:"25151261", enableAutoSpaTracking: false, tm:"wpp_1.0.5"}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")}, n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() {var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq"); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1; t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "78lp8fk3u5"); </script> <style id="mystickymenu" type="text/css">#mysticky-nav { width:100%; position: static; }#mysticky-nav.wrapfixed { position:fixed; left: 0px; margin-top:0px; z-index: 99990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; background-color: #ffffff;}#mysticky-nav.wrapfixed .myfixed{ background-color: #ffffff; position: relative;top: auto;left: auto;right: auto;}#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }</style> <style type="text/css"> #mysticky-nav.wrapfixed > .site-header {padding-top: 0;padding-bottom: 0;} </style> <style id="wpp-loading-animation-styles">@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-placeholder,.wpp-widget-block-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}</style> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>  <style type="text/css" id="twentysixteen-header-css"> .site-branding { margin: 0 auto 0 0; } .site-branding .site-title, .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; } </style> <meta name="flattr:id" content="gkxrk5"><link rel="icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" sizes="32x32" /> <link rel="icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="//www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" /> <meta name="msapplication-TileImage" content="https://www.subraa.com/there/wp-content/uploads/2020/04/favicon.png" /> <style>button#responsive-menu-button, #responsive-menu-container { display: none; -webkit-text-size-adjust: 100%; } @media screen and (max-width:1024px) { #responsive-menu-container { display: block; position: fixed; top: 0; bottom: 0; z-index: 99998; padding-bottom: 5px; margin-bottom: -5px; outline: 1px solid transparent; overflow-y: auto; overflow-x: hidden; } #responsive-menu-container .responsive-menu-search-box { width: 100%; padding: 0 2%; border-radius: 2px; height: 50px; -webkit-appearance: none; } #responsive-menu-container.push-left, #responsive-menu-container.slide-left { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); } .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-top, #responsive-menu-container.slide-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container.push-right, #responsive-menu-container.slide-right { transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); } .responsive-menu-open #responsive-menu-container.push-right, .responsive-menu-open #responsive-menu-container.slide-right { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-bottom, #responsive-menu-container.slide-bottom { transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); } .responsive-menu-open #responsive-menu-container.push-bottom, .responsive-menu-open #responsive-menu-container.slide-bottom { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container, #responsive-menu-container:before, #responsive-menu-container:after, #responsive-menu-container *, #responsive-menu-container *:before, #responsive-menu-container *:after { box-sizing: border-box; margin: 0; padding: 0; } #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title { padding: 25px 5%; } #responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul { width: 100%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu { display: none; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open { display: block; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link { padding-left:10%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link { padding-left:15%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link { padding-left:20%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link { padding-left:25%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link { padding-left:30%; } #responsive-menu-container li.responsive-menu-item { width: 100%; list-style: none; } #responsive-menu-container li.responsive-menu-item a { width: 100%; display: block; text-decoration: none; position: relative; } #responsive-menu-container #responsive-menu li.responsive-menu-item a { padding: 0 5%; } #responsive-menu-container .responsive-menu-submenu li.responsive-menu-item a { padding: 0 5%; } #responsive-menu-container li.responsive-menu-item a .fa { margin-right: 15px; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow { position: absolute; top: 0; bottom: 0; text-align: center; overflow: hidden; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa { margin-right: 0; } button#responsive-menu-button .responsive-menu-button-icon-inactive { display: none; } button#responsive-menu-button { z-index: 99999; display: none; overflow: hidden; outline: none; } button#responsive-menu-button img { max-width: 100%; } .responsive-menu-label { display: inline-block; font-weight: 600; margin: 0 5px; vertical-align: middle; } .responsive-menu-label .responsive-menu-button-text-open { display: none; } .responsive-menu-accessible { display: inline-block; } .responsive-menu-accessible .responsive-menu-box { display: inline-block; vertical-align: middle; } .responsive-menu-label.responsive-menu-label-top, .responsive-menu-label.responsive-menu-label-bottom { display: block; margin: 0 auto; } button#responsive-menu-button { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .responsive-menu-box { width:25px; height:19px; display: inline-block; position: relative; } .responsive-menu-inner { display: block; top: 50%; margin-top:-1.5px; } .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { width:25px; height:3px; background-color:#ffffff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .responsive-menu-open .responsive-menu-inner, .responsive-menu-open .responsive-menu-inner::before, .responsive-menu-open .responsive-menu-inner::after { background-color:#ffffff; } button#responsive-menu-button:hover .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after { background-color:#ffffff; } .responsive-menu-inner::before, .responsive-menu-inner::after { content: ""; display: block; } .responsive-menu-inner::before { top:-8px; } .responsive-menu-inner::after { bottom:-8px; }.responsive-menu-boring .responsive-menu-inner, .responsive-menu-boring .responsive-menu-inner::before, .responsive-menu-boring .responsive-menu-inner::after { transition-property: none; } .responsive-menu-boring.is-active .responsive-menu-inner { transform: rotate(45deg); } .responsive-menu-boring.is-active .responsive-menu-inner::before { top: 0; opacity: 0; } .responsive-menu-boring.is-active .responsive-menu-inner::after { bottom: 0; transform: rotate(-90deg); } button#responsive-menu-button { width:55px; height:55px; position:fixed; top:15px;right:5%; background:#031c5c } .responsive-menu-open button#responsive-menu-button { background:#031c5c } .responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus { background:#031c5c } button#responsive-menu-button .responsive-menu-box { color:#ffffff; } .responsive-menu-open button#responsive-menu-button .responsive-menu-box { color:#ffffff; } .responsive-menu-label { color:#ffffff; font-size:14px; line-height:13px; } button#responsive-menu-button { display: inline-block; transition: transform 0.5s, background-color 0.5s; } #responsive-menu-container { width:75%;left: 0; transition: transform 0.5s; text-align:left; background:#ffffff; } #responsive-menu-container #responsive-menu-wrapper { background:#ffffff; } #responsive-menu-container #responsive-menu-additional-content { color:#ffffff; } #responsive-menu-container .responsive-menu-search-box { background:#ffffff; border: 2px solid #dadada; color:#333333; } #responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder { color:#c7c7cd; } #responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder { color:#c7c7cd; } #responsive-menu-container .responsive-menu-search-box:-moz-placeholder { color:#c7c7cd; opacity: 1; } #responsive-menu-container .responsive-menu-search-box::-moz-placeholder { color:#c7c7cd; opacity: 1; } #responsive-menu-container .responsive-menu-item-link, #responsive-menu-container #responsive-menu-title, #responsive-menu-container .responsive-menu-subarrow { transition: background-color 0.5s, border-color 0.5s, color 0.5s; } #responsive-menu-container #responsive-menu-title { background-color:#ffffff; color:#ffffff; font-size:14px; text-align:left; } #responsive-menu-container #responsive-menu-title a { color:#ffffff; font-size:14px; text-decoration: none; } #responsive-menu-container #responsive-menu-title a:hover { color:#ffffff; } #responsive-menu-container #responsive-menu-title:hover { background-color:#ffffff; color:#ffffff; } #responsive-menu-container #responsive-menu-title:hover a { color:#ffffff; } #responsive-menu-container #responsive-menu-title #responsive-menu-title-image { display: inline-block; vertical-align: middle; max-width: 100%; margin-bottom: 15px; } #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img { max-width: 100%; } #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a { border-top:1px solid #ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size:13px; } #responsive-menu-container #responsive-menu li.responsive-menu-item a { line-height:40px; border-bottom:1px solid #ffffff; color:#031c5c; background-color:#ffffff; height:40px; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover { color:#031c5c; background-color:#ffffff; border-color:#ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {right: 0; height:39px; line-height:39px; width:40px; color:#ffffff; border-left:1px solid #212121; background-color:#212121; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#212121; background-color:#212121; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link { background-color:#ffffff; color:#ff901c; border-color:#ffffff; } #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background-color:#ffffff; color:#ff901c; border-color:#ffffff; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link { font-size:13px; text-align:left; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a { height:40px; line-height:40px; border-bottom:1px solid #212121; color:#ffffff; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover { color:#ffffff; background-color:#3f3f3f; border-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow { left:unset; right:0; height:39px; line-height:39px; width:40px; color:#ffffff; border-left:1px solid #212121 !important; border-right:unset !important; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active { color:#ffffff; border-color:#212121; background-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover { color:#ffffff; border-color:#3f3f3f; background-color:#3f3f3f; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link { background-color:#212121; color:#ffffff; border-color:#212121; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background-color:#3f3f3f; color:#ffffff; border-color:#3f3f3f; }}</style><script type="rocketlazyloadscript">jQuery(document).ready(function($) { var ResponsiveMenu = { trigger: '#responsive-menu-button', animationSpeed:500, breakpoint:1024, pushButton: 'off', animationType: 'slide', animationSide: 'left', pageWrapper: '', isOpen: false, triggerTypes: 'click', activeClass: 'is-active', container: '#responsive-menu-container', openClass: 'responsive-menu-open', accordion: 'off', activeArrow: '▲', inactiveArrow: '▼', wrapper: '#responsive-menu-wrapper', closeOnBodyClick: 'off', closeOnLinkClick: 'off', itemTriggerSubMenu: 'on', linkElement: '.responsive-menu-item-link', subMenuTransitionTime:200, openMenu: function() { $(this.trigger).addClass(this.activeClass); $('html').addClass(this.openClass); $('.responsive-menu-button-icon-active').hide(); $('.responsive-menu-button-icon-inactive').show(); this.setButtonTextOpen(); this.setWrapperTranslate(); this.isOpen = true; }, closeMenu: function() { $(this.trigger).removeClass(this.activeClass); $('html').removeClass(this.openClass); $('.responsive-menu-button-icon-inactive').hide(); $('.responsive-menu-button-icon-active').show(); this.setButtonText(); this.clearWrapperTranslate(); this.isOpen = false; }, setButtonText: function() { if($('.responsive-menu-button-text-open').length > 0 && $('.responsive-menu-button-text').length > 0) { $('.responsive-menu-button-text-open').hide(); $('.responsive-menu-button-text').show(); } }, setButtonTextOpen: function() { if($('.responsive-menu-button-text').length > 0 && $('.responsive-menu-button-text-open').length > 0) { $('.responsive-menu-button-text').hide(); $('.responsive-menu-button-text-open').show(); } }, triggerMenu: function() { this.isOpen ? this.closeMenu() : this.openMenu(); }, triggerSubArrow: function(subarrow) { var sub_menu = $(subarrow).parent().siblings('.responsive-menu-submenu'); var self = this; if(this.accordion == 'on') { /* Get Top Most Parent and the siblings */ var top_siblings = sub_menu.parents('.responsive-menu-item-has-children').last().siblings('.responsive-menu-item-has-children'); var first_siblings = sub_menu.parents('.responsive-menu-item-has-children').first().siblings('.responsive-menu-item-has-children'); /* Close up just the top level parents to key the rest as it was */ top_siblings.children('.responsive-menu-submenu').slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); /* Set each parent arrow to inactive */ top_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); $(this).find('.responsive-menu-subarrow').first().removeClass('responsive-menu-subarrow-active'); }); /* Now Repeat for the current item siblings */ first_siblings.children('.responsive-menu-submenu').slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); first_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); $(this).find('.responsive-menu-subarrow').first().removeClass('responsive-menu-subarrow-active'); }); } if(sub_menu.hasClass('responsive-menu-submenu-open')) { sub_menu.slideUp(self.subMenuTransitionTime, 'linear').removeClass('responsive-menu-submenu-open'); $(subarrow).html(this.inactiveArrow); $(subarrow).removeClass('responsive-menu-subarrow-active'); } else { sub_menu.slideDown(self.subMenuTransitionTime, 'linear').addClass('responsive-menu-submenu-open'); $(subarrow).html(this.activeArrow); $(subarrow).addClass('responsive-menu-subarrow-active'); } }, menuHeight: function() { return $(this.container).height(); }, menuWidth: function() { return $(this.container).width(); }, wrapperHeight: function() { return $(this.wrapper).height(); }, setWrapperTranslate: function() { switch(this.animationSide) { case 'left': translate = 'translateX(' + this.menuWidth() + 'px)'; break; case 'right': translate = 'translateX(-' + this.menuWidth() + 'px)'; break; case 'top': translate = 'translateY(' + this.wrapperHeight() + 'px)'; break; case 'bottom': translate = 'translateY(-' + this.menuHeight() + 'px)'; break; } if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':translate}); $('html, body').css('overflow-x', 'hidden'); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':translate}); } }, clearWrapperTranslate: function() { var self = this; if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':''}); setTimeout(function() { $('html, body').css('overflow-x', ''); }, self.animationSpeed); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':''}); } }, init: function() { var self = this; $(this.trigger).on(this.triggerTypes, function(e){ e.stopPropagation(); self.triggerMenu(); }); $(this.trigger).mouseup(function(){ $(self.trigger).blur(); }); $('.responsive-menu-subarrow').on('click', function(e) { e.preventDefault(); e.stopPropagation(); self.triggerSubArrow(this); }); $(window).resize(function() { if($(window).width() > self.breakpoint) { if(self.isOpen){ self.closeMenu(); } } else { if($('.responsive-menu-open').length>0){ self.setWrapperTranslate(); } } }); if(this.closeOnLinkClick == 'on') { $(this.linkElement).on('click', function(e) { e.preventDefault(); /* Fix for when close menu on parent clicks is on */ if(self.itemTriggerSubMenu == 'on' && $(this).is('.responsive-menu-item-has-children > ' + self.linkElement)) { return; } old_href = $(this).attr('href'); old_target = typeof $(this).attr('target') == 'undefined' ? '_self' : $(this).attr('target'); if(self.isOpen) { if($(e.target).closest('.responsive-menu-subarrow').length) { return; } self.closeMenu(); setTimeout(function() { window.open(old_href, old_target); }, self.animationSpeed); } }); } if(this.closeOnBodyClick == 'on') { $(document).on('click', 'body', function(e) { if(self.isOpen) { if($(e.target).closest('#responsive-menu-container').length || $(e.target).closest('#responsive-menu-button').length) { return; } } self.closeMenu(); }); } if(this.itemTriggerSubMenu == 'on') { $('.responsive-menu-item-has-children > ' + this.linkElement).on('click', function(e) { e.preventDefault(); self.triggerSubArrow($(this).children('.responsive-menu-subarrow').first()); }); } if (jQuery('#responsive-menu-button').css('display') != 'none') { $('#responsive-menu-button,#responsive-menu a.responsive-menu-item-link, #responsive-menu-wrapper input').focus( function() { $(this).addClass('is-active'); $('html').addClass('responsive-menu-open'); $('#responsive-menu li').css({"opacity": "1", "margin-left": "0"}); }); $('#responsive-menu-button, a.responsive-menu-item-link,#responsive-menu-wrapper input').focusout( function() { if ( $(this).last('#responsive-menu-button a.responsive-menu-item-link') ) { $(this).removeClass('is-active'); $('html').removeClass('responsive-menu-open'); } }); } $('#responsive-menu a.responsive-menu-item-link').keydown(function(event) { console.log( event.keyCode ); if ( [13,27,32,35,36,37,38,39,40].indexOf( event.keyCode) == -1) { return; } var link = $(this); switch(event.keyCode) { case 13: link.click(); break; case 27: var dropdown = link.parent('li').parents('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.hide(); dropdown.prev().focus(); } break; case 32: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.show(); dropdown.find('a, input, button, textarea').first().focus(); } break; case 35: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if ( dropdown.length > 0 ) { dropdown.hide(); } $(this).parents('#responsive-menu').find('a.responsive-menu-item-link').filter(':visible').last().focus(); break; case 36: var dropdown = link.parent('li').find('.responsive-menu-submenu'); if( dropdown.length > 0 ) { dropdown.hide(); } $(this).parents('#responsive-menu').find('a.responsive-menu-item-link').filter(':visible').first().focus(); break; case 37: case 38: event.preventDefault(); event.stopPropagation(); if ( link.parent('li').prevAll('li').filter(':visible').first().length == 0) { link.parent('li').nextAll('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').prevAll('li').filter(':visible').first().find('a').first().focus(); } break; case 39: case 40: event.preventDefault(); event.stopPropagation(); if( link.parent('li').nextAll('li').filter(':visible').first().length == 0) { link.parent('li').prevAll('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').nextAll('li').filter(':visible').first().find('a').first().focus(); } break; } }); } }; ResponsiveMenu.init(); });</script> <style id="wp-custom-css"> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Open+Sans:wght@400;500;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* form */ .blog-inner-content .faq-tabs-sections .vc_tta-panel h4 span.vc_tta-title-text { margin-left: 30px; display: block; } .blog-inner-content .faq-tabs-sections .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 0px !important; } .blog-inner-content .faq-tabs-sections .vc_tta-panel { padding-top: 0; padding-bottom: 0; } .paoc-popup-modal span.wpcf7-not-valid-tip { bottom: -25px !important; position: absolute; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: transparent !important; } p, ul li, a, ol li, button, input, select, optgroup, textarea { font-family: "Inter", sans-serif !important; } span.sr-email { display: none; } .blog-inner-content .faq-tabs-sections .vc_tta-panel h4, .blog-inner-content .faq-tabs-sections .vc_tta-panel h4 span { font-size: 15px; text-transform: uppercase; letter-spacing: 2px; color: #666666; font-weight: 900; position: relative; } .blog-inner-content .faq-tabs-sections .vc_tta-panel.vc_active .vc_tta-panel-body p { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 30px; } .blog-inner-content .faq-tabs-sections .vc_tta.vc_general .vc_tta-panel-title a { padding: 5px 20px 5px 33px !important; } .blog-inner-content ul { margin-bottom: 10px; margin-left: 35px; } .blog-inner-content ol li { list-style-type: decimal; } .blog-inner-content ol { margin-bottom: 10px } .blog-inner-content ol li:before { content: none !important; } #home-page-top-header, .logo-home-page { display: none; } ul#other-page-top-header { margin-bottom: 0; } .contact-section-one p, .contact-section-one a { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #232323; letter-spacing: 0px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section img { width: 190px; margin-bottom: 18px !important; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section { margin-bottom: 50px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p a.dashed-link-with-normal-color:hover { color: #ff901c !important; border-bottom: 1px solid #ff901c !important; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p { font-family: 'Poppins', sans-serif; color: #5e6b8e !important; font-size: 16px; letter-spacing: 0px; line-height: 24px; } .Services-page-pricing-section-main-title.reviews-logo-design-page-section p a.dashed-link-with-normal-color { border-bottom: 1px solid #5e6b8e !important; } .heading-color { color: #031c5b; } .heading-color a { color: #031c5b; } .link-normal-color { color: #5e6b8e !important; } .dashed-link-with-normal-color { border-bottom: 1px dashed #c3c3c3 !important; color: #5e6b8e !important; } .dashed-link-with-orange-color { border-bottom: 1px dashed #c3c3c3 !important; color: #ff901c !important; } body .normal-paragraph-color { color: #5e6b8e !important; } .get-touch-main.contact-section-two select{ line-height: 34px; } .page-top-title-swap { padding-bottom: 110px; } .popupaoc-image-caption { padding-top: 15px !important; color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; text-align: center; } .logo-deliverable-sections { padding-top: 30px; } .logo-serv-types-logos { padding-bottom: 40px; } .services-key-features-section.logo-services-why-choose-subraa { padding-bottom: 60px; } .page-top-title-swap h1:before { content: ""; position: absolute; left: 0; right: 0; bottom: -50px; width: 50% !important; margin: 0 auto; height: 1px; background: #000043; background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #000043)); margin-bottom: 0px !important; /* animation: line 3s linear forwards; */ } .page-top-title-swap h2 { margin-top: 0px; } .page-top-title-swap h1 { position: absolute; top: auto; top: 70px; left: 0; right: 0; margin-bottom: 0px; } .page-top-title-swap { position: relative; } figcaption.vc_figure-caption { color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; text-align: center; } .services-page-third-section-left-contents h3 a { color: #031c5b; } .home-portfolio-show-more-button a { color: #fff !important; } .Services-page-pricing-section.logo-design-services-pricing-section { padding-bottom: 50px; } table.table-inner-logo-section td:nth-child(1) { color: #ff901c !important; } .packaging-notes p { font-family: 'Poppins', sans-serif; color: #5e6b8e !important; margin-bottom: 10px; font-size: 14px; letter-spacing: 0px; line-height: 24px; } .packaging-notes h3 { font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-size: 14px; color: #031c5b; margin-bottom: 10px; font-weight: 500; } .packaging-notes p strong { font-weight: 500; } .packaging-notes { padding-bottom: 50px; } .portfolio-main-page-title.logo-design-services-spcl-tags h3 { font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-size: 38px; color: #11265b; margin-top: 0px; position: relative; top: -49px; } .portfolio-main-page-title.logo-design-services-spcl-tags h1 { position: relative; top: -46px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; text-transform: unset; font-size: 26px; margin-top: 0px; color: #11265b; margin-bottom: 10px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4 { border: none; font-size: 170px; color: rgb(243, 248, 251); display: inline-block; line-height: 60px; letter-spacing: 0px; font-family: 'Poppins', sans-serif; } body.page.page-id-9137 .paoc-popup-modal-cnt { padding: 0px; border: none !important; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec { position: absolute; right: 40px; top: 80px; } .equal-height-name-cards-one .name-card-inner-bg img { /* width: 90px; height: 90px; */ margin-top: 23px; } .equal-height-name-cards-one .name-card-inner-bg h5 { color: #000; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; margin-top: 12px; margin-bottom: 0px; } .equal-height-name-cards-one .name-card-inner-bg h3 { margin-top: 14px; position: relative; margin-bottom: 40px; } .equal-height-name-cards-one .name-card-inner-bg h3:before { content: ""; width: 70px; height: 4px; background-color: #ff901c; position: absolute; bottom: -21px; border-radius: 67px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner { width: 100%; margin: 0 auto; box-shadow: 12px 9px 13px 0px rgba(8, 79, 88, 0.11); height: 752px; padding-top: 50px !important; border: none; background: #fff; padding: 50px 25px !important; border-radius: 0px; position: relative; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg { height: auto; border: none !important; background: rgba(255, 255, 255, 0) !important; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 900px; } .banner-content h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: normal; line-height: 50px; padding-bottom: 15px; color: #031c5c; margin-bottom: 0px; } .logo-portfolio-categories a, .logo-portfolio-categories{ line-height: 19px; } .logo-portfolio-categories a:hover { color: #ff901c !important; } .equal-height-name-cards-two .name-card-inner-bg { height: 650px; } .equal-height-name-cards-one .name-card-inner-bg { height: 500px; } table.table-inner-logo-section { border: none; box-shadow: 3px 6px 17px 2px #e8e8e8; border-radius: 10px; overflow: hidden; } .logo-table-section .wpb_text_column.wpb_content_element{ padding-top: 0px; } table.table-inner-logo-section tr:nth-child(odd) td { border-color: rgba(204, 204, 204, 0.2784313725490196); border-top: none !important; border-bottom: none !important; } table.table-inner-logo-section tr:nth-child(odd) { background-color: rgba(17, 38, 91, 0.08); /* box-shadow: 1px 1px 20px 5px #f1f1f1a1; */ box-shadow: 1px 1px 20px 5px #f1f1f1; border-bottom: none !important; } table.table-inner-logo-section tr:nth-child(even) td { border-top: none !important; border-bottom: none !important; } .logo-table-section p { width: 100%; font-size: 14px; font-style: italic; letter-spacing: 0px; line-height: 20px; } table.table-inner-logo-section td:last-child, table.table-inner-logo-section th:last-child { border-right: none; } table.table-inner-logo-section td:nth-child(1), table.table-inner-logo-section th:nth-child(1) { text-align: center; width: 210px !important; } table.table-inner-logo-section th { font-family: 'Poppins', sans-serif; font-size: 16px; color: #ffffff !important; line-height: 30px; background-color: #11265b; font-weight: 500; border-color: rgb(171, 171, 171); } .home-gallery-section-full.logo-services-portfolio-pge-section { padding-top: 40px; } table.table-inner-logo-section td { text-align: center; font-family: 'Poppins', sans-serif; font-size: 16px; color: #5e6b8e !important; line-height: 24px; padding: 10px 15px; } table.table-inner-logo-section td:nth-child(1) img { width: 70px; display: block; margin: 0 auto; } table.table-inner-logo-section th { padding: 25px 0px; text-align: center; } .best-in-img-section { overflow: hidden; clear: both; } table.table-inner-logo-section td, table.table-inner-logo-section th { border: 1px solid #ececec; } table.table-inner-logo-section td:nth-child(1), table.table-inner-logo-section th:nth-child(1) { /* border-left: 1px solid #11265b; */ } table.table-inner-logo-section tr:last-child td { /* border-bottom: 1px solid #11265b; */ } table.table-inner-logo-section td, table.table-inner-logo-section th { border-left: 0px; border-bottom: 0px; } .spcl-offer-discount-tag p strong { font-weight: 600; } .spcl-offer-discount-tag p { position: absolute; top: -15px; right: -15px; background-color: #ff901c; color: #fff; line-height: 11px; padding: 15px 0px; border-radius: 50%; font-size: 12px; width: 50px; height: 50px; font-weight: normal !important; } .spcl-offer-discount-tag { margin: 0 auto !important; padding: 0px !important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner a:hover { background-color: #ff901c !important; } .Services-page-pricing-section-inner.spcl-table-logo .vc_column-inner { overflow: hidden; } .Services-page-pricing-section-inner.spcl-table-logo .vc_column-inner:before { position: absolute; display: block; width: 168px; padding: 8px 0; background-color: #ff901c; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: center; z-index: 99; font-size: 12px; content: "Recommended"; left: -43px; top: 27px; transform: rotate(-45deg); font-family: 'Poppins', sans-serif; } .best-in-img-section a { float: left; } .best-in-img-section a:nth-child(2) { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #fff; letter-spacing: 0px; padding-bottom: 6px; float: left; width: 63%; position: relative; top: 25px; left: 6px; } .best-in-img-section img { width: 85px; position: relative; left: 0px; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner img { width: auto; height: 73px; } .footer-col ul.cnss-social-icon{ left: 0; top: 0; } .footer-col ul.cnss-social-icon li { padding-right: 5px !important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a{ width: 16px !important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a:hover i { color: #ff901c!important; } .footer-col ul.cnss-social-icon li.cn-fa-icon a:hover { background-color: rgba(255, 144, 28, 0)!important; color: #ff901c!important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner { padding-top: 55px !important; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner { height: auto; width: 95% !important; box-shadow: 7px 7px 7px 0px #afafaf6b; margin: 0 auto; padding: 0px !important; padding-bottom: 20px !important; padding-top: 50px !important; position: relative; } .logo-serv-page-pricing-table .Services-page-pricing-section-main-title p { width: 90%; } .Services-page-pricing-section.logo-design-services-pricing-section img.vc_single_image-img.attachment-full { margin-bottom: 21px; } .Services-page-pricing-section.logo-design-services-pricing-section ul { height: auto !important; margin-bottom: 30px !important; } .Services-page-pricing-section.logo-design-services-pricing-section ul li { margin-bottom: 10px; } .Services-page-pricing-section.logo-design-services-pricing-section .wpb_text_column.wpb_content_element { margin-bottom: 20px; } .Services-page-pricing-section.logo-design-services-pricing-section h3 { font-size: 26px; margin-bottom: 30px !important; } .Services-page-pricing-section.logo-design-services-pricing-section a { width: 175px; text-align: center; line-height: 48px; font-family: 'Poppins', sans-serif; text-decoration: none; border-radius: 5rem; letter-spacing: 0px; font-weight: normal; background: #f7f7f7; cursor: pointer; -webkit-transition: background .25s ease-in-out, color .25s ease-in-out; transition: background .25s ease-in-out, color .25s ease-in-out; background-color: #11265b; color: #fff; padding: 10px 25px; } .Services-page-pricing-section-inner ul li{ font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: normal; line-height: 26px; color: #5e6b8e !important; } .blog-article.author-page-contents .blog-media img{ object-fit: contain; } a.promotion-section-slide-links:hover:before { content: "Learn More"; width: 130px; font-size: 14px; background-color: #11265b; color: #ffffff; padding: 10px 30px; top: 50%; position: relative; box-shadow: 1px 1px 9px 0px #191919; text-transform: uppercase; } a.normal-blog-link { color: #5e6b8e; } button:focus { outline: none; } .sidebar_widget > li:nth-child(4) { display: block; } .sidebar_widget > li:nth-child(4) ul li{ padding-left: 0 !important; } .sidebar_widget > li:nth-child(4) .wpp-list li span.wpp-date:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -8px; } .sidebar_widget > li:nth-child(4) { display: block !important; } .sidebar_widget > li:nth-child(4) .wpp-list li{ font-weight: 400 !important; margin-bottom: 0px; } .sidebar_widget > li:nth-child(4) .wpp-list li span.wpp-date { position: relative; color: #ff901c; font-size: 12px; } .sidebar_widget > li:nth-child(4) { padding: 30px 20px; font-weight: 700 !important; text-align: center !important; color: #11265b; background-color: #f0f0f7; } .sidebar_widget > li:nth-child(4) ul{ border-top: none !important; } .sidebar_widget > li:nth-child(4) .wpp-list li a{ color: #11265b; } .sidebar_widget > li:nth-child(4) .wpp-list li { font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .blog-inner-left figcaption { text-align: center; } .blog-excrept-para { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0px; line-height: 22px; color: #5e6b8e !important; height: 66px; overflow: hidden; } /* widget-recentpost-blog */ .sidebar_widget li ul { padding-top: 15px; } /* .sidebar_widget > li:nth-child(3) { font-size: 0px; } */ .sidebar_widget > li:nth-child(2){ padding-bottom: 30px !important; } .sidebar_widget>li { padding: 20px 20px; } .wpp-list li { margin-bottom: 0; } .sidebar_widget > li:nth-child(3) ul li span { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(3) ul li a{ color: #11265b; } .sidebar_widget > li:nth-child(3) { display: block !important; background-color: #f0f0f7; } .jr-insta-datacontainer { display: none !important; } .sidebar_widget > li:nth-child(3) ul li { opacity: 1; font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(3) ul li span:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -5px; } /* widget-recentpost-blog */ /* .sidebar_widget > li:nth-child(2) { font-size: 0px; } */ .sidebar_widget > li:nth-child(2){ padding-bottom: 30px !important; } .sidebar_widget > li:nth-child(2) ul li span { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(2) ul li a{ color: #11265b; } .sidebar_widget > li:nth-child(2) { display: block !important; background-color: #f0f0f7; color: #000043; } .jr-insta-datacontainer { display: none !important; } .sidebar_widget > li:nth-child(2) ul li { opacity: 1; font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; } .sidebar_widget > li:nth-child(2) ul li span:before { content: ""; width: 40px; height: 2px; background-color: #11265b; position: absolute; bottom: -5px; } /* ======================= */ /* FAQ */ .blog-faq-section h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 35px; text-transform: uppercase; line-height: 38px; font-weight: 500; color: #000043; letter-spacing: 0px; padding-bottom: 20px; position:relative; } .blog-faq-section { padding-top: 30px; } .blog-faq-section p { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 30px; padding-bottom: 20px; margin-bottom: 0px; } .blog-faq-section a{ color: #ff901c; text-decoration: underline; } .blog-faq-section h3 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; line-height: 32px; text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; font-size: 24px; } .blog-faq-section h2:before { content: ""; width: 50px; height: 2px; background-color: #ff901c; position: absolute; bottom: 16px; } /* ============== */ /* Promotion Slider */ #sliderpromo { position: relative; overflow: hidden; margin: 0px auto 0 auto; } #sliderpromo ul { position: relative; margin: 0; padding: 0; height: 398px; list-style: none; } #sliderpromo ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 372px; height: 398px; text-align: center; } .getstart-row-right a { position: absolute; padding: 0px 0px !important; background-color: rgba(206, 206, 206, 0.6784313725490196); margin: 0 auto !important; width: 100% !important; margin-left: auto; margin-right: auto; transition: 0.8s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: capitalize; display: block !important; font-weight: normal; color: #fff; background: transparent !important; top: 0; left: 0; height: 100% !important; right: 0; } #sliderpromo a.control_prev, #sliderpromo a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } #sliderpromo a.control_prev:hover, #sliderpromo a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } #sliderpromo a.control_prev { border-radius: 0 2px 2px 0; } #sliderpromoa .control_next { right: 0; border-radius: 2px 0 0 2px; } /* ================= */ .promotion-main-section-post-full .wpb_single_image img { width: 100% !important; } .promotion-main-section-post-full figure.wpb_wrapper.vc_figure { display: block !important; } .promotion-main-section-post-full .wpb_single_image .vc_single_image-wrapper{ display: block !important; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight .vc_gitem-zone{ overflow:visible !important; } .promotion-main-section-post-full .vc_gitem-animate-slideInRight { overflow: visible !important; } .promotion-main-section-post-full .vc_gitem_row.vc_row.vc_gitem-row-position-middle { position: static !important; overflow: hidden !important; clear: both !important; -webkit-transform: unset !important; -o-transform: unset !important; transform: unset !important; } .promotion-post-contentss { padding-top: 20px !important; } .sidebar_widget > li:nth-child(3) { display: none; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { padding-left: 30px; } .class-post-orange-btn.vc_btn3-inline a { background-color: #ff901c !important; font-weight: 500 !important; } .promotion-main-section-post-full .vc_gitem_row.vc_row.vc_gitem-row-position-top { position: static !important; overflow: hidden !important; clear: both !important; } .promotion-section-one p, .promotion-section-one a{ color: #5e6b8e !important; } .promotion-section-one h2{ margin-top: 0px; font-size: 36px; font-family: 'Poppins', sans-serif; color: #031c5c !important; margin-bottom: 20px; font-weight: 500 !important; } .promotion-section-one h3{ margin-bottom: 16px !important; } .promotion-section-one p{ margin-bottom: 10px; } .working-partner-logos.working-partner-logo-sa-slider .owl-carousel .owl-item img{ width: auto !important; margin: 0 auto; } section.logo-carousel-container p { margin-bottom: 0px !important; } .logo-portfolio-categories:before{ font: normal normal normal 14px/1 FontAwesome !important; } /* Header Top-Social Icons */ ul.cnss-social-icon { margin: 0; padding: 0; list-style-type: none; text-align: left; } ul.cnss-social-icon { opacity: 1!important; } ul.cnss-social-icon li { vertical-align: middle; float: none!important; width: auto!important; margin: 0!important; list-style-type: none!important; border: none!important; padding: 0!important; background: none!important; line-height: normal!important; } ul.cnss-social-icon li.cn-fa-icon a { display: block!important; text-align: center!important; -webkit-transition: width 0.5s!important; transition: all 0.5s!important; box-sizing: border-box!important; } ul.cnss-social-icon li a, ul.cnss-social-icon li a img { box-shadow: none!important; -webkit-box-shadow: none; } ul.cnss-social-icon li a { border: none!important; text-decoration: none!important; } .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } ul.cnss-social-icon li.cn-fa-icon a:hover { background-color: #ffffff!important; color: #a5a5a5!important; } /* Mobile-follow-bar */ .wpsr-followbar { position: fixed; z-index: 999999; line-height: 0; } .sr-32px { min-height: 32px; } .socializer { padding: 0; margin: 0; display: inline-block; } .socializer>* { float: left; list-style: none; padding: 0; margin: 0; display: inline-block; position: relative; } .sr-32px a { width: 32px; line-height: 32px; font-size: 16px; } .socializer a { font-family: sans-serif!important; display: inline-block; border: 0; text-align: center; border-style: solid; box-sizing: content-box; transition: all .5s; -webkit-transition: all .2s; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .socializer a>* { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } /* Floating Bar */ div#ssb-container { z-index: 99999 !important; transition: .9s; transition-timing-function: ease; transition-timing-function: cubic-bezier(.25,.1,.25,1); } #ssb-container { position: fixed; top: 40%; } #ssb-container ul { padding: 0; margin: 0; } #ssb-container ul li:first-child { background-color: #ff901c; border-top-left-radius: 8px; } #ssb-container ul li:nth-child(2) { background-color: #11265b; } #ssb-container ul li:last-child { border-bottom-left-radius: 8px; } #ssb-container ul li { line-height: 45px; } #ssb-container ul li { list-style: none; margin: 0; } #ssb-btn-3 { background: #25d366; } #ssb-container ul li p { margin: 0; } #ssb-container ul li a { font-family: 'Poppins', sans-serif; font-size: 14px; color: #fff !important; } #ssb-container ul li a { padding: 0 15px 0 0; display: block; line-height: 45px; text-align: left; white-space: nowrap; text-decoration: none; } #ssb-container ul li a span { font-size: 16px !important; } #ssb-container ul li span { line-height: 45px; width: 50px; text-align: center; display: inline-block; } div#ssb-container:hover { right: 0px !important; } .footer-col:nth-child(3) ul li { opacity: 0.6; font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; font-family: 'Poppins', sans-serif; } .footer-col:nth-child(3) ul li span.post-date { padding-top: 5px !important; padding-bottom: 12px !important; position: relative; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 12px; letter-spacing: 0px; display: block; text-transform: uppercase; font-style: normal; } .footer-col:nth-child(3) ul li span.post-date:before { content: ""; width: 40px; height: 2px; background-color: #fff; position: absolute; bottom: 5px; } .responsive-web-promo-homepage h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/Freelance-WordPress-Designer-Responsive-Web-Design.jpg) !important; } .social-media-promo-homepage h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/SEO-Agency-in-Singapore-SocialMedia-Ad-Design-icon-1.jpg) !important; } .wordpress-cms-home-page h4:before { background-image: url(https://subraa.com/there/wp-content/uploads/Freelance-WordPress-Website-Designer-in-Singapore-CMS-icon.jpg) !important; } .blog-inner-content h2 { line-height: 32px; } .blog-inner-content h3 { line-height: 26px; } .next-step-main ul li:nth-child(2) img { margin-bottom: 16px; } .zsiq_floatmain.zsiq_theme1.siq_bL{ bottom: 55px !important; } .rpwwt-post-date:before { content: ""; width: 40px; height: 2px; background-color: #fff; position: absolute; bottom: 5px; } .rpwwt-post-date{ padding-top: 5px !important; padding-bottom: 12px !important; position: relative; } .fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in { bottom: 41pt !important; } .portfolio-section-tags .vc_grid-filter-item.vc_gitem-post-category-name{ position: relative; top: 6px; } .home-gallery-section-inner-tabs li.vc_tta-tab a{ text-transform: uppercase; letter-spacing: 0px; font-weight: 700 !important; } .lcs_logo_container a { cursor: initial; } .sidebar_blog .sidebar_widget > li:last-child { display: none; } .name-card-main-title { padding-top: 55px !important; } .site-content { padding-top: 130px !important; } .n2-section-smartslider { padding-top: 35px; } body.archive.tag .post-footer { display: none; } body.archive.tag .blog-media.logo-portfolio-slider-sections { border: 3px solid rgb(240, 240, 247) !important; } .logo-portfolio-categories.webdesign-port-tags { height: 50px; } .services-key-features-section .wpb_text_column.wpb_content_element { margin-bottom: 0px !important; } .site-header-main { overflow: visible !important; } .cookie-notice-container { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 12px !important; background-color: #11265b !important; } .cn-button.bootstrap{ background: #ff901c !important; } .zsiq_theme1 .zsiq_cnt:after { box-shadow: none !important; background-color: #11265b !important; } .zsiq_theme1 .zsiq_cnt p{ color: #fff !important; } .zsiq_floatmain.zsiq_theme1.siq_bL .zsiq_flt_rel { background-color: #ff901c !important; } .zsiq_theme1 div.zsiq_cnt{ background-color: #11265b !important; box-shadow: none !important; color: #fff !important; } .zsiq_floatmain.zsiq_theme1.siq_bL { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 14px !important; } div#titlediv { font-family: 'Poppins', sans-serif !important; font-weight: normal !important; font-size: 14px !important; } .zsiq_floatmain.zsiq_theme1.siq_bR .zsiq_flt_rel { background-color: #ff901c !important; } .zsiq_floatmain.zsiq_theme1.siq_bR { bottom: 75px !important; } .logo-portfolio-design-page .vc_gitem-zone.vc_gitem-zone-c.portfolio-box { height: 98px !important; margin-bottom: 25px !important; } .homepage-pricing-section-all ul li a:hover, .Services-page-pricing-section-inner ul li a:hover { color: #ff901c !important; } span.category-name { padding-left: 15px; position: relative; } span.category-name i { position: absolute; left: 0; top: 12px; } .author-info-blog { position: relative; padding-bottom: 5px; margin-bottom: 10px; } .author-info-blog:after { content: ""; width: 40%; height: 2px; background-color: #ff901c; position: absolute; bottom: 0; } .about-me-blog { border-top: 1px dashed #ff901c; padding-top: 30px; } .author-info-blog h3 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; font-family: 'Poppins',sans-serif; } .author-desc-blog { padding-top: 5px; } .author-desc-blog a { color: #ff901c; } .author-desc-blog h1, .author-desc-blog h2, .author-desc-blog h3, .author-desc-blog h4, .author-desc-blog h5, .author-desc-blog h6{ font-family: 'Poppins',sans-serif; color: #5e6b8e !important; } .author-desc-blog, .author-desc-blog p { font-family: 'Poppins',sans-serif; font-weight: 400; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 26px; padding-bottom: 20px; margin-bottom: 0; } div#Logo-Gallery-Section .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections img { display: none; } .home-gallery-desktop-section-view{ display:block; } .home-gallery-mobile-section-view{ display:none; } .vc_pageable-load-more-btn a { background-color: #ff901c !important; padding: 8px 46px !important; border-radius: 30px !important; color: #fff !important; line-height: 28px !important; font-family: 'Poppins', sans-serif !important; } .blog-inner-content .lwptoc-notInherit .lwptoc_i DIV A:hover { border-bottom: none !important; color: #ff901c !important; } .lwptoc_item a { text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; padding-bottom: 15px; color: #121c37 !important; line-height: 29px; font-size: 16px; } .lwptoc_i { padding: 25px !important; box-shadow: 7px 5px 10px 1px rgba(197, 197, 197, 0.22); } .lwptoc_header { color: #ff901c !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; text-align: left; font-family: 'Poppins', sans-serif; text-transform: none !important; font-size: 24px; } .about-left h1{ font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: normal; line-height: 52px; color: #000043; letter-spacing: 0px; margin-bottom: 25px; } .paoc-popup-modal-cnt{ border: 4px solid #012977 !important; } .homepage-pricing-section-all ul{ height: 530px; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next{ right: -105px !important; top: 0px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev{ left: -105px !important; top: 0px !important; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ text-align:left !important; } .logo-portfolio-design-page .wpb_single_image.wpb_content_element.vc_align_center { display: none; } #wpadminbar{ z-index: 99999999 !important; } .logo-portfolio-slider-sections{ height: 216 !important; } .logo-portfolio-design-page .vc_gitem-animated-block { /*border: 10px solid #f0f0f7;*/ border: 3px solid rgb(240, 240, 247) !important; overflow: hidden; } .logo-portfolio-design-page .vc_gitem-animated-block:hover .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections { transition: .9s; transition-timing-function: ease; transform: scale(1.1); transition: ease 800ms; } .logo-portfolio-design-page .vc_gitem-animated-block .vc_gitem-zone.vc_gitem-zone-a.logo-portfolio-slider-sections { transition: .9s; transition-timing-function: ease; transform: scale(1); transition: ease 800ms; } span.category-name a { padding-right: 5px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.logo-design-faq-above-sections { padding-bottom: 0px; } span.category-name i { font-size: 12px; } span.category-name { color: #898fa3 !important; } span.category-name i { color: #ff901c !important; } .blog-inner-content h2, .blog-inner-content h3, .blog-inner-content h4, .blog-inner-content h5, .blog-inner-content h6 { color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; } .blog-media { font-size: 0px; } .blog-title-top { padding-bottom: 20px; } .faq-cont-contents a, .faq-cont-contents strong { color: #ff901c; font-weight: 500; } span.tags-article { font-size: 0; } span.tags-article a { display: none !important; } span.tags-article-bottom { font-size: 0; } span.tags-article-bottom a { display: none !important; } span.tags-article-bottom a:nth-child(1) { display: block !important; } img.alignleft.wp-image-1059.size-full { margin-top: 0px; } .caption img { margin-bottom: 0; padding-bottom: 0.5384615385em; } span.tags-article a:nth-child(1) { display: block !important; } .fonts li { list-style: decimal; color: #898fa3; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px; line-height: 28px; } .dots li{ color: #898fa3; font-family: 'Poppins', sans-serif; list-style-type: disc; font-weight: normal; font-size: 16px; line-height: 28px; } .blog-inner-content h5 a{ color: #000043; } .caption { /* font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 28px; padding-bottom: 30px; margin-bottom: 0px; */ font-weight: normal; font-size: 14px; letter-spacing: 0px; padding-bottom: 15px; margin-bottom: 0px; color: #686868; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; text-align: left; } .caption.new { text-align: center; } .working-partner-logos ul.slick-dots { display: none !important; } .working-partner-logos .white { border: none !important; background: none !important; } div#slider_2882 .owl-dots { display: none !important; } /* .home-gallery-section-inner-tabs .gallery-item:hover .gallery-icon.landscape { transform: scale(1.04); transition: .5s; transition-timing-function: cubic-bezier(.25,.1,.25,1); } .home-gallery-section-inner-tabs .gallery-item .gallery-icon.landscape { transition: .5s; transition-timing-function: cubic-bezier(.25,.1,.25,1); transform: scale(1); } */ .logo-portfolio-design-page .portfolio-section-title h4{ line-height: 22px !important; } .portfolio-section-title h4 { font-family: 'Poppins', sans-serif; font-size: 14px; margin-bottom: 0px; text-transform: capitalize; line-height: 22px; color: #11265b; } a.normal-link { padding: 0px !important; width: auto !important; height: auto !important; background-color: transparent !important; line-height: normal !important; color: #ff901c !important; } .home-gallery-section-inner-tabs .vc_tta-panels { border: none !important; } .home-gallery-section-inner-tabs .vc_tta-panel-body{ border: none !important; } .sidebar_widget > li:nth-child(4) { display: none; } .admin-div { display: block; overflow: hidden; clear: both; padding-bottom: 25px; } .blog-inner-left .post-share { padding-bottom: 10px; } .related-post { font-size: 20px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; color: #000043; font-family: 'Poppins', sans-serif; text-transform: uppercase; padding-top: 30px; } .related-post li a, .related-post li { font-size: 14px; line-height: 20px; color: #11265b; text-decoration: none; text-align: left; padding-bottom: 15px; font-family: 'Poppins', sans-serif; text-transform: uppercase; } .related-post ul { padding-left: 0; margin-left: 0; padding-top: 20px; } .related-post span.post-date { display: block; position: relative; padding-top: 2px; color: #ff901c; font-size: 12px; font-family: 'Poppins', sans-serif; } .related-post .blog-article-row { padding-top: 0; } .related-post h3.blog-article-title { margin-top: 0 !important; } .related-post .post-footer ul.heateor_sss_sharing_ul { padding-top: 0; } .related-post .blog-content p { text-transform: initial; } .portfolio-details-float-section p { height: auto; } .portfolio-title-float h1 { font-family: 'Poppins', sans-serif; font-size: 14px; margin-bottom: 10px; font-weight: 700; color: #5e6b8e !important; line-height: 22px; } /* FAQ */ .accordionItem{ float:left; display:block; width:100%; box-sizing: border-box; } .blog-inner-content .accordionItemHeading { cursor: pointer; margin: 0px 0px 10px 0px; padding: 10px; background: #787a7f; color: #fff !important; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; opacity: 1 !important; } .close .accordionItemContent{ height:0px; transition:height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); float:left; display:block; } .open .accordionItemContent{ padding: 20px; background-color: #fff; border: 1px solid #ddd; width: 100%; margin: 0px 0px 10px 0px; display:block; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; } .open .accordionItemHeading{ margin:0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #FFA13E; color: #ffffff; } .accordionWrapper { clear: both; overflow: hidden; padding-top: 20px; padding-bottom: 30px; } table td, table th { font-family: poppins,sans-serif; font-weight: 400; font-size: 16px; color: #5e6b8e !important; letter-spacing: 0; line-height: 30px; } .subscribe-form-box { padding: 40px; box-shadow: 0px 4px 10px 5px #96969633; width: 50%; border-radius: 5px; margin: 10px; } .subscribe-form-box h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 42px; padding-bottom: 15px; color: #031c5c; font-weight: 600; margin-bottom: 0; } .subscribe-form-box p { text-align: left; font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 25px; color: #898fa3; margin-bottom: 0; } .subscribe-form-box input { padding: 5px 10px; border: 1px solid rgba(3, 28, 92, 0.44); font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 1.8; text-rendering: optimizeLegibility; border-radius: 5px; } .subscribe-form-box input::placeholder { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px; color: #686868; } .subscribe-form-box input[type="submit"] { display: inline-block; background: #031c5c; width: 180px; text-transform: uppercase; /* padding: 9px 32px; */ height: 46px; line-height: 46px; padding: 0; border-radius: 30px; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 18px; letter-spacing: 2px; } .subscribe-form-box .form-control-top, .subscribe-form-box .form-control-bottom { padding-bottom: 20px; height: auto; } .subscribe-form-box .form-control-top { margin-top: 15px; } .subscribe-form-box input[type="submit"]:hover { color: #000043; background-color: #e0e0e0; transition: 0.8s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .subscribe-form-box.horizontal-form p, .subscribe-form-box.horizontal-form h2 { text-align: center; } .subscribe-form-box.horizontal-form { width: 80%; margin-left: auto; margin-right: auto; } .subscribe-form-box .wpcf7 form.sent .wpcf7-response-output { color: #46b450; border-color: transparent; text-align: center; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; position: relative; top: -40px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ff0000; border-color: transparent; text-align: center; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; position: relative; top: 0px; } .get-touch-main.contact-section-two .form-control-top, .get-touch-main.contact-section-two .form-control-bottom { height: auto; padding-bottom: 5px; position: relative; } .paoc-popup-modal span.wpcf7-not-valid-tip { bottom: 0; } .paoc-popup-modal .form-control-top, .paoc-popup-modal .form-control-bottom { padding-bottom: 25px !important; } .form-control-top p, .form-control-bottom p { padding-top: 0; padding-bottom: 0; } .wpcf7-form-control-wrap { position: initial; } .form-control-message p { padding-top: 0; } .logo-design-content-page p, .logo-design-content-page li { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 14px; color: #5e6b8e !important; letter-spacing: 0px; line-height: 22px; padding-bottom: 10px; margin-bottom: 0px; } .logo-design-content-page h3, .logo-design-content-page h2 { text-align: left; font-family: 'Poppins', sans-serif; font-size: 18px; /* text-transform: uppercase; */ line-height: 38px; font-weight: 600; color: #000043; letter-spacing: 0px; } .blog-inner-left.portfolio-inner-right .logo-design-content-page h2 { font-size: 20px; line-height: 27px; padding-top: 15px; text-transform: initial; padding-bottom: 10px; } .logo-design-content-page { clear: both; overflow: hidden; padding-bottom: 45px; } .blog-inner-left.portfolio-inner-right .logo-design-content-page h2:before { content: none; } .logo-design-content-page strong, .logo-design-content-page b { font-weight: 600; } p.tags-post-grid, p.tags-post-grid a { font-family: 'Poppins',sans-serif; font-weight: 400; font-size: 12px; color: #898fa3 !important; line-height: 19px; margin-bottom: 0; margin-top: 5px; text-transform: capitalize; } .logo-portfolio-design-page .vc_gitem-zone.vc_gitem-zone-c.portfolio-box { height: auto !important; margin-bottom: 0px !important; } .tags-post-grid i, p.tags-post-grid a:hover, .copyrights-container a:hover { color: #ff901c !important; } .copyrights-container a { color: #ffffff; } .subscribe-form-box p.acceptance-text { padding-bottom: 15px; text-align: center; font-size: 14px; line-height: 24px; } p.acceptance-text a { color: #898fa3; text-decoration: underline !important; } p.acceptance-text a:hover { color: #ff901c; } .popup-contactus-section p.acceptance-text, .get-touch-main.contact-section-two p.acceptance-text { font-size: 14px; line-height: 24px; padding-top: 0; padding-bottom: 0; } r-p rp-slider rp-header rp-scale { font-size: 32px; font-weight: normal; line-height: 52px; color: #031c5b; font-family: "Inter", sans-serif; } r-p rp-slider rp-header rp-score { display: block; color: #fb8e28; font-family: "Inter", sans-serif; font-weight: normal; font-size: 16px; } r-p rp-slider rp-header rp-based { font-family: "Inter", sans-serif; font-weight: normal; font-size: 16px; color: #5e6b8e !important; } r-p rp-slider rp-review-text { font-family: "Inter", sans-serif; font-weight: normal; font-size: 15px; color: #5e6b8e !important; line-height: 24px; } rp-reply { font-family: "Inter", sans-serif; font-weight: normal; font-size: 15px; color: #5e6b8e !important; line-height: 24px; } rp-reply.rplg-scroll rp-b { color: #031c5b; } r-p rp-review-name a, rp-review-name { color: inherit; font-family: "Inter", sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; } r-p rp-review-time { font-family: "Inter", sans-serif; } .recent-posts-author ul li a:hover { opacity: 0.8; } body.home .wpcf7 form.sent .wpcf7-response-output { border-color: transparent; position: absolute; clear: both; text-align: center; margin: 0; padding: 0; width: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; bottom: 10px; width: 50%; right: 100px; top: auto; color: #1da222; } .wpcf7-submit { outline: none !important; } .blog-inner-content strong { font-size: 1.1em; color: #5e6b8e !important; font-weight: 500; padding-bottom: 10px !important; padding-top: 5px !important; text-align: left; font-family: 'Poppins', sans-serif; display: inline; } .tags-post-grid, .tags-post-grid a { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; color: #898fa3 !important; line-height: 19px; margin-bottom: 0; margin-top: 5px; text-transform: capitalize; } .tags-post-grid p { margin-bottom: 0; font-size: 14px; padding-top: 10px; color: #ff901c; font-style: italic; font-weight: 500; } .portfolio-details-float-section p a:hover { color: #ff7b00; } .portfolio-details-float-section p a { color: #11265b; } body.home .vc_grid-loading { background-image: none !important; } @media (max-width: 1349px) and (min-width: 1100px){ .homepage-pricing-section-inner .wpb_text_column.wpb_content_element { height: 800px !important; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1050px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 900px; } } @media (min-width: 1025px) and (max-width: 1119px) { .col-banner-slider-mobile { padding-left: 15px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1130px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 900px; } } @media (min-width:768px) and (max-width:1024px){ .home-service-right h4:before{ left: 10px !important; } .home-service-right .wordpress-cms-home-page h4:before{left: -10px !important;} .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next{ right: -70px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev{ left: -70px !important; } .col-banner-slider-mobile { padding-left: 15px; } .best-in-img-section img { width: 60px; position: relative; left: -5px; } .best-in-img-section a:nth-child(2){ top: 0px; } .footer-col ul.cnss-social-icon{ position: static; } .equal-height-name-cards-two .name-card-inner-bg { height: 870px; } .equal-height-name-cards-one .name-card-inner-bg { height: 600px; } .banner-content h2 { padding-left: 20px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 950px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1230px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4{ font-size: 100px; } .portfolio-main-page-title h2{ font-size: 57px; } } @media (max-width: 900px) and (min-width: 768px){ h3.download-brochures-heading { width: 75%; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { width: 100% !important; padding-left: 0px; } .promotion-main-section-post-full.promotion-section-one .vc_gitem-zone.vc_gitem-zone-c { width: 100%; float: none; text-align: center; } .equal-height-name-cards-one .name-card-inner-bg { height: auto; } .equal-height-name-cards-two .name-card-inner-bg { height: auto; } .banner-content h2 { padding-left: 20px; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: 1050px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: 1450px; } .Services-page-pricing-section.logo-design-services-pricing-section ul li{ font-size: 12px; } .Services-page-pricing-section.logo-design-services-pricing-section a{ font-size: 12px; } .page-top-title-swap h1:before{ display:none; } .page-top-title-swap { padding-bottom: 140px; } .portfolio-main-page-title h2{ font-size: 40px; } } /*Mobile*/ @media only screen and (max-width:767px){ .left-side-portfolio-inner.fixed-section { width: 100%; } ul#menu-primary-menu { display: none !important; } .banner_image{padding-top: 0px !important;} .wordpress-cms-home-page h4:before{ left: -5px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-next { right: -30px !important; top: 0px !important; } .banner-logo-slider-section .white .sa_owl_theme .owl-nav .owl-prev { left: -30px !important; top: 0px !important; } .homepage-pricing-section-all ul { height: auto; padding-bottom: 30px; } .homepage-pricing-section-inner .wpb_text_column.wpb_content_element { padding-bottom: 50px; } .home-gallery-desktop-section-view{ display:none; } .home-gallery-mobile-section-view{ display:block; } .zsiq_floatmain.zsiq_theme1.siq_bL { bottom: 60px !important; } body.post-template.post-template-blog-inner .site-content {padding-top: 60px !important;} .site-content {padding-top: 0px !important;} .fb-customerchat.fb_invisible_flow.fb_iframe_widget.fb_iframe_widget_fluid iframe.fb_customer_chat_bounce_in_v2 { bottom: 75px !important; right: 0px !important; } .home-banner-images-section .vc_column-inner { padding-top: 0px !important; } .banner-content p{ padding-bottom: 0px; } .banner-content ul{ margin-top: 30px; margin-bottom: 0px; } .banner-logo-slider-section .sa_hover_container { min-height: auto !important; } .about-right .wpb_text_column.wpb_content_element { margin-bottom: 0px; } .wpb_row.vc_row-fluid.workingfor-container .vc_column-inner { padding-top: 15px !important; } .working-partner-logos { margin-bottom: 0px !important; padding-top: 15px !important; } .social-media-promo-homepage { margin-bottom: 10px; } .wordpress-cms-home-page { margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.home-service-cms-last-section { padding-bottom: 30px !important; } .home-service-left-top h6{ padding-top: 0px; } .workingfor-container.perfect-web-section-homes { padding-top: 15px; } .vc_row.wpb_row.vc_inner.vc_row-fluid.homepage-pricing-section-all { margin-top: 20px !important; } .wpb_text_column.wpb_content_element.seo-left { margin-bottom: 0px !important; } .home-testimonial-left.wpb_column.vc_column_container .wpb_text_column.wpb_content_element { margin-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.home-gallery-section-full.home-gallery-mobile-section-view h4.vc_tta-panel-title { display: none !important; } .vc_row.wpb_row.vc_row-fluid.latest-article-container .vc_column-inner { padding-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.home-gallery-section-full.home-gallery-mobile-section-view .vc_grid-container.vc_clearfix.wpb_content_element.vc_masonry_grid { margin-bottom: 0px; } .get-started-now-footer{ padding-top: 35px !important; } .banner-content{ padding-top: 0px; } .service-star-img .vc_single_image-wrapper.vc_box_border_grey{ display: none; } .web-design-services-top-section-services-page { padding-top: 0px; } .services-page-second-section-full { margin-top: 25px; } .services-page-second-right-side-image.wpb_column.vc_column_container { margin-top: 40px; } div#logo-design-services { padding-top: 5px !important; } div#faq-portfolio-section { padding-top: 0px !important; } .Services-page-pricing-section-main-title h2{ margin-top: 15px !important; } .Services-page-pricing-section-inner .vc_column-inner{ height: auto; } .services-page-third-section-left-contents.full-width-section-services-page.wpb_column.vc_column_container .vc_column-inner { padding-top: 0px; } div#name-card-design { padding-bottom: 0px; } .portfolio-main-categories-section-rows:nth-child(1) { padding-top: 0px; } .portfolio-main-categories-column-common .portfolio-main-categories-column-common-inner{ margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.aboutus-second-section.paper-plane-section { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.about-up-page-third-section { padding-bottom: 0px; } div#Mobile-working-method .vc_column-inner { padding-top: 0px; padding-bottom: 10px; } .vc_row.wpb_row.vc_row-fluid.contact-section-one { margin-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.get-touch-main.contact-section-two { padding-top: 0px; } .get-touch-main.contact-section-two h3{ padding-bottom: 0px; } .get-touch-main.contact-section-two { padding-bottom: 35px; } .next-step-main { padding-top: 35px; } .next-step-main ul li:last-child { margin-bottom: 0px !important; } .digital-marketing-portfolio-services-section p{ width: 90%; } .vc_row.wpb_row.vc_inner.vc_row-fluid.digital-marketing-portfolio-services-section { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digital-marketing-portfoli-page-first-section-inner{ padding-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digital-marketing-seo-key-features-section { padding-bottom: 0px; padding-top: 10px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digi-sem-setion.vc_row-o-content-middle.vc_row-flex { padding-bottom: 0px !important; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.digi-sem-process.vc_row-o-content-middle.vc_row-flex { padding-top: 10px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-marketing.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-marketing.vc_row-o-content-middle.vc_row-flex { padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-key-feat.vc_row-o-content-middle.vc_row-flex { padding-top: 10px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.dig-smm-key-feat.vc_row-o-content-middle.vc_row-flex { padding-bottom: 20px; } .vc_row.wpb_row.vc_row-fluid.faq-tabs-sections.faq-portfolio-pages { padding-bottom: 20px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.illu-sec-one.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.portfolio-main-page-top.illu-sec-top .wpb_text_column.wpb_content_element { margin-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.services-page-third-section.illu-sec-two.vc_row-o-content-middle.vc_row-flex { padding-top: 0px; padding-bottom: 0px; } .vc_row.wpb_row.vc_row-fluid.web-design-port-with-lap { margin-top: 0px !important; margin-bottom: 0px !important; } .web-design-portfolio h2{ text-align: left; padding-left: 15px; } .faq-section-main-top-title h2{ font-size: 26px; line-height: 36px; } .wpb_text_column.wpb_content_element.faq-section-main-top-title.name-card-main-title { padding-top: 0px !important; margin-bottom: 0px !important; } .vc_row.wpb_row.vc_inner.vc_row-fluid.name-card-des-port-sub-titles { margin-top: 30px !important; } .vc_row.wpb_row.vc_row-fluid.name-card-cont-sec { margin-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 10px !important; padding-top: 0px !important; } .vc_row.wpb_row.vc_row-fluid.name-card-cont-sec.name-card-bg.vc_row-has-fill { box-shadow: none !important; border-radius: 0px !important; } .name-card-bg .wpb_text_column.wpb_content_element.faq-section-main-top-title { margin-bottom: 0px; } .blog_inner_banner { display: none; } .next-step-main ul li:nth-child(2) img { margin-bottom: auto; } span.wpcf7-not-valid-tip{ font-size: 12px; } .mobile-footer-social-bar span.sr-phone a i { font: normal normal normal 14px/1 FontAwesome !important; font-size: 25px !important; } #sliderpromo ul{ width: 100% !important; margin: 0 auto !important; } .promotion-main-section-post-full .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-slideInRight { width: 100% !important; padding-left: 0px; } .promotion-main-section-post-full.promotion-section-one .vc_gitem-zone.vc_gitem-zone-c { width: 100%; float: none; text-align: center; } .best-in-img-section a:nth-child(2){ position: static; width: 100%; } .equal-height-name-cards-two .name-card-inner-bg { height: auto; } .equal-height-name-cards-one .name-card-inner-bg { height: auto; } .table-section-logo-pricing { overflow: scroll; } table.table-inner-logo-section { width: 1200px; } .Services-page-pricing-section.logo-design-services-pricing-section .vc_column-inner{ margin-bottom: 70px; } .banner-content h2 { text-align: center; } .portfolio-main-page-title.logo-design-services-spcl-tags h1 { position: static; font-size: 28px; padding-bottom: 0px; } .portfolio-main-page-title.logo-design-services-spcl-tags h3 { padding-bottom: 30px; position: static; line-height: 34px; font-size: 24px; } .equal-height-name-cards-one.logo-twos .faq-section-main-top-title.name-card-inner-bg .vc_column-inner { height: auto; } .equal-height-name-cards-one .name-card-inner-bg .vc_column-inner{ height: auto; } .equal-height-name-cards-one .name-card-inner-bg{ padding: 0px !important; margin-bottom: 25px; } .equal-height-name-cards-one .faq-section-main-top-title.name-card-inner-bg .name-card-num-sec h4{ font-size: 100px; } .Services-page-pricing-section.logo-design-services-pricing-section { padding-bottom: 0px; } .packaging-notes { padding-bottom: 0px; } .page-top-title-swap h1 { position: absolute; top: auto; bottom: 0px; } .page-top-title-swap { padding-bottom: 130px; } .page-top-title-swap h1:before{ display:none; } #responsive-menu-additional-content .contact-section-one p { padding-bottom: 30px !important; } div#responsive-menu-additional-content { border-top: 1px solid #11265b; } .zsiq_floatmain.zsiq_theme1.siq_bR { bottom: 10px !important; } div#titlediv { bottom: 60px; } .subscribe-form-box, .subscribe-form-box.horizontal-form { padding: 20px; width: 100%; } .popup-contactus-section form .form-control-left, .popup-contactus-section form .form-control-right { width: 100% !important; } .paoc-popup-modal .form-control-top, .paoc-popup-modal .form-control-bottom { padding-bottom: 0px !important; } .paoc-popup-modal span.wpcf7-not-valid-tip { position: relative !important; bottom: 0 !important; } .subscribe-form-box.horizontal-form .form-control-left, .subscribe-form-box.horizontal-form .form-control-right, .subscribe-form-box.horizontal-form .form-control-middle { width: 100% !important; } } </style> <style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1737587440408{margin-bottom: 0px !important;}</style><noscript><style type="text/css"> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>        <script type="rocketlazyloadscript"> // Google Ads Conversion Tracking document.addEventListener('wpcf7mailsent', function(event) { var email = document.querySelector('input[name="your-email"]').value; gtag('event', 'conversion', { 'send_to': 'AW-935737818', // Replace with your Google Ads conversion ID 'event_callback': callback, 'user_data': { 'email': email } }); }); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> window.onload = function() { const preloader = document.querySelector('.delay-animation'); preloader.style.display = 'block'; }; </script> </head> <body data-rsssl=1 class="post-template post-template-blog-inner post-template-blog-inner-php single single-post postid-33288 single-format-standard wp-custom-logo wp-embed-responsive locale-en-gb group-blog wpb-js-composer js-comp-ver-5.7 vc_responsive cookies-not-set responsive-menu-slide-left" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQL5LC89" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="rocketlazyloadscript" data-rocket-type='text/javascript'>var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; var target = 'https://www.clickcease.com/monitor/stat.js'; script.src = target;var elem = document.head;elem.appendChild(script); </script> <noscript> <a href='https://www.clickcease.com' rel='nofollow'><img src='//monitor.clickcease.com/stats/stats.aspx' alt='ClickCease'/></a> </noscript>      <div class="demo-3 cda-noimg cda-alignright render"> <div class="floating-side-bar-section"> <div class="textwidget"><div id="ssb-container" class="ssb-btns-right ssb-anim-slide" style="z-index: 1; right: -144px;"> <ul class="ssb-light-hover"> <li id="ssb-btn-0"> <p> <a href="tel:+6597957890" class="subraa_phone"><span class="fa fa-mobile" style="font-size: 25px !important;"></span> +65 9795 7890</a></p> </li> <li id="ssb-btn-1"> <p> <a href="/cdn-cgi/l/email-protection#aec7c0c8c1eedddbccdccfcf80cdc1c3" class="subraa_email"><span class="fa fa-envelope"></span> <span class="__cf_email__" data-cfemail="cca5a2aaa38cbfb9aebeadade2afa3a1">[email protected]</span></a></p> </li> <li id="ssb-btn-3"> <p> <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener" class="subraa_whatsapp"><span class="fa fa-whatsapp" style="font-size: 20px !important;"></span> WhatsApp</a></p> </li> </ul> </div> </div> </div> <div id="page" class="site"> <div class="circle-cursor circle-cursor--inner"></div> <div class="circle-cursor circle-cursor--outer"></div> <div class="site-inner"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div class="header-full-section"> <div class="header-inner-section"> <div class="top-header"> <div class="layout-978"> <div class="top-header-left"> <div class="textwidget"><ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul> </div> </div> <div class="top-header-right"> <div class="textwidget"><ul id="other-page-top-header"> <li><img decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="//subraa.com/there/wp-content/uploads/2020/04/Web-Designer-in-Singapore-WhatsApp-Subraa.jpg" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" /> <a class="subraa_whatsapp" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener">+65 8580 9111</a></li> <li><img decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-email-icon.jpg" alt="Email Subraa, Freelance Web Designer in Singapore" /> <a class="subraa_email" href="/cdn-cgi/l/email-protection#442d2a222b043731263625256a272b29"><span class="__cf_email__" data-cfemail="573e393138172422352536367934383a">[email protected]</span></a></li> <li><img decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Call-Subraa.jpg" alt="Call Subraa, Freelance Web Designer in Singapore" /><a class="subraa_phone" href="tel:97957890">+65 9795 7890</a></li> </ul> <ul id="home-page-top-header"> <li><img width="17" height="17" decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017%2017'%3E%3C/svg%3E" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/whatsapp-header.svg" /><noscript><img width="17" height="17" decoding="async" title="Contact Subraa, Web Designer in Singapore - WhatsApp" src="//www.subraa.com/there/wp-content/uploads/2024/04/whatsapp-header.svg" alt="Contact Subraa, Web Designer in Singapore - WhatsApp" /></noscript> <a class="subraa_whatsapp" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener">+65 8580 9111</a></li> <li><img width="20" height="14" decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2014'%3E%3C/svg%3E" alt="Email Subraa, Freelance Web Designer in Singapore" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/mail-header.svg" /><noscript><img width="20" height="14" decoding="async" title="Email Subraa, Freelance Web Designer in Singapore" src="//www.subraa.com/there/wp-content/uploads/2024/04/mail-header.svg" alt="Email Subraa, Freelance Web Designer in Singapore" /></noscript> <a class="subraa_email" href="/cdn-cgi/l/email-protection#026b6c646d427177607063632c616d6f"><span class="__cf_email__" data-cfemail="1d74737b725d6e687f6f7c7c337e7270">[email protected]</span></a></li> <li><img width="10" height="18" decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2018'%3E%3C/svg%3E" alt="Call Subraa, Freelance Web Designer in Singapore" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/phone-header.svg" /><noscript><img width="10" height="18" decoding="async" title="Call Subraa, Freelance Web Designer in Singapore" src="//www.subraa.com/there/wp-content/uploads/2024/04/phone-header.svg" alt="Call Subraa, Freelance Web Designer in Singapore" /></noscript><a class="subraa_phone" href="tel:97957890">+65 9795 7890</a></li> </ul> </div> </div> </div> </div> <header id="masthead" class="site-header" role="banner"> <div class="layout-978"> <div class="site-header-main"> <div class="site-branding" title="Subraa"> <a href="https://www.subraa.com/" class="custom-logo-link" rel="home"><img width="171" height="43" src="//www.subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg" class="custom-logo" alt="Freelance Web Designer in Singapore - Subraa Logo" decoding="async" title="Freelance Web Designer in Singapore - Subraa Logo" /></a> <p class="site-title"><a href="https://www.subraa.com/" rel="home">#1 Premier Freelance Web Designer & Web Developer in Singapore [2024]</a></p> <div class="logo-home-page"> <a href="https://www.subraa.com/" title="Freelance Web Designer in Singapore - Subraa Logo"><img width="187" height="49" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20187%2049'%3E%3C/svg%3E" alt="Freelance Web Designer in Singapore - Subraa Logo" data-lazy-src="//www.subraa.com/there/wp-content/uploads/2024/04/Subraa_Logo.svg" /><noscript><img width="187" height="49" src="//www.subraa.com/there/wp-content/uploads/2024/04/Subraa_Logo.svg" alt="Freelance Web Designer in Singapore - Subraa Logo" /></noscript></a> </div> </div> <button id="menu-toggle" class="menu-toggle">Menu</button> <div id="site-header-menu" class="site-header-menu"> <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary menu"> <div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="primary-menu"><li id="menu-item-752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-752"><a href="https://www.subraa.com/">Home</a></li> <li id="menu-item-2062" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2062"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/">Services</a> <ul class="sub-menu"> <li id="menu-item-2776" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2776"><a href="https://www.subraa.com/web-design-logo-design-singapore/">Logo Design</a></li> <li id="menu-item-2778" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2778"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/#web-design">Web Design</a></li> <li id="menu-item-2777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2777"><a href="https://www.subraa.com/name-card-design">Name Card Design</a></li> <li id="menu-item-2779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2779"><a href="https://www.subraa.com/flyer-design-singapore">Flyer Design</a></li> <li id="menu-item-32998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32998"><a href="https://www.subraa.com/brochure-design/">Brochure Design</a></li> <li id="menu-item-1069" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1069"><a href="https://www.subraa.com/digital-marketing-agency-singapore/">Digital Marketing & SEO Services</a></li> <li id="menu-item-1073" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1073"><a href="https://www.subraa.com/illustration-design/">Illustration Design</a></li> </ul> </li> <li id="menu-item-960" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-960"><a href="https://www.subraa.com/portfolio/">Portfolio</a> <ul class="sub-menu"> <li id="menu-item-1047" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1047"><a href="https://www.subraa.com/logo-design-singapore/">Logo Design</a></li> <li id="menu-item-1048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1048"><a href="https://www.subraa.com/freelance-web-designer-singapore-portfolio/">Web Design</a></li> <li id="menu-item-1068" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1068"><a href="https://www.subraa.com/name-card-design">Name Card Design</a></li> <li id="menu-item-1070" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1070"><a href="https://www.subraa.com/newsletter-design">Newsletter Design</a></li> <li id="menu-item-1071" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1071"><a href="https://www.subraa.com/flyer-design-singapore">Flyer Design Singapore</a></li> <li id="menu-item-32999" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32999"><a href="https://www.subraa.com/brochure-design/#brochure-design-portfolio">Brochure Design</a></li> <li id="menu-item-1072" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1072"><a href="https://www.subraa.com/post-card-design/">Post Card Design</a></li> </ul> </li> <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="https://www.subraa.com/about/">About</a></li> <li id="menu-item-1240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1240"><a href="https://www.subraa.com/logo-design-web-design-promotions-singapore/">Promotion</a></li> <li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a href="https://www.subraa.com/blog/">Blog</a></li> <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="https://www.subraa.com/contact/">Contact</a></li> </ul></div> </nav> </div> </div> </div> </header> </div> </div> <div id="content" class="site-content"> <div class="body-blog-inner"> <div class="blog_inner_banner" style="background-image: url(https://www.subraa.com/there/wp-content/uploads/2020/05/Subraa-Freelance-Web-Designer-Blog.jpg);background-size: cover;background-repeat: no repeat;background-position: top -70px center;height: 250px;"> </div> <div class="blog-inner-main"> <div class="layout-978"> <div class="blog-inner-left"> <div class="blog-title-top"> <h1> The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites </h1> <div class="post_detail post_date"> <span class="post_info_date"> <span>Jan 23, 2025</span> </span> </div> <div class="blog-inner-content"> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element vc_custom_1737587440408"> <div class="wpb_wrapper"> <p><span style="font-weight: 400;">Websites are no more just a place where people find your business, it’s the face of your brand and key for your success. Whether you’re a start-up, a small business, or a personal brand, creating a stunning and functional website is essential for building trust, engaging your audience, and growing your business. </span></p> <p><span style="font-weight: 400;">But where do you start? Website design and development is not just adding a few pages together. It requires a careful analysis of the business and target audience along with creativity, strategy and technical know-how. This is where hiring a <a title="freelance web designer" href="https://www.subraa.com">freelance web designer</a> can make a good difference. Freelancer web designers’ expertise, flexibility, and personalized approach ensures your website stands out.</span></p> <p><span style="font-weight: 400;">In this blog, we’ll break down the 7 essential steps to web design, giving you a clear roadmap to creating a website that not only looks great but also delivers results. </span></p> <p><figure id="attachment_33246" aria-describedby="caption-attachment-33246" style="width: 1293px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" class="size-full wp-image-33246" src="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg" alt="The 7 Essential Steps to Successful Web Design - Freelance Web Designer Singapore" width="1293" height="1084" srcset="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg 1293w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore-768x644.jpg 768w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore-1200x1006.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px"><figcaption id="caption-attachment-33246" class="wp-caption-text">The 7 Essential Steps to Successful Web Design – Freelance Web Designer Singapore</figcaption></figure><br> <div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="100"><div class="lwptoc_i"> <div class="lwptoc_header"> <b class="lwptoc_title">Table of Contents</b> </div> <div class="lwptoc_items lwptoc_items-visible"> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#7_Essential_Steps_for_Website_Design"> <span class="lwptoc_item_number">1</span> <span class="lwptoc_item_label">7 Essential Steps for Website Design</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#Step_1_Planning_and_Goal_Setting"> <span class="lwptoc_item_number">1.1</span> <span class="lwptoc_item_label">Step 1: Planning and Goal Setting</span> </a> </div><div class="lwptoc_item"> <a href="#Step_2_Wireframing_and_Prototyping_of_your_Website"> <span class="lwptoc_item_number">1.2</span> <span class="lwptoc_item_label">Step 2: Wireframing and Prototyping of your Website</span> </a> </div><div class="lwptoc_item"> <a href="#Step_3_Visual_Design_and_Branding"> <span class="lwptoc_item_number">1.3</span> <span class="lwptoc_item_label">Step 3: Visual Design and Branding</span> </a> </div><div class="lwptoc_item"> <a href="#Key_Activities_in_Step_4"> <span class="lwptoc_item_number">1.4</span> <span class="lwptoc_item_label">Key Activities in Step 4:</span> </a> </div><div class="lwptoc_item"> <a href="#Step_5_Development_and_Coding"> <span class="lwptoc_item_number">1.5</span> <span class="lwptoc_item_label">Step 5: Development and Coding</span> </a> </div><div class="lwptoc_item"> <a href="#Step_6_Testing_and_Quality_Assurance"> <span class="lwptoc_item_number">1.6</span> <span class="lwptoc_item_label">Step 6: Testing and Quality Assurance</span> </a> </div><div class="lwptoc_item"> <a href="#Step_7_Launch_and_Website_Maintenance"> <span class="lwptoc_item_number">1.7</span> <span class="lwptoc_item_label">Step 7: Launch and Website Maintenance</span> </a> </div></div></div><div class="lwptoc_item"> <a href="#FAQs_The_7_Essential_Steps_to_Successful_Web_Design"> <span class="lwptoc_item_number">2</span> <span class="lwptoc_item_label">FAQs: The 7 Essential Steps to Successful Web Design</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#Why_should_I_hire_a_freelance_web_designer_instead_of_using_DIY_website_builders"> <span class="lwptoc_item_number">2.1</span> <span class="lwptoc_item_label">Why should I hire a freelance web designer instead of using DIY website builders?</span> </a> </div><div class="lwptoc_item"> <a href="#How_long_does_it_take_to_complete_the_website_design"> <span class="lwptoc_item_number">2.2</span> <span class="lwptoc_item_label">How long does it take to complete the website design?</span> </a> </div><div class="lwptoc_item"> <a href="#What_is_the_role_of_content_in_the_web_design_process"> <span class="lwptoc_item_number">2.3</span> <span class="lwptoc_item_label">What is the role of content in the web design process?</span> </a> </div><div class="lwptoc_item"> <a href="#How_does_a_freelance_web_designer_ensure_my_website_is_mobile-friendly"> <span class="lwptoc_item_number">2.4</span> <span class="lwptoc_item_label">How does a freelance web designer ensure my website is mobile-friendly?</span> </a> </div><div class="lwptoc_item"> <a href="#What_is_a_sitemap_and_why_is_it_important_for_web_design"> <span class="lwptoc_item_number">2.5</span> <span class="lwptoc_item_label">What is a sitemap, and why is it important for web design?</span> </a> </div><div class="lwptoc_item"> <a href="#What_happens_after_my_website_is_launched"> <span class="lwptoc_item_number">2.6</span> <span class="lwptoc_item_label">What happens after my website is launched?</span> </a> </div></div></div></div></div> </div></div></p> <h2><span id="7_Essential_Steps_for_Website_Design">7 Essential Steps for Website Design</span></h2> <h3><span id="Step_1_Planning_and_Goal_Setting">Step 1: Planning and Goal Setting</span></h3> <p><span style="font-weight: 400;">Successful website design begins with careful planning. Your freelance web designer starts your website design by clearly defining the goals, understanding your audience and outlining your website’s structure.</span></p> <p><span style="font-weight: 400;">Your website designer plays a crucial role by asking the right questions through a website design questionnaire and aligning the design process with your objectives.<br> </span><br> <b>Key Activities in Step 1:</b><br> <span style="font-weight: 400;">– Define Your Goals: What do you want your website to achieve? Clarity is key, whether it’s increasing sales, showcasing a portfolio, or building a blog, and analysing the website’s purpose is essential.</span></p> <p><span style="font-weight: 400;">– Identify Your Audience: Who are your target users? Understanding their needs, preferences, and pain points will guide the design process.</span></p> <p><span style="font-weight: 400;">– Competitor Research: Analyzing competitors helps you identify industry trends and opportunities to differentiate your site.</span></p> <p><span style="font-weight: 400;">– Create a Sitemap: A sitemap is a blueprint that outlines the structure of your website, including the pages and their hierarchy.</span><br> <b><br> Why This Step Matters:</b><br> <span style="font-weight: 400;">Proper planning sets the foundation for a successful website. Without clear goals and direction, your website may lack focus and fail to convey the message to your audience.</span></p> <h3><span id="Step_2_Wireframing_and_Prototyping_of_your_Website"><b>Step 2: Wireframing and Prototyping of your Website </b></span></h3> <p><span style="font-weight: 400;">When you are done planning the website, the next step is wireframing and prototyping. Your <a title="freelance web designer in Singapore" href="https://www.subraa.com">freelance web designer in Singapore</a> will create the website layout and functionality in this step, with your active participation and feedback.</span></p> <p><strong>Key Activities in Step 2:</strong></p> <p><span style="font-weight: 400;">– Wireframing: A wireframe, a visually engaging low-fidelity sketch, outlines the placement of elements like navigation menus, buttons, and content sections.</span></p> <p><span style="font-weight: 400;">– Prototyping: A prototype is a more detailed, interactive version of your wireframe that allows you to visualize the user journey.</span></p> <p><span style="font-weight: 400;">– Feedback and Revisions: This is where client input is important. Timely feedback of the layout is important, discuss with your <a title="freelance web designer" href="https://www.logodesignsingapore.sg/freelance-web-designer-singapore/" target="_blank" rel="noopener">freelance web designer</a> to refine the designs. Based on your feedback the designs are revised.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">Wireframes and prototypes act as a roadmap for the website design process, helping you visualize the final output and make adjustments early on. This saves time and ensures the design meets your expectations.<br> </span></p> <figure id="attachment_33247" aria-describedby="caption-attachment-33247" style="width: 1293px" class="wp-caption aligncenter"><img decoding="async" class="size-full wp-image-33247" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201293%201084'%3E%3C/svg%3E" alt="The 7 Essential Steps to Successful Web Design - Freelance Web Designer in Singapore" width="1293" height="1084" data-lazy-srcset="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore.jpg 1293w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore-768x644.jpg 768w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore-1200x1006.jpg 1200w" data-lazy-sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" data-lazy-src="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore.jpg"><noscript><img decoding="async" class="size-full wp-image-33247" src="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore.jpg" alt="The 7 Essential Steps to Successful Web Design - Freelance Web Designer in Singapore" width="1293" height="1084" srcset="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore.jpg 1293w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore-768x644.jpg 768w, //www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-in-Singapore-1200x1006.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px"></noscript><figcaption id="caption-attachment-33247" class="wp-caption-text">The 7 Essential Steps to Successful Web Design – Freelance Web Designer in Singapore</figcaption></figure> <h3><span id="Step_3_Visual_Design_and_Branding">Step 3: Visual Design and Branding</span></h3> <p><span style="font-weight: 400;">The website design stage focuses on creating a website that reflects your brand identity and captures your audience’s attention. A skilled <a title="freelance web designer Singapore" href="https://www.subraa.com">freelance web designer Singapore</a> will combine creativity with branding expertise to bring your vision to life. The wireframe and layout stage will be combined with the visual design and branding step.</span></p> <p><b>Key Activities in Step 3:</b><br> <span style="font-weight: 400;">– Color Scheme Selection: The tone of your website is set with the usage of colors. Typically, colors evoke emotions. Colours are determined during branding, and using brand colours in the website ensures consistency.</span></p> <p><span style="font-weight: 400;">– Typography: Fonts play a crucial role in readability and aesthetics. The designer will select fonts that enhance your content and branding.</span></p> <p><span style="font-weight: 400;">– Imagery and Graphics: From high-quality images to custom illustrations, visual elements are incorporated to make your website visually appealing.</span></p> <p><span style="font-weight: 400;">– Brand Consistency: The design will ensure your website aligns with your logo, marketing materials, and overall branding. You could get in touch with our <a title="Logo Design Singapore" href="https://www.subraa.com/web-design-logo-design-singapore/">Logo Design Singapore</a> Designer for a brand logo.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">A visually stunning website builds credibility and leaves a lasting impression on your website visitors. It ensures your brand stands out in the competition.</span></p> <p><b>Step 4: Content Creation</b><br> <span style="font-weight: 400;">Content creation according to user search and helpful information. Content is king, and your website’s success depends mainly on the quality of the content we use. Your freelance web designer can also help with SEO optimised content that goes well with the design layout.</span></p> <h3><span id="Key_Activities_in_Step_4">Key Activities in Step 4:</span></h3> <p><span style="font-weight: 400;">– Copywriting: Write clear, engaging, and SEO-optimized content that highlights your value proposition.</span></p> <p><span style="font-weight: 400;">– Visual Content: Add high-quality images, videos, and infographics that enhance the user experience.</span></p> <p><span style="font-weight: 400;">– Call-to-Actions (CTAs): Strategically place CTAs to guide users toward desired actions, such as signing up for a newsletter or making a purchase.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">Great content informs and engages your audience and improves your site’s search engine rankings. Your freelance web designer can ensure the content layout is visually appealing and conveys your message.</span></p> <h3><span id="Step_5_Development_and_Coding">Step 5: Development and Coding</span></h3> <p><span style="font-weight: 400;">After finalising the pages’ layouts, your freelance web designer will begin the process of coding the website. At this stage of development no alterations are allowed as they would extend the web design timeline. Quite simply, a freelance web designer ensures that your site works, serves its purpose and is well tuned.</span></p> <p><b>Key Activities in Step 5:</b><br> <b>Front-End Development</b><span style="font-weight: 400;">: Bringing your website’s design to life by coding its visual elements, like layouts, buttons, and navigation menus.</span></p> <p><b>Back-End Development</b><span style="font-weight: 400;">: Setting up the behind-the-scenes systems, including servers and databases, to ensure your site runs smoothly and efficiently.</span></p> <p><b>Mobile Responsiveness</b><span style="font-weight: 400;">: Making sure your website looks amazing and works perfectly on every device, from smartphones to tablets.</span></p> <p><b>Bug Testing</b><span style="font-weight: 400;">: Checking for and fixing any technical issues so your visitors enjoy a seamless and hassle-free experience.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">A well-coded website ensures fast loading times, smooth navigation, and compatibility across browsers and devices. This step is crucial for creating a professional and user-friendly online presence.</span></p> <h3><span id="Step_6_Testing_and_Quality_Assurance">Step 6: Testing and Quality Assurance</span></h3> <p><span style="font-weight: 400;">Before launching your website, it’s essential to do thorough testing on every aspect of the webstite to ensure it’s error-free and ready for visitors. Your <a title="freelance web designer" href="https://www.subraa.com">freelance web designer</a> will thoroughly test to identify and resolve any issues.</span></p> <p><b>Key Activities in Step 6:</b><br> <span style="font-weight: 400;">– Functionality Testing: Functionality testing will help to ensure all features, such as forms, buttons, and links, work as intended.</span></p> <p><span style="font-weight: 400;">– Cross-Browser Testing: Checking that your newly developed website functions correctly on various latest browsers like Chrome, Safari and latest versions of browsers.</span></p> <p><span style="font-weight: 400;">– Mobile Testing: Verifying your site is fully responsive and optimized for mobile devices. Optimal display of the website in devices is essential for SEO.</span></p> <p><span style="font-weight: 400;">– Performance Testing: Page load times and optimizing website speed to improve user experience.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">A through testing ensures your newly developed website delivers a good user experience, minimizing the risk of errors that could frustrate users and reduces conversion.</span></p> <h3><span id="Step_7_Launch_and_Website_Maintenance">Step 7: Launch and Website Maintenance</span></h3> <p><span style="font-weight: 400;">This is the last step of the website design process and it’s time to launch your website. But the process doesn’t end here. Ongoing website maintenance is crucial to ensure your website remains up-to-date and performs at its best. Continuous maintenance of the website is crucial as internet is vulnerable to hacks and also content updation according to user search is important to stay up to date.</span></p> <p><b>Key Activities in Step 7:</b><br> <span style="font-weight: 400;">– Launch Day Checklist: Freelance web designers have a list of items to ensure all elements are live and functioning correctly before the official launch.</span></p> <p><span style="font-weight: 400;">– SEO Submission: Your website needs to be submitted to search engines like Google for indexing.</span></p> <p><span style="font-weight: 400;">– Analytics Setup: Use tools like Google Analytics to monitor your site’s performance and user behavior. Analytics set up are free of charge with Subraa’s website design services.</span></p> <p><span style="font-weight: 400;">– Regular Updates: Your website needs to be fresh with content and technical updates.</span></p> <p><span style="font-weight: 400;">– Security Checks: Protect your site from vulnerabilities by installing plugin updates regulary and monitoring security measures.</span></p> <p><b>Why This Step Matters:</b><br> <span style="font-weight: 400;">A well-maintained website remains relevant, secure, and effective in achieving your business goals.</span></p> <p><span style="font-weight: 400;">Successful website design and development requires more than just technical skills. Website designs require creativity, strategy, attention to detail and an understanding of the local and international markets. By following these seven essential steps to web design, you can create a stunning website that drives results for your business.</span></p> <p><span style="font-weight: 400;">You can hire Subraa, <a title="freelance web designer Singapore" href="https://www.subraa.com">freelance web designer Singapore</a> to ensure every step of your website design is executed flawlessly. Subraa is a trusted name in web design services in Singapore, offering personalized solutions tailored to your brand’s unique needs. From planning and prototyping to launch and maintenance of the website, Subraa’s expertise guarantees a website that boosts your online presence and sets you ahead of your competition.</span></p> <p><span style="font-weight: 400;">Ready to bring your vision to life? <a title="Contact Subraa" href="https://www.subraa.com/contact/">Contact Subraa</a> today and take the first step toward a professional and impactful website! </span><span style="font-weight: 400;"><br> </span></p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_row-fluid faq-tabs-sections"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <h2 style="margin: 12.0pt 0cm 12.0pt 0cm;"><span id="FAQs_The_7_Essential_Steps_to_Successful_Web_Design"><span lang="EN">FAQs: The 7 Essential Steps to Successful Web Design</span></span></h2> </div> </div> <div class="vc_tta-container" data-vc-action="collapseAll"><div class="vc_general vc_tta vc_tta-accordion vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-o-shape-group vc_tta-controls-align-left vc_tta-o-all-clickable"><div class="vc_tta-panels-container"><div class="vc_tta-panels"><div class="vc_tta-panel vc_active" id="1713508249778-ee4bf952-40a0" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="Why_should_I_hire_a_freelance_web_designer_instead_of_using_DIY_website_builders"><a href="#1713508249778-ee4bf952-40a0" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Why should I hire a freelance web designer instead of using DIY website builders?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>Hiring a freelance web designer offers bespoke solutions that align with your business. Unlike DIY website builders that rely on templates, which are also used by other businesses online, freelance designers create unique, professional, and scalable websites that align with your brand. Additionally, they ensure your website is SEO-friendly, mobile-responsive, and optimized for performance – factors that DIY platforms may not fully address.</p> </div> </div> </div></div><div class="vc_tta-panel" id="1713508446737-e99109b3-c98a" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="How_long_does_it_take_to_complete_the_website_design"><a href="#1713508446737-e99109b3-c98a" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">How long does it take to complete the website design?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><span style="font-weight: 400;">The timeline for website design depends on the project’s complexity which involves the number of pages in the website, design needs, functionality, and customizations required. On average: </span></p> <p><span style="font-weight: 400;">– A simple website may take 2–4 weeks.<br> </span>– A more complex website with advanced features could take 6–8 weeks.</p> <p><span style="font-weight: 400;">Working with an experienced freelance web designer ensures the process is efficiently handled.</span></p> </div> </div> </div></div><div class="vc_tta-panel" id="1713508475174-2b782621-4436" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="What_is_the_role_of_content_in_the_web_design_process"><a href="#1713508475174-2b782621-4436" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">What is the role of content in the web design process?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>Website Content is the most critical component. It includes text, images, videos, and other elements communicating your message to your audience. Great content not only engaes visitors but also improves SEO rankings for the targeted keywords for your business. Clear CTAs drive conversion. You can hire us for SEO-optimised content writing now.</p> </div> </div> </div></div><div class="vc_tta-panel" id="1713508505035-12471a86-fd01" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="How_does_a_freelance_web_designer_ensure_my_website_is_mobile-friendly"><a href="#1713508505035-12471a86-fd01" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">How does a freelance web designer ensure my website is mobile-friendly?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>Freelance web designers prioritize responsive website design, which ensures your website adapts to all screen sizes, including desktops, tablets, and smartphones. Responsive website design is crucial for all websites.</p> </div> </div> </div></div><div class="vc_tta-panel" id="1737585239586-7241cd38-4570" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="What_is_a_sitemap_and_why_is_it_important_for_web_design"><a href="#1737585239586-7241cd38-4570" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">What is a sitemap, and why is it important for web design?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>A sitemap is a blueprint of your website’s structure, outlining all the pages and their hierarchy. Sitemap will help users to navigate easily as it is logically organised and helps search engines crawl and index your website. Your freelance web designer will help to create the sitemap for your website.</p> </div> </div> </div></div><div class="vc_tta-panel" id="1737585265774-b24c1bbb-f353" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><span id="What_happens_after_my_website_is_launched"><a href="#1737585265774-b24c1bbb-f353" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">What happens after my website is launched?</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></span></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>Launching your website is just the beginning! Post-launch activities includes regular updates to your website to ensure smooth and secure flow. You can opt for monthly SEO to improve rankings to your website and create brand awareness. Contact us for website maintenance, website security maintenance and SEO.</p> </div> </div> </div></div></div></div></div></div></div></div></div></div> </div> <div class="blog-faq-section"> </div> </div> <div class="post_excerpt post_tag"> <i class="fa fa-tags"></i> <span><a href="https://www.subraa.com/tag/essential-steps/" rel="tag">essential steps</a>, <a href="https://www.subraa.com/tag/tips-and-tricks/" rel="tag">Tips and Tricks</a>, <a href="https://www.subraa.com/tag/web-design/" rel="tag">web design</a>, <a href="https://www.subraa.com/tag/web-design-tips/" rel="tag">web design tips</a>, <a href="https://www.subraa.com/tag/web-designing/" rel="tag">web designing</a></span> </div> <div class="social-and-admin"> <div class="post-share"> <div class="heateor_sss_sharing_container heateor_sss_horizontal_sharing" ss-offset="0" heateor-sss-data-href='https://www.subraa.com/7-essential-steps-to-successful-web-design/'><ul class="heateor_sss_sharing_ul"><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Facebook" Title="Facebook" class="heateorSssSharing heateorSssFacebookBackground" onclick='heateorSssPopup("https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssFacebookSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Twitter" Title="Twitter" class="heateorSssSharing heateorSssTwitterBackground" onclick='heateorSssPopup("http://twitter.com/intent/tweet?text=The%207%20Essential%20Steps%20to%20Successful%20Web%20Design%3A%20A%20Guide%20to%20Creating%20Stunning%20Websites&url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssTwitterSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Linkedin" Title="Linkedin" class="heateorSssSharing heateorSssLinkedinBackground" onclick='heateorSssPopup("http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F&title=The%207%20Essential%20Steps%20to%20Successful%20Web%20Design%3A%20A%20Guide%20to%20Creating%20Stunning%20Websites")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssLinkedinSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Pinterest" Title="Pinterest" class="heateorSssSharing heateorSssPinterestBackground" onclick="javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssPinterestSvg"></ss></i></li></ul><div class="heateorSssClear"></div></div> </div> <div class="admin-div">  <div class="about-me-blog"> <div class="author-info-blog"> <h3>About Author: Subraa</h3> </div> <div class="author-desc-blog"> Subraa, is a Freelancer Web Designer, Logo Designer and Digital Marketer in Singapore. He enjoys reading books and has self taught technologies and expertised it over the years. He is an idea jack and loves perfection. </div> </div> </div> </div> <div class="related-post"> <div class="blog-article-row"> <div class="blog-article article-loop"> <div class="blog-media"> <a href="https://www.subraa.com/7-essential-steps-to-successful-web-design/"><img width="1293" height="1084" src="//www.subraa.com/there/wp-content/uploads/blog-images/The-7-Essential-Steps-to-Successful-Web-Design-Freelance-Web-Designer-Singapore.jpg" /></a> <div class="date-blog"><p>23 Jan 2025</p></div> </div> <div class="blog-details"> <div class="blog-meta"> <a href="https://www.subraa.com/7-essential-steps-to-successful-web-design/"><h3 class="blog-article-title"> The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites</h3></a> </div> <div class="blog-content"> <div class="blog-excrept-para"> <p>Websites are no more just a place where people find your business, it’s the face of your brand and key for your success. Whether you’re a start-up, a small business, or a personal brand, creating a stunning and functional website is essential for building trust, engaging your audience, and growing your business. </p> </div> <span class="category-name"><i class="fa fa-tags"></i> Tags: <a href="https://www.subraa.com/tag/essential-steps/" rel="tag">essential steps</a>, <a href="https://www.subraa.com/tag/tips-and-tricks/" rel="tag">Tips and Tricks</a>, <a href="https://www.subraa.com/tag/web-design/" rel="tag">web design</a>, <a href="https://www.subraa.com/tag/web-design-tips/" rel="tag">web design tips</a>, <a href="https://www.subraa.com/tag/web-designing/" rel="tag">web designing</a></span></div> <div class="post-footer"> <a class="blog-read-more" href="https://www.subraa.com/7-essential-steps-to-successful-web-design/">Read More</a> <div class="heateor_sss_sharing_container heateor_sss_horizontal_sharing" ss-offset="0" heateor-sss-data-href='https://www.subraa.com/7-essential-steps-to-successful-web-design/'><ul class="heateor_sss_sharing_ul"><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Facebook" Title="Facebook" class="heateorSssSharing heateorSssFacebookBackground" onclick='heateorSssPopup("https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssFacebookSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Twitter" Title="Twitter" class="heateorSssSharing heateorSssTwitterBackground" onclick='heateorSssPopup("http://twitter.com/intent/tweet?text=The%207%20Essential%20Steps%20to%20Successful%20Web%20Design%3A%20A%20Guide%20to%20Creating%20Stunning%20Websites&url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssTwitterSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Linkedin" Title="Linkedin" class="heateorSssSharing heateorSssLinkedinBackground" onclick='heateorSssPopup("http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.subraa.com%2F7-essential-steps-to-successful-web-design%2F&title=The%207%20Essential%20Steps%20to%20Successful%20Web%20Design%3A%20A%20Guide%20to%20Creating%20Stunning%20Websites")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssLinkedinSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Pinterest" Title="Pinterest" class="heateorSssSharing heateorSssPinterestBackground" onclick="javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssPinterestSvg"></ss></i></li></ul><div class="heateorSssClear"></div></div> </div> </div> </div> <div class="blog-article article-loop"> <div class="blog-media"> <a href="https://www.subraa.com/small-business-branding-tips-boost-brand-presence/"><img width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" data-lazy-src="//www.subraa.com/there/wp-content/uploads/blog-images/Small-Business-Branding-Freelance-Logo-Designer-in-Singapore.jpg" /><noscript><img width="940" height="788" src="//www.subraa.com/there/wp-content/uploads/blog-images/Small-Business-Branding-Freelance-Logo-Designer-in-Singapore.jpg" /></noscript></a> <div class="date-blog"><p>19 Jan 2025</p></div> </div> <div class="blog-details"> <div class="blog-meta"> <a href="https://www.subraa.com/small-business-branding-tips-boost-brand-presence/"><h3 class="blog-article-title"> Small Business Branding: 6 Cost-Effective Tips to Boost Your Brand Presence</h3></a> </div> <div class="blog-content"> <div class="blog-excrept-para"> <p>Are you launching a business? As a business owner there are so many things you need to consider. Building a strong brand identity is one of the most crucial aspects for a startup business success.</p> </div> <span class="category-name"><i class="fa fa-tags"></i> Tags: <a href="https://www.subraa.com/tag/small-branding-agency/" rel="tag">small branding agency</a>, <a href="https://www.subraa.com/tag/small-business-branding/" rel="tag">small business branding</a>, <a href="https://www.subraa.com/tag/small-business-branding-agency/" rel="tag">small business branding agency</a></span></div> <div class="post-footer"> <a class="blog-read-more" href="https://www.subraa.com/small-business-branding-tips-boost-brand-presence/">Read More</a> <div class="heateor_sss_sharing_container heateor_sss_horizontal_sharing" ss-offset="0" heateor-sss-data-href='https://www.subraa.com/small-business-branding-tips-boost-brand-presence/'><ul class="heateor_sss_sharing_ul"><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Facebook" Title="Facebook" class="heateorSssSharing heateorSssFacebookBackground" onclick='heateorSssPopup("https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.subraa.com%2Fsmall-business-branding-tips-boost-brand-presence%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssFacebookSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Twitter" Title="Twitter" class="heateorSssSharing heateorSssTwitterBackground" onclick='heateorSssPopup("http://twitter.com/intent/tweet?text=Small%20Business%20Branding%3A%206%20Cost-Effective%20Tips%20to%20Boost%20Your%20Brand%20Presence&url=https%3A%2F%2Fwww.subraa.com%2Fsmall-business-branding-tips-boost-brand-presence%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssTwitterSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Linkedin" Title="Linkedin" class="heateorSssSharing heateorSssLinkedinBackground" onclick='heateorSssPopup("http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.subraa.com%2Fsmall-business-branding-tips-boost-brand-presence%2F&title=Small%20Business%20Branding%3A%206%20Cost-Effective%20Tips%20to%20Boost%20Your%20Brand%20Presence")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssLinkedinSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Pinterest" Title="Pinterest" class="heateorSssSharing heateorSssPinterestBackground" onclick="javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssPinterestSvg"></ss></i></li></ul><div class="heateorSssClear"></div></div> </div> </div> </div> <div class="blog-article article-loop"> <div class="blog-media"> <a href="https://www.subraa.com/watermark-logo-design-singapore/"><img width="2938" height="2463" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202938%202463'%3E%3C/svg%3E" data-lazy-src="//www.subraa.com/there/wp-content/uploads/blog-images/Mastering-Watermark-Logo-Design_-The-Ultimate-Guide-to-Elevating-Your-Brand-in-Singapore.png" /><noscript><img width="2938" height="2463" src="//www.subraa.com/there/wp-content/uploads/blog-images/Mastering-Watermark-Logo-Design_-The-Ultimate-Guide-to-Elevating-Your-Brand-in-Singapore.png" /></noscript></a> <div class="date-blog"><p>14 Jan 2025</p></div> </div> <div class="blog-details"> <div class="blog-meta"> <a href="https://www.subraa.com/watermark-logo-design-singapore/"><h3 class="blog-article-title"> Mastering Watermark Logo Design: Best Practices, Tips, and Why You Need a Professional Logo Design Service in Singapore</h3></a> </div> <div class="blog-content"> <div class="blog-excrept-para"> <p>Watermark logo design is the perfect blend of protection and branding. Explore why businesses in Singapore choose professional designers for creating memorable, functional, and secure watermark logos.</p> </div> <span class="category-name"><i class="fa fa-tags"></i> Tags: <a href="https://www.subraa.com/tag/watermark-logo/" rel="tag">watermark logo</a>, <a href="https://www.subraa.com/tag/watermark-logo-design/" rel="tag">watermark logo design</a>, <a href="https://www.subraa.com/tag/watermark-logo-designer/" rel="tag">watermark logo designer</a></span></div> <div class="post-footer"> <a class="blog-read-more" href="https://www.subraa.com/watermark-logo-design-singapore/">Read More</a> <div class="heateor_sss_sharing_container heateor_sss_horizontal_sharing" ss-offset="0" heateor-sss-data-href='https://www.subraa.com/watermark-logo-design-singapore/'><ul class="heateor_sss_sharing_ul"><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Facebook" Title="Facebook" class="heateorSssSharing heateorSssFacebookBackground" onclick='heateorSssPopup("https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.subraa.com%2Fwatermark-logo-design-singapore%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssFacebookSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Twitter" Title="Twitter" class="heateorSssSharing heateorSssTwitterBackground" onclick='heateorSssPopup("http://twitter.com/intent/tweet?text=Mastering%20Watermark%20Logo%20Design%3A%20Best%20Practices%2C%20Tips%2C%20and%20Why%20You%20Need%20a%20Professional%20Logo%20Design%20Service%20in%20Singapore&url=https%3A%2F%2Fwww.subraa.com%2Fwatermark-logo-design-singapore%2F")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssTwitterSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Linkedin" Title="Linkedin" class="heateorSssSharing heateorSssLinkedinBackground" onclick='heateorSssPopup("http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.subraa.com%2Fwatermark-logo-design-singapore%2F&title=Mastering%20Watermark%20Logo%20Design%3A%20Best%20Practices%2C%20Tips%2C%20and%20Why%20You%20Need%20a%20Professional%20Logo%20Design%20Service%20in%20Singapore")'><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssLinkedinSvg"></ss></i></li><li class="heateorSssSharingRound"><i style="width:25px;height:25px;border-radius:999px;" alt="Pinterest" Title="Pinterest" class="heateorSssSharing heateorSssPinterestBackground" onclick="javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><ss style="display:block;border-radius:999px;" class="heateorSssSharingSvg heateorSssPinterestSvg"></ss></i></li></ul><div class="heateorSssClear"></div></div> </div> </div> </div> </div> </div> </div> <div class="sidebar_blog"> <ul class="sidebar_widget"> <li> <div class="textwidget"><h2 class="widgettitle">About Me</h2> <p><img decoding="async" class="alignnone wp-image-58 size-full" src="//subraa.com/there/wp-content/uploads/2020/04/about-me.jpg" alt="" width="320" height="230" title="Freelance Web Designer in Singapore - Subraa Logo" /></p> <p>I’m Subraa, web designer, logo designer, Digital Marketer based in Singapore</p> </div> </li>   <li> Recent Posts <ul> <li> <a href="https://www.subraa.com/chinese-new-year-2025-offers-and-promotions-singapore-logo-and-website-design/">Chinese New Year 2025 Offers and Promotions, Singapore – Logo and Website Design</a> <span class="post-date">14 January 2025</span> </li> <li> <a href="https://www.subraa.com/chinese-new-year-2024-logo-website-design-promotions-offers/">Chinese New Year 2024 Offers and Promotions, Singapore – Logo and Website Design</a> <span class="post-date">3 February 2024</span> </li> <li> <a href="https://www.subraa.com/7-essential-steps-to-successful-web-design/">The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites</a> <span class="post-date">23 January 2025</span> </li> <li> <a href="https://www.subraa.com/small-business-branding-tips-boost-brand-presence/">Small Business Branding: 6 Cost-Effective Tips to Boost Your Brand Presence</a> <span class="post-date">19 January 2025</span> </li> <li> <a href="https://www.subraa.com/watermark-logo-design-singapore/">Mastering Watermark Logo Design: Best Practices, Tips, and Why You Need a Professional Logo Design Service in Singapore</a> <span class="post-date">14 January 2025</span> </li> </ul> </li> <li> Popular Posts <ul class="wpp-list"> <li> <a href="https://www.subraa.com/pamphlet-and-brochure-are-they-same/" class="wpp-post-title" target="_self">Pamphlet and Brochure – Are they same?</a> <span class="wpp-meta post-stats"><span class="wpp-date">posted on August 26, 2019</span></span> </li> <li> <a href="https://www.subraa.com/flyer-design-singapore-for-real-estate-agent-sell-property/" class="wpp-post-title" target="_self">Flyer Design Singapore for Real Estate Agent – Sell Property</a> <span class="wpp-meta post-stats"><span class="wpp-date">posted on September 2, 2020</span></span> </li> <li> <a href="https://www.subraa.com/professional-logo-design-costs-singapore/" class="wpp-post-title" target="_self">How much does a Professional Logo Design cost in Singapore in 2023?</a> <span class="wpp-meta post-stats"><span class="wpp-date">posted on November 14, 2017</span></span> </li> <li> <a href="https://www.subraa.com/hope-logo-design/" class="wpp-post-title" target="_self">HOPE Logo Design</a> <span class="wpp-meta post-stats"><span class="wpp-date">posted on April 25, 2020</span></span> </li> <li> <a href="https://www.subraa.com/interior-renovation-company-logo-design-singapore/" class="wpp-post-title" target="_self">Interior & Renovation Company Logo Design in Singapore</a> <span class="wpp-meta post-stats"><span class="wpp-date">posted on April 8, 2024</span></span> </li> </ul> </li> <li>Tags<div class="tagcloud"><ul class='wp-tag-cloud' role='list'> <li><a href="https://www.subraa.com/tag/brochure/" class="tag-cloud-link tag-link-64 tag-link-position-1" style="font-size: 1em;">brochure</a></li> <li><a href="https://www.subraa.com/tag/brochure-design/" class="tag-cloud-link tag-link-65 tag-link-position-2" style="font-size: 1em;">brochure design</a></li> <li><a href="https://www.subraa.com/tag/brochure-design-singapore/" class="tag-cloud-link tag-link-66 tag-link-position-3" style="font-size: 1em;">brochure design singapore</a></li> <li><a href="https://www.subraa.com/tag/business-card/" class="tag-cloud-link tag-link-1558 tag-link-position-4" style="font-size: 1em;">business card</a></li> <li><a href="https://www.subraa.com/tag/business-card-design/" class="tag-cloud-link tag-link-1562 tag-link-position-5" style="font-size: 1em;">business card design</a></li> <li><a href="https://www.subraa.com/tag/business-logo-design/" class="tag-cloud-link tag-link-129 tag-link-position-6" style="font-size: 1em;">business logo design</a></li> <li><a href="https://www.subraa.com/tag/clinic-logo-design/" class="tag-cloud-link tag-link-123 tag-link-position-7" style="font-size: 1em;">clinic logo design</a></li> <li><a href="https://www.subraa.com/tag/company-logo-design/" class="tag-cloud-link tag-link-130 tag-link-position-8" style="font-size: 1em;">company logo design</a></li> <li><a href="https://www.subraa.com/tag/consultancy-logo-design/" class="tag-cloud-link tag-link-146 tag-link-position-9" style="font-size: 1em;">consultancy logo design</a></li> <li><a href="https://www.subraa.com/tag/crm-logo-design/" class="tag-cloud-link tag-link-147 tag-link-position-10" style="font-size: 1em;">crm logo design</a></li> <li><a href="https://www.subraa.com/tag/design-a-flyer/" class="tag-cloud-link tag-link-157 tag-link-position-11" style="font-size: 1em;">design a flyer</a></li> <li><a href="https://www.subraa.com/tag/fb-logo-design/" class="tag-cloud-link tag-link-154 tag-link-position-12" style="font-size: 1em;">f&b logo design</a></li> <li><a href="https://www.subraa.com/tag/flyer-design/" class="tag-cloud-link tag-link-40 tag-link-position-13" style="font-size: 1em;">flyer design</a></li> <li><a href="https://www.subraa.com/tag/flyer-design-singapore/" class="tag-cloud-link tag-link-41 tag-link-position-14" style="font-size: 1em;">flyer design singapore</a></li> <li><a href="https://www.subraa.com/tag/flyers/" class="tag-cloud-link tag-link-42 tag-link-position-15" style="font-size: 1em;">flyers</a></li> <li><a href="https://www.subraa.com/tag/flyers-design/" class="tag-cloud-link tag-link-158 tag-link-position-16" style="font-size: 1em;">flyers design</a></li> <li><a href="https://www.subraa.com/tag/food-logo/" class="tag-cloud-link tag-link-1579 tag-link-position-17" style="font-size: 1em;">food logo</a></li> <li><a href="https://www.subraa.com/tag/food-logo-design/" class="tag-cloud-link tag-link-1581 tag-link-position-18" style="font-size: 1em;">food logo design</a></li> <li><a href="https://www.subraa.com/tag/freelance-logo-designer/" class="tag-cloud-link tag-link-28 tag-link-position-19" style="font-size: 1em;">freelance logo designer</a></li> <li><a href="https://www.subraa.com/tag/freelance-logo-designer-singapore/" class="tag-cloud-link tag-link-29 tag-link-position-20" style="font-size: 1em;">freelance logo designer singapore</a></li> <li><a href="https://www.subraa.com/tag/freelance-singapore/" class="tag-cloud-link tag-link-20 tag-link-position-21" style="font-size: 1em;">freelance singapore</a></li> <li><a href="https://www.subraa.com/tag/freelance-web-designer/" class="tag-cloud-link tag-link-15 tag-link-position-22" style="font-size: 1em;">freelance web designer</a></li> <li><a href="https://www.subraa.com/tag/freelance-web-designer-in-singapore/" class="tag-cloud-link tag-link-16 tag-link-position-23" style="font-size: 1em;">freelance web designer in singapore</a></li> <li><a href="https://www.subraa.com/tag/freelance-web-designer-singapore/" class="tag-cloud-link tag-link-17 tag-link-position-24" style="font-size: 1em;">freelance web designer singapore</a></li> <li><a href="https://www.subraa.com/tag/freelance-web-developer/" class="tag-cloud-link tag-link-21 tag-link-position-25" style="font-size: 1em;">freelance web developer</a></li> <li><a href="https://www.subraa.com/tag/freelance-website-designer/" class="tag-cloud-link tag-link-22 tag-link-position-26" style="font-size: 1em;">freelance website designer</a></li> <li><a href="https://www.subraa.com/tag/lifestyle-logo-design/" class="tag-cloud-link tag-link-126 tag-link-position-27" style="font-size: 1em;">lifestyle logo design</a></li> <li><a href="https://www.subraa.com/tag/logo-design/" class="tag-cloud-link tag-link-6 tag-link-position-28" style="font-size: 1em;">logo design</a></li> <li><a href="https://www.subraa.com/tag/logo-designer/" class="tag-cloud-link tag-link-13 tag-link-position-29" style="font-size: 1em;">logo designer</a></li> <li><a href="https://www.subraa.com/tag/logo-designers/" class="tag-cloud-link tag-link-14 tag-link-position-30" style="font-size: 1em;">logo designers</a></li> <li><a href="https://www.subraa.com/tag/logo-design-in-singapore/" class="tag-cloud-link tag-link-11 tag-link-position-31" style="font-size: 1em;">logo design in singapore</a></li> <li><a href="https://www.subraa.com/tag/logo-design-singapore/" class="tag-cloud-link tag-link-12 tag-link-position-32" style="font-size: 1em;">logo design singapore</a></li> <li><a href="https://www.subraa.com/tag/medical-logo-design/" class="tag-cloud-link tag-link-124 tag-link-position-33" style="font-size: 1em;">medical logo design</a></li> <li><a href="https://www.subraa.com/tag/name-card/" class="tag-cloud-link tag-link-1557 tag-link-position-34" style="font-size: 1em;">name card</a></li> <li><a href="https://www.subraa.com/tag/name-card-design/" class="tag-cloud-link tag-link-1560 tag-link-position-35" style="font-size: 1em;">name card design</a></li> <li><a href="https://www.subraa.com/tag/product-flyer-design/" class="tag-cloud-link tag-link-160 tag-link-position-36" style="font-size: 1em;">product flyer design</a></li> <li><a href="https://www.subraa.com/tag/professional-logo-design/" class="tag-cloud-link tag-link-128 tag-link-position-37" style="font-size: 1em;">professional logo design</a></li> <li><a href="https://www.subraa.com/tag/property-flyer-design/" class="tag-cloud-link tag-link-175 tag-link-position-38" style="font-size: 1em;">property flyer design</a></li> <li><a href="https://www.subraa.com/tag/real-estate-flyer-design/" class="tag-cloud-link tag-link-176 tag-link-position-39" style="font-size: 1em;">real estate flyer design</a></li> <li><a href="https://www.subraa.com/tag/restaurant-logo-design/" class="tag-cloud-link tag-link-131 tag-link-position-40" style="font-size: 1em;">restaurant logo design</a></li> <li><a href="https://www.subraa.com/tag/singapore/" class="tag-cloud-link tag-link-43 tag-link-position-41" style="font-size: 1em;">singapore</a></li> <li><a href="https://www.subraa.com/tag/singapore-flyer-design/" class="tag-cloud-link tag-link-178 tag-link-position-42" style="font-size: 1em;">singapore flyer design</a></li> <li><a href="https://www.subraa.com/tag/subraa/" class="tag-cloud-link tag-link-44 tag-link-position-43" style="font-size: 1em;">subraa</a></li> <li><a href="https://www.subraa.com/tag/web-design/" class="tag-cloud-link tag-link-7 tag-link-position-44" style="font-size: 1em;">web design</a></li> <li><a href="https://www.subraa.com/tag/web-design-singapore/" class="tag-cloud-link tag-link-18 tag-link-position-45" style="font-size: 1em;">web design singapore</a></li> </ul> </div> </li> </ul> </div> </div> </div> <div class="schema-manual"> </div> </div> </div>  <section class="logo-carousel-container"> <div class="textwidget"><div class='white' style='background:rgba(0,0,0,0); border:solid 0px rgba(0,0,0,0); border-radius:0px; padding:0px 0px 0px 0px;'> <div id='slider_8873' class='owl-carousel sa_owl_theme autohide-arrows' data-slider-id='slider_8873' style='visibility:hidden;'> <div id='slider_8873_slide01' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8072" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Yoga Client" width="226" height="226" title="Yoga Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Yoga-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8072" src="//subraa.com/there/wp-content/uploads/2020/05/Yoga-Client.jpg" alt="Yoga Client" width="226" height="226" title="Yoga Client" /></noscript></p></div> <div id='slider_8873_slide02' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8068" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Online Jewellery Client" width="226" height="226" title="Online Jewellery Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Online-Jewellery-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8068" src="//subraa.com/there/wp-content/uploads/2020/05/Online-Jewellery-Client.jpg" alt="Online Jewellery Client" width="226" height="226" title="Online Jewellery Client" /></noscript></p></div> <div id='slider_8873_slide03' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8066" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Nursing Client" width="226" height="226" title="Nursing Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Nursing-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8066" src="//subraa.com/there/wp-content/uploads/2020/05/Nursing-Client.jpg" alt="Nursing Client" width="226" height="226" title="Nursing Client" /></noscript></p></div> <div id='slider_8873_slide04' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8064" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Management Client" width="226" height="226" title="Management Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Management-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8064" src="//subraa.com/there/wp-content/uploads/2020/05/Management-Client.jpg" alt="Management Client" width="226" height="226" title="Management Client" /></noscript></p></div> <div id='slider_8873_slide05' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8062" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Jewellery Client" width="226" height="226" title="Jewellery Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Jewellery-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8062" src="//subraa.com/there/wp-content/uploads/2020/05/Jewellery-Client.jpg" alt="Jewellery Client" width="226" height="226" title="Jewellery Client" /></noscript></p></div> <div id='slider_8873_slide06' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8059" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Finance Client" width="226" height="226" title="Finance Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Finance-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8059" src="//subraa.com/there/wp-content/uploads/2019/12/Finance-Client.jpg" alt="Finance Client" width="226" height="226" title="Finance Client" /></noscript></p></div> <div id='slider_8873_slide07' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8058" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="eCommerce Client" width="226" height="226" title="eCommerce Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/eCommerce-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8058" src="//subraa.com/there/wp-content/uploads/2019/12/eCommerce-Client.jpg" alt="eCommerce Client" width="226" height="226" title="eCommerce Client" /></noscript></p></div> <div id='slider_8873_slide08' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8057" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Dr Client" width="226" height="226" title="Dr Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Dr-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8057" src="//subraa.com/there/wp-content/uploads/2019/12/Dr-Client.jpg" alt="Dr Client" width="226" height="226" title="Dr Client" /></noscript></p></div> <div id='slider_8873_slide09' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8070" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Property Client" width="226" height="226" title="Property Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/05/Property-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8070" src="//subraa.com/there/wp-content/uploads/2020/05/Property-Client.jpg" alt="Property Client" width="226" height="226" title="Property Client" /></noscript></p></div> <div id='slider_8873_slide10' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8056" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Dog Food" title="Dog Food" width="226" height="226" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Dog-Food.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8056" src="//subraa.com/there/wp-content/uploads/2019/12/Dog-Food.jpg" alt="Dog Food" title="Dog Food" width="226" height="226" /></noscript></p></div> <div id='slider_8873_slide11' class='sa_hover_container' style='padding:0% 0%; margin:0px 0%; '><p><img decoding="async" class="alignnone size-full wp-image-8054" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20226'%3E%3C/svg%3E" alt="Coach Client" width="226" height="226" title="Coach Client" data-lazy-src="//subraa.com/there/wp-content/uploads/2019/12/Coach-Client.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-8054" src="//subraa.com/there/wp-content/uploads/2019/12/Coach-Client.jpg" alt="Coach Client" width="226" height="226" title="Coach Client" /></noscript></p></div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript" data-rocket-type='text/javascript'> jQuery(document).ready(function() { jQuery('#slider_8873').owlCarousel({ responsive:{ 0:{ items:2 }, 480:{ items:3 }, 768:{ items:4 }, 980:{ items:7 }, 1200:{ items:7 }, 1500:{ items:9 } }, autoplay : true, autoplayTimeout : 5000, autoplayHoverPause : false, smartSpeed : 200, fluidSpeed : 200, autoplaySpeed : 200, navSpeed : 200, dotsSpeed : 200, loop : true, nav : false, navText : ['Previous','Next'], dots : false, responsiveRefreshRate : 200, slideBy : 1, mergeFit : true, autoHeight : false, mouseDrag : true, touchDrag : true }); jQuery('#slider_8873').css('visibility', 'visible'); sa_resize_slider_8873(); window.addEventListener('resize', sa_resize_slider_8873); function sa_resize_slider_8873() { var min_height = '50'; var win_width = jQuery(window).width(); var slider_width = jQuery('#slider_8873').width(); if (win_width < 480) { var slide_width = slider_width / 2; } else if (win_width < 768) { var slide_width = slider_width / 3; } else if (win_width < 980) { var slide_width = slider_width / 4; } else if (win_width < 1200) { var slide_width = slider_width / 7; } else if (win_width < 1500) { var slide_width = slider_width / 7; } else { var slide_width = slider_width / 9; } slide_width = Math.round(slide_width); var slide_height = '0'; if (min_height == 'aspect43') { slide_height = (slide_width / 4) * 3; slide_height = Math.round(slide_height); } else if (min_height == 'aspect169') { slide_height = (slide_width / 16) * 9; slide_height = Math.round(slide_height); } else { slide_height = (slide_width / 100) * min_height; slide_height = Math.round(slide_height); } jQuery('#slider_8873 .owl-item .sa_hover_container').css('min-height', slide_height+'px'); } var owl_goto = jQuery('#slider_8873'); jQuery('.slider_8873_goto1').click(function(event){ owl_goto.trigger('to.owl.carousel', 0); }); jQuery('.slider_8873_goto2').click(function(event){ owl_goto.trigger('to.owl.carousel', 1); }); jQuery('.slider_8873_goto3').click(function(event){ owl_goto.trigger('to.owl.carousel', 2); }); jQuery('.slider_8873_goto4').click(function(event){ owl_goto.trigger('to.owl.carousel', 3); }); jQuery('.slider_8873_goto5').click(function(event){ owl_goto.trigger('to.owl.carousel', 4); }); jQuery('.slider_8873_goto6').click(function(event){ owl_goto.trigger('to.owl.carousel', 5); }); jQuery('.slider_8873_goto7').click(function(event){ owl_goto.trigger('to.owl.carousel', 6); }); jQuery('.slider_8873_goto8').click(function(event){ owl_goto.trigger('to.owl.carousel', 7); }); jQuery('.slider_8873_goto9').click(function(event){ owl_goto.trigger('to.owl.carousel', 8); }); jQuery('.slider_8873_goto10').click(function(event){ owl_goto.trigger('to.owl.carousel', 9); }); jQuery('.slider_8873_goto11').click(function(event){ owl_goto.trigger('to.owl.carousel', 10); }); var resize_8873 = jQuery('.owl-carousel'); resize_8873.on('initialized.owl.carousel', function(e) { if (typeof(Event) === 'function') { window.dispatchEvent(new Event('resize')); } else { var evt = window.document.createEvent('UIEvents'); evt.initUIEvent('resize', true, false, window, 0); window.dispatchEvent(evt); } }); }); </script> </div> </section>  <section class="get-started-container"> <div class="layout-978"> <div class="get-started-now-footer"> <div class="getstart-row"> <div class="textwidget"><h2>Start building your Online presence now with Subraa!</h2> <p>Trusted by over 600+ clients, across domains and business sizes. 10+ years of experience helping clients with quality services at an affordable price.</p> <p><a href="https://subraa.com/contact/">HIRE ME</a></p> </div> </div> <div class="getstart-row-right"> <div class="textwidget"><div id="sliderpromo"> <ul> <li data-bg="https://www.subraa.com/there/wp-content/uploads/Promotions/Logo-Design-Website-Design-Promotions-Chinese-New-Year-2025.png" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="Chinese New Year 2025 Offers and Promotions, Singapore – Logo and Website Design"></a></li> <li data-bg="https://www.subraa.com/there/wp-content/uploads/Promotions/Logo-Design-Website-Design-Promotions-Chinese-New-Year-2024.jpg" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="Chinese New Year 2024 Offers and Promotions, Singapore – Logo and Website Design"></a></li> <li data-bg="https://www.subraa.com/there/wp-content/uploads/christmas-offers-promotions-discounts/Christmas-2022-Deals-and-Promotions-on-Logo-and-Website-Design.jpg" class="post-thumb-seprate-image-promotion rocket-lazyload" style=" background-size: cover;background-position: top center;background-repeat: no-repeat;"><a class="promotion-section-slide-links" href="https://subraa.com/logo-design-web-design-promotions-singapore/" title="Christmas 2022 Offers and Promotions"></a></li> </ul> </div> </div> </div> </div> </div> </section> <footer id="colophon" class="site-footer"> <div class="footer-main"> <div class="layout-978"> <div class="footer-col"> <div class="textwidget"><p><img decoding="async" class="alignnone wp-image-157 size-full" title="Freelance Web Designer in Singapore - Subraa Logo" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20166%2041'%3E%3C/svg%3E" alt="Subraa" width="166" height="41" data-lazy-src="//subraa.com/there/wp-content/uploads/2020/01/logo.png" /><noscript><img decoding="async" class="alignnone wp-image-157 size-full" title="Freelance Web Designer in Singapore - Subraa Logo" src="//subraa.com/there/wp-content/uploads/2020/01/logo.png" alt="Subraa" width="166" height="41" /></noscript></p> <h3 style="margin-top: 30px; padding-bottom: 15px;">Services</h3> <ul style="opacity: 0.6;"> <li>Freelance Web Designer Singapore</li> <li>Website Design</li> <li>Web Development</li> <li>Website Redesign</li> <li>WordPress Website Design</li> <li>UI/UX Design</li> <li>Website Revamps</li> <li>Website Hosting</li> <li>Website Maintenance</li> <li>Logo Design</li> <li>Branding</li> <li>Brochure Design</li> <li>Newsletter Design</li> <li>Facebook Ad Design</li> </ul> </div> </div> <div class="footer-col"> <div class="textwidget"><h3 class="footer-digital-marketing-heading">Digital Marketing</h3> <ul> <li>SEO Services</li> <li>Adwords Marketing</li> <li>Facebook Marketing</li> <li>Google Display Network Ads</li> <li>Social Media Marketing</li> <li>Instagram Advertising</li> <li>Online Reputation Management</li> </ul> <h3 class="download-brochures-heading">DOWNLOAD OUR E -BROCHURE</h3> <p class="download-btn-p-tag"><a class="download-brochure-button" href="https://subraa.com/download/2701/" target="_blank" rel="noopener noreferrer">DOWNLOAD</a></p> <h3 style="margin-top: 22px; padding-bottom: 0px;"><a style="font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0px; line-height: 22px; padding-bottom: 20px; text-transform: uppercase;" href="https://subraa.com/freelance-web-designer-singapore-portfolio/#website-design-cost">FAQ</a></h3> </div> <div class="textwidget"><h3 class="social-connections-footer">SOCIAL CONNECTIONS</h3> </div> <div class="textwidget"><ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul> </div> </div> <div class="footer-col"> <div class="textwidget"><h3>RECENT POSTS</h3> </div> <div class="textwidget"><ul> <li><a href="https://www.subraa.com/7-essential-steps-to-successful-web-design/" rel="bookmark">The 7 Essential Steps to Successful Web Design: A Guide to Creating Stunning Websites</a> <span class="post-date">Jan 23, 2025</span> </li> <li><a href="https://www.subraa.com/small-business-branding-tips-boost-brand-presence/" rel="bookmark">Small Business Branding: 6 Cost-Effective Tips to Boost Your Brand Presence</a> <span class="post-date">Jan 19, 2025</span> </li> <li><a href="https://www.subraa.com/watermark-logo-design-singapore/" rel="bookmark">Mastering Watermark Logo Design: Best Practices, Tips, and Why You Need a Professional Logo Design Service in Singapore</a> <span class="post-date">Jan 14, 2025</span> </li> </div> <div class="textwidget"></div> </div> <div class="footer-col"> <div class="textwidget"><h6>Subraa – Freelance Web Designer and Web Developer in Singapore</h6> <ul> <li class="footer-li-address">Blk 471A Upper Serangoon Crescent,<br /> Singapore, 531471.</li> <li class="telephone-footer">Phone: <a href="tel:+65 97957890" class="subraa_phone">+65 9795 7890</a></li> <li class="whatsapp-footer">Whatsapp: <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener" class="subraa_whatsapp">+65 8580 9111</a></li> <li class="footer-email">Email: <a href="/cdn-cgi/l/email-protection#1a73747c755a696f78687b7b34797577" class="subraa_email"><span class="__cf_email__" data-cfemail="f990979f96b98a8c9b8b9898d79a9694">[email protected]</span></a></li> </ul> </div> </div> </div> </div> <div class="copyrights-container"> <div class="layout-978"> <p>Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript">document.write(new Date().getFullYear())</script>. Subraa Singapore Pte. Ltd. (UEN: 201725337E). All rights reserved. <a href="https://www.subraa.com/privacy-policy/">Privacy Policy</a></p> </div> </div> <div class="mobile-footer-social-bar"> <div class="textwidget"><div class="wpsr-followbar sr-fb-bl sr-fb-hl"> <div class="socializer sr-followbar sr-32px sr-zoom"><span class="sr-phone "><a rel="nofollow noopener" href="tel:6597957890" target="_blank" title="Phone" style="color: #ffffff"><i class="fa fa-mobile"></i></a></span><span class="sr-email "><a rel="nofollow noopener" href="/cdn-cgi/l/email-protection#3e575058517e4d4b5c4c5f5f105d5153" target="_blank" title="Email" style="color: #ffffff"><i class="fa fa-envelope"></i></a></span><span class="sr-whatsapp "><a rel="nofollow noopener" href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" title="WhatsApp" style="color: #ffffff"><i class="fa fa-whatsapp"></i></a></span></div> </div> </div> </div> </footer> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript"> jQuery(window).scroll(function(){ if (jQuery(window).scrollTop() >= 150) { jQuery('#left-fixed-portfolio').addClass('fixed-section'); } else { jQuery('#left-fixed-portfolio').removeClass('fixed-section'); } }); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> jQuery('.input-phone-field').on('keypress', function(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode != 32 && (charCode != 43 && charCode > 31 && (charCode < 48 || charCode > 57))) return false; else { var len = jQuery(this).val().length; var index = jQuery(this).val().indexOf('.'); if (index > 0 && charCode == 46) { return false; } if (index > 0) { var CharAfterdot = (len + 9) - index; if (CharAfterdot > 3) { return false; } } } return true; }); jQuery('.input-text-field').keydown(function(e) { if (e.ctrlKey || e.altKey) { e.preventDefault(); } else { var key = e.keyCode; if (!((key == 8) || (key == 190) || (key == 9) || (key == 46) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) { e.preventDefault(); } } }); // jQuery(window).scroll(function(){ // if (jQuery(window).scrollTop() >= 100) { // jQuery('#masthead').addClass('fixed-header'); // } // else { // jQuery('#masthead').removeClass('fixed-header'); // } // }); jQuery(document).ready(function ($) { setInterval(function () { moveRight(); }, 5000); var slideCount = jQuery('#sliderpromo ul li').length; var slideWidth = jQuery('#sliderpromo ul li').width(); var slideHeight = jQuery('#sliderpromo ul li').height(); var sliderpromoUlWidth = slideCount * slideWidth; jQuery('#sliderpromo').css({ width: slideWidth, height: slideHeight }); jQuery('#sliderpromo ul').css({ width: sliderpromoUlWidth, marginLeft: - slideWidth }); jQuery('#sliderpromo ul li:last-child').prependTo('#sliderpromo ul'); function moveLeft() { jQuery('#sliderpromo ul').animate({ left: + slideWidth }, 200, function () { jQuery('#sliderpromo ul li:last-child').prependTo('#sliderpromo ul'); jQuery('#sliderpromo ul').css('left', ''); }); }; function moveRight() { jQuery('#sliderpromo ul').animate({ left: - slideWidth }, 200, function () { jQuery('#sliderpromo ul li:first-child').appendTo('#sliderpromo ul'); jQuery('#sliderpromo ul').css('left', ''); }); }; jQuery('a.control_prev').click(function () { moveLeft(); }); jQuery('a.control_next').click(function () { moveRight(); }); }); </script> <script type="rocketlazyloadscript"> jQuery("li#menu-item-2778 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#web-design").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2776 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#logo-design-services").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2777 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#name-card-design").offset().top-70 }, 1000); return false; }); jQuery("li#menu-item-2779 a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#name-card-design").offset().top-70 }, 1000); return false; }); jQuery(".faq-scroll-link").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#faq-portfolio-section").offset().top-130 }, 1000); return false; }); jQuery(".writeareview-link-btn ul li a").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("div#respond").offset().top-130 }, 1000); return false; }); jQuery(".view-packages-btn").click(function() { jQuery('html, body').animate({ scrollTop: jQuery("#logo-design-package").offset().top-70 }, 1000); return false; }); </script> <script type="rocketlazyloadscript"> var prevName = document.getElementsByClassName("owl-prev"); //console.log(prevName,"prev"); for(var i=0;i<prevName.length;i++) { prevName[i].setAttribute("name","Previous"); } //FAQ var accItem = document.getElementsByClassName('accordionItem'); var accHD = document.getElementsByClassName('accordionItemHeading'); for (i = 0; i < accHD.length; i++) { accHD[i].addEventListener('click', toggleItem, false); } function toggleItem() { var itemClass = this.parentNode.className; for (i = 0; i < accItem.length; i++) { accItem[i].className = 'accordionItem close'; } if (itemClass == 'accordionItem close') { this.parentNode.className = 'accordionItem open'; } } </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> jQuery('.paoc-popup').click(function(){ jQuery('#webdesign').val('Web Design').trigger('change'); }); </script> <script type="rocketlazyloadscript"> document.addEventListener('wpcf7mailsent', function(event) { location.href = 'https://www.subraa.com/thank-you/'; }, false); </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:"ab6320a9b9348661c2d1b2a4a4f78a08aa97bf8d9c3187df9f306c73300faea8b33fcae903c564d40354356bc86dd562", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zoho.com/widget?plugin_source=wordpress";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script><button id="responsive-menu-button" tabindex="1" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu"> <span class="responsive-menu-box"><span class="responsive-menu-inner"></span> </span></button><div id="responsive-menu-container" class="slide-left"> <div id="responsive-menu-wrapper" role="navigation" aria-label="mobile-menu"> <div id="responsive-menu-title"> <a href="https://subraa.com/" target="_self"> <div id="responsive-menu-title-image"><img alt="Subraa" src="//subraa.com/there/wp-content/uploads/2020/04/Freelance-Web-Designer-in-Singapore-Subraa-Logo.jpg" /></div> </a> <a href="https://subraa.com/" target="_self"> </a> </div><ul id="responsive-menu" role="menubar" aria-label="mobile-menu" ><li id="responsive-menu-item-20863" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-home responsive-menu-item" role="none"><a href="https://www.subraa.com/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Home</a></li><li id="responsive-menu-item-20864" class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children responsive-menu-item responsive-menu-item-has-children" role="none"><a href="#" class="responsive-menu-item-link" tabindex="1" role="menuitem">Services<div class="responsive-menu-subarrow">▼</div></a><ul aria-label='Services' role='menu' class='responsive-menu-submenu responsive-menu-submenu-depth-1'><li id="responsive-menu-item-20865" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/web-design-logo-design-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Logo Design</a></li><li id="responsive-menu-item-20866" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/web-design-logo-design-services-singapore/#web-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Web Design</a></li><li id="responsive-menu-item-20867" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/name-card-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Name Card Design</a></li><li id="responsive-menu-item-20868" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/flyer-design-singapore" class="responsive-menu-item-link" tabindex="1" role="menuitem">Flyer Design</a></li><li id="responsive-menu-item-32995" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/brochure-design/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Brochure Design</a></li><li id="responsive-menu-item-20869" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/affordable-digital-marketing-seo-services-in-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Digital Marketing & SEO Services</a></li><li id="responsive-menu-item-20870" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/illustration-design/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Illustration Design</a></li></ul></li><li id="responsive-menu-item-20871" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children responsive-menu-item responsive-menu-item-has-children" role="none"><a href="https://www.subraa.com/portfolio/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Portfolio<div class="responsive-menu-subarrow">▼</div></a><ul aria-label='Portfolio' role='menu' class='responsive-menu-submenu responsive-menu-submenu-depth-1'><li id="responsive-menu-item-20872" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/logo-design-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Logo Design</a></li><li id="responsive-menu-item-20873" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/freelance-web-designer-singapore-portfolio/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Web Design</a></li><li id="responsive-menu-item-20874" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/name-card-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Name Card Design</a></li><li id="responsive-menu-item-20875" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/newsletter-design" class="responsive-menu-item-link" tabindex="1" role="menuitem">Newsletter Design</a></li><li id="responsive-menu-item-20876" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/flyer-design-singapore" class="responsive-menu-item-link" tabindex="1" role="menuitem">Flyer Design Singapore</a></li><li id="responsive-menu-item-32997" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/brochure-design/#brochure-design-portfolio" class="responsive-menu-item-link" tabindex="1" role="menuitem">Brochure Design</a></li><li id="responsive-menu-item-20877" class=" menu-item menu-item-type-custom menu-item-object-custom responsive-menu-item" role="none"><a href="https://www.subraa.com/post-card-design/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Post Card Design</a></li></ul></li><li id="responsive-menu-item-20878" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/about/" class="responsive-menu-item-link" tabindex="1" role="menuitem">About</a></li><li id="responsive-menu-item-20881" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/logo-design-web-design-promotions-singapore/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Promotions</a></li><li id="responsive-menu-item-20879" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/blog/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Blog</a></li><li id="responsive-menu-item-20880" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item" role="none"><a href="https://www.subraa.com/contact/" class="responsive-menu-item-link" tabindex="1" role="menuitem">Contact</a></li></ul><div id="responsive-menu-additional-content"><div class="contact-section-one"> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-phone"></i> <a href="tel:6597957890">+65 9795 7890</a></p> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-whatsapp"></i> <a href="https://api.whatsapp.com/send?phone=6585809111" target="_blank" rel="noopener noreferrer">+65 8580 9111</a></p> <p style="text-align: left;"><i title="Facebook" style="font-size:20px;padding-right: 10px" class="fa fa-envelope"></i> <a href="/cdn-cgi/l/email-protection#90f9fef6ffd0e3e5f2e2f1f1bef3fffd"><span class="__cf_email__" data-cfemail="d2bbbcb4bd92a1a7b0a0b3b3fcb1bdbf">[email protected]</span></a></p> </div> <ul id="" class="cnss-social-icon " style="text-align:left;"> <li class="cn-fa-facebook cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.facebook.com/SubraaSingapore" title="Facebook" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Facebook" style="font-size:20px;" class="fa fa-facebook"></i></a></li> <li class="cn-fa-instagram cn-fa-icon " style="display:inline-block;" data-wpmeteor-mouseover="true" data-wpmeteor-mouseout="true"><a class="" target="_blank" href="https://www.instagram.com/freelance_singapore_designer/" title="Instagram" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer" data-wpmeteor-mouseover="true" data-wpmeteor-mouseout="true"><i title="Instagram" style="font-size:20px;" class="fa fa-instagram"></i></a></li> <li class="cn-fa-twitter cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://twitter.com/SubraaPD" title="Twitter" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Twitter" style="font-size:20px;" class="fa fa-twitter"></i></a></li> <li class="cn-fa-linkedin cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://sg.linkedin.com/in/subraapd" title="LinkedIn" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="LinkedIn" style="font-size:20px;" class="fa fa-linkedin"></i></a></li> <li class="cn-fa-pinterest cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://in.pinterest.com/subraa/" title="Pinterest" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="Pinterest" style="font-size:20px;" class="fa fa-pinterest"></i></a></li> <li class="cn-fa-youtube cn-fa-icon " style="display:inline-block;"><a class="" target="_blank" href="https://www.youtube.com/channel/UC4M6MPY9z2rzjkzAcUtOohg" title="YouTube" style="width:30px;height:30px;padding:5px 0;margin:2px;color: #000043;border-radius: 50%;" rel="noopener noreferrer"><i title="YouTube" style="font-size:20px;" class="fa fa-youtube"></i></a></li> </ul></div> </div> </div> <link rel='stylesheet' id='vc_tta_style-css' href='//www.subraa.com/there/wp-content/plugins/js_composer/assets/css/js_composer_tta.min.css?ver=5.7' media='all' /> <link rel='stylesheet' id='lwptoc-main-css' href='//www.subraa.com/there/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.css?ver=2.1.4' media='all' /> <link data-minify="1" rel='stylesheet' id='owl_carousel_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/slide-anything/owl-carousel/owl.carousel.css?ver=1737587329' media='all' /> <link data-minify="1" rel='stylesheet' id='owl_theme_css-css' href='//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/slide-anything/owl-carousel/sa-owl-theme.css?ver=1737587329' media='all' /> <link rel='stylesheet' id='owl_animate_css-css' href='//www.subraa.com/there/wp-content/plugins/slide-anything/owl-carousel/animate.min.css?ver=2.0' media='all' /> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/js/bootstrap.js?ver=1737587329" id="wpsm_count_bootstrap-js-front-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/counter-number-showcase/assets/js/counter_nscript.js?ver=1737587329" id="wpsm-new_count_script3-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/counter-number-showcase/assets/js/waypoints.min.js?ver=d9df1a11952db441a83d70fd670f3827" id="wpsm-new_count_waypoints-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/counter-number-showcase/assets/js/jquery.counterup.min.js?ver=d9df1a11952db441a83d70fd670f3827" id="wpsm-new_count_script2-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/mystickymenu/js/detectmobilebrowser.js?ver=1737587329" id="detectmobilebrowser-js" defer></script> <script id="mystickymenu-js-extra"> var option = {"mystickyClass":"header.site-header","activationHeight":"0","disableWidth":"0","disableLargeWidth":"0","adminBar":"false","device_desktop":"1","device_mobile":"1","mystickyTransition":"fade","mysticky_disable_down":"false"}; </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/mystickymenu/js/mystickymenu.min.js?ver=2.5.1" id="mystickymenu-js" defer></script> <script id="dlm-xhr-js-extra"> var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again."}; </script> <script type="rocketlazyloadscript" id="dlm-xhr-js-before"> const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/www.subraa.com\/there\/wp-admin\/admin-ajax.php","nonce":"300f2cbd2e"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://www.subraa.com/download/"; dlmXHRgif = "https://www.subraa.com/there/wp-includes/images/spinner.gif" </script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=4.7.76" id="dlm-xhr-js" defer></script> <script type="rocketlazyloadscript" id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.subraa.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script type="rocketlazyloadscript" id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js?ver=1737587329" id="twentysixteen-skip-link-focus-fix-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/comment-reply.min.js?ver=d9df1a11952db441a83d70fd670f3827" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="twentysixteen-script-js-extra"> var screenReaderText = {"expand":"expand child menu","collapse":"collapse child menu"}; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/themes/twentysixteen/js/functions.js?ver=1737587329" id="twentysixteen-script-js" defer></script> <script type="rocketlazyloadscript" id="heateor_sss_sharing_js-js-before"> function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://www.subraa.com/there/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://www.subraa.com/there/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://www.subraa.com/there/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")};var heateorSssWhatsappShareAPI = "web"; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=1737587364" id="heateor_sss_sharing_js-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.google.com/recaptcha/api.js?render=6Lc42VYkAAAAAI8rElg6rqu4mGg0ZoCUnCIlynx3&ver=3.0" id="google-recaptcha-js"></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script id="wpcf7-recaptcha-js-extra"> var wpcf7_recaptcha = {"sitekey":"6Lc42VYkAAAAAI8rElg6rqu4mGg0ZoCUnCIlynx3","actions":{"homepage":"homepage","contactform":"contactform"}}; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="//www.subraa.com/there/wp-content/cache/min/1/there/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=1737587329" id="wpcf7-recaptcha-js" defer></script> <script src="//www.subraa.com/there/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=5.7" id="wpb_composer_front_js-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/js_composer/assets/lib/vc_accordion/vc-accordion.min.js?ver=5.7" id="vc_accordion_script-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/js_composer/assets/lib/vc-tta-autoplay/vc-tta-autoplay.min.js?ver=5.7" id="vc_tta_autoplay_script-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="//www.subraa.com/there/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js?ver=2.1.4" id="lwptoc-main-js" defer></script> <script src="//www.subraa.com/there/wp-content/plugins/slide-anything/owl-carousel/owl.carousel.min.js?ver=2.2.1" id="owl_carousel_js-js" defer></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(0,0,0,1);"><div class="cookie-notice-container" style="color: #fff;"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="//www.subraa.com/there/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="//i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="//i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script></body> </html>