CINXE.COM

<!DOCTYPE html> <html class=" optml_no_js " lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />   <title>Web Design Tips and Tutorials - Learn from Professionals | CodeinWP</title><link rel="preload" data-rocket-preload as="font" href="https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2" crossorigin><link rel="preload" data-rocket-preload as="font" href="https://fonts.gstatic.com/s/raleway/v34/1Ptug8zYS_SKggPNyC0ITw.woff2" crossorigin><style id="wpr-usedcss">input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset}:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-font-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-focus-color:#5897fb;--ss-main-height:30px;--ss-content-height:300px;--ss-spacing-l:7px;--ss-spacing-m:5px;--ss-spacing-s:3px;--ss-animation-timing:0.2s;--ss-border-radius:4px}:root{--iti-hover-color:rgba(0, 0, 0, .05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-mobile-popup-margin:30px}.wp-block-themeisle-blocks-accordion{margin:20px auto;--title-color:initial;--title-background:initial;--content-background:initial;--border-width:1px;--border-style:solid;--border-color:currentColor;--box-shadow:none;--padding:18px 24px 18px 24px;--padding-tablet:var(--padding);--padding-mobile:var(--padding-tablet)}.wp-block-themeisle-blocks-accordion-item__title{position:relative;z-index:2;color:var(--title-color);background:var(--title-background);padding:var(--padding);list-style:none;cursor:pointer;user-select:none;display:grid;grid-template-columns:auto min-content;align-items:center}.wp-block-themeisle-blocks-accordion .wp-block-themeisle-blocks-accordion-item__title>*{margin:0}.wp-block-themeisle-blocks-accordion-item__title svg{width:24px;height:24px}.wp-block-themeisle-blocks-accordion-item__title::-webkit-details-marker,.wp-block-themeisle-blocks-accordion-item__title::marker{display:none}@media(max-width:960px){.wp-block-themeisle-blocks-accordion-item__title{padding:var(--padding-tablet)}}@media(max-width:600px){.wp-block-themeisle-blocks-accordion-item__title{padding:var(--padding-mobile)}}.wp-block-themeisle-blocks-accordion-item__content{position:relative;z-index:2;background:var(--content-background);padding:var(--padding)}.wp-block-themeisle-blocks-accordion-item__content>p:last-child{margin-bottom:0}@media(max-width:960px){.wp-block-themeisle-blocks-accordion-item__content{padding:var(--padding-tablet)}}@media(max-width:600px){.wp-block-themeisle-blocks-accordion-item__content{padding:var(--padding-mobile)}}.wp-block-themeisle-blocks-accordion:not(.is-style-default) .wp-block-themeisle-blocks-accordion-item__title{border:var(--border-width) var(--border-style) var(--border-color)}.wp-block-themeisle-blocks-accordion:not(.is-style-default) .wp-block-themeisle-blocks-accordion-item__content{border:var(--border-width) var(--border-style) var(--border-color);border-top:none}body{--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--neve-link-color:var(--nv-primary-accent);--wp--preset--color--neve-link-hover-color:var(--nv-secondary-accent);--wp--preset--color--nv-site-bg:var(--nv-site-bg);--wp--preset--color--nv-light-bg:var(--nv-light-bg);--wp--preset--color--nv-dark-bg:var(--nv-dark-bg);--wp--preset--color--neve-text-color:var(--nv-text-color);--wp--preset--color--nv-text-dark-bg:var(--nv-text-dark-bg);--wp--preset--color--nv-c-1:var(--nv-c-1);--wp--preset--color--nv-c-2:var(--nv-c-2);--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, .2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, .4);--wp--preset--shadow--sharp:6px 6px 0px rgba(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:.5em}:where(.is-layout-grid){gap:.5em}: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}:root{--jtoc-z-index:999;--jtoc-border-width:3px}.button,button,input[type=button],input[type=submit]{cursor:pointer;box-sizing:border-box;border-color:currentColor;text-align:center;font-family:var(--bodyfontfamily),var(--nv-fallback-ff)}.button.button-primary,button,input[type=button],input[type=submit]{cursor:pointer;box-sizing:border-box;background:var(--primarybtnbg);color:var(--primarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--primarybtnborderwidth,0);border-radius:var(--primarybtnborderradius,3px);padding:var(--primarybtnpadding,13px 15px);font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);letter-spacing:var(--btnletterspacing,var(--bodyletterspacing));text-transform:var(--btntexttransform,none)}.button.button-primary:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--primarybtnhoverbg);color:var(--primarybtnhovercolor);border-color:var(--primarybtnhovercolor)}.button{cursor:pointer;box-sizing:border-box;background-color:var(--secondarybtnbg);color:var(--secondarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--secondarybtnborderwidth,0);border-radius:var(--secondarybtnborderradius,3px);padding:var(--secondarybtnpadding,7px 12px);font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);letter-spacing:var(--btnletterspacing);text-transform:var(--btntexttransform,none)}.button:hover{background-color:var(--secondarybtnhoverbg);color:var(--secondarybtnhovercolor);border-color:var(--secondarybtnhovercolor)}.widget select,form input:read-write,form select,form select option,form textarea{border-style:solid;border-color:var(--formfieldbordercolor);border-width:var(--formfieldborderwidth);border-radius:var(--formfieldborderradius,3px);background:var(--formfieldbgcolor);color:var(--formfieldcolor);padding:var(--formfieldpadding);text-transform:var(--formfieldtexttransform);font-weight:var(--formfieldfontweight);font-family:var(--bodyfontfamily);font-size:var(--formfieldfontsize);letter-spacing:var(--formfieldletterspacing);line-height:var(--formfieldlineheight)}form label{font-weight:var(--formlabelfontweight,var(--bodyfontweight));text-transform:var(--formlabeltexttransform);letter-spacing:var(--formlabelletterspacing);line-height:var(--formlabellineheight);font-size:var(--formlabelfontsize,var(--bodyfontsize))}.entry-summary,.nv-meta-list li{font-weight:var(--fontweight);text-transform:var(--texttransform);letter-spacing:var(--letterspacing);line-height:var(--lineheight);font-size:var(--fontsize)}.title.entry-title{font-size:var(--fontsize,var(--h1fontsize));font-weight:var(--fontweight,var(--h1fontweight));line-height:var(--lineheight,var(--h1lineheight));letter-spacing:var(--letterspacing,var(--h1letterspacing));text-transform:var(--texttransform,var(--h1texttransform))}.blog-entry-title{font-size:var(--fontsize,var(--h3fontsize));font-weight:var(--fontweight,var(--h3fontweight));line-height:var(--lineheight,var(--h3lineheight));letter-spacing:var(--letterspacing,var(--h3letterspacing));text-transform:var(--texttransform,var(--h3texttransform))}body,fieldset,h1,h2,h3,html,iframe,legend,li,p,textarea,ul{margin:0;padding:0}h1,h2,h3{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:border-box}embed,img,object,video{height:auto;max-width:100%}iframe{border:0;max-width:100%}table{border-collapse:collapse;border-spacing:0}.container{width:100%;padding-right:15px;padding-left:15px;margin:0 auto;max-width:var(--container)}.w-100{width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{padding:0 15px;margin:0 auto;flex-grow:1;max-width:100%}html{font-size:100%}body{background-color:var(--nv-site-bg);color:var(--nv-text-color);font-size:var(--bodyfontsize);line-height:var(--bodylineheight);letter-spacing:var(--bodyletterspacing);font-family:var(--bodyfontfamily),var(--nv-fallback-ff);text-transform:var(--bodytexttransform);font-weight:var(--bodyfontweight);overflow-x:hidden;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin-bottom:30px;font-family:var(--headingsfontfamily),var(--nv-fallback-ff)}p{margin-bottom:30px}a{--linkdeco:none;color:var(--nv-primary-accent);cursor:pointer;text-decoration:var(--linkdeco)}a:focus,a:hover{opacity:.9;color:var(--nv-secondary-accent)}.widget_text a:not([class]){--linkdeco:underline}h1{font-size:var(--h1fontsize);font-weight:var(--h1fontweight);line-height:var(--h1lineheight);letter-spacing:var(--h1letterspacing);text-transform:var(--h1texttransform)}h2{font-size:var(--h2fontsize);font-weight:var(--h2fontweight);line-height:var(--h2lineheight);letter-spacing:var(--h2letterspacing);text-transform:var(--h2texttransform)}h3{font-size:var(--h3fontsize);font-weight:var(--h3fontweight);line-height:var(--h3lineheight);letter-spacing:var(--h3letterspacing);text-transform:var(--h3texttransform)}ul{padding-left:var(--listpad,0)}ul{list-style:var(--liststyle,none)}.show-on-focus{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);top:32px;background:var(--nv-site-bg);padding:10px 15px}.show-on-focus:focus{z-index:999999;width:auto;height:auto;clip:auto}.screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.nv-icon{fill:currentColor}.nv-search{display:flex}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 20px;width:100%;word-break:initial}.site-logo{align-items:center;display:flex}.site-logo img{max-width:var(--maxwidth);display:block;margin:0 auto}.site-logo img[src$=".svg"]{width:var(--maxwidth)}.site-logo h1,.site-logo p{font-size:var(--fs);font-weight:var(--h1fontweight);line-height:var(--bodylineheight);letter-spacing:var(--bodyletterspacing);text-transform:var(--texttransform,var(--bodytexttransform));margin:0}.header-menu-sidebar .nav-ul .sub-menu,.nav-ul li:hover>.sub-menu,.sub-menu.dropdown-open{opacity:1;visibility:visible}.caret{transition:.3s ease}.dd-title{flex-grow:var(--flexg);display:flex;align-items:center}.nav-ul{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing)/ 2 * -1);margin-left:calc(var(--spacing)/ 2 * -1)}.nav-ul>li{margin:0 calc(var(--spacing)/ 2)}.nav-ul li a{min-height:var(--height);color:var(--color);position:relative;width:100%;display:flex;align-items:center}.nav-ul .caret{line-height:0;justify-content:center;display:flex}.nav-ul .caret svg{width:.5em;height:.5em}.nav-ul li{display:block;position:relative}.nav-ul li>.wrap{display:flex;align-items:center}.nav-ul li.nv-active>.wrap .caret,.nav-ul li.nv-active>.wrap>a{color:var(--activecolor)}.nav-ul li:hover>.wrap .caret,.nav-ul li:hover>.wrap>a{color:var(--hovercolor,var(--nv-primary-accent))}.nav-ul .sub-menu{background:var(--bgcolor,var(--overlaycolor));z-index:100;position:absolute;top:100%;box-shadow:rgba(149,157,165,.2) 0 8px 24px;visibility:hidden;opacity:0;right:0}.nav-ul .sub-menu li{min-width:150px;width:100%}.nav-ul .sub-menu li>.wrap{padding:10px 20px;white-space:nowrap;display:flex}.nav-ul .sub-menu .sub-menu{left:100%;top:0;right:unset}.header-menu-sidebar .nv-nav-wrap{width:100%}.header-menu-sidebar .nav-ul{flex-direction:column;width:100%}.header-menu-sidebar .nav-ul li{width:100%}.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a{padding:15px 0;white-space:unset}.header-menu-sidebar .nav-ul .caret svg{width:1em;height:1em}.header-menu-sidebar .nav-ul .caret-wrap{margin:-15px 0;padding:15px}.header-menu-sidebar .nav-ul .caret-wrap.dropdown-open .caret{transform:rotateX(180deg)}.header-menu-sidebar .nav-ul .sub-menu{left:unset!important;top:unset!important;right:unset!important;background:0;position:relative;max-width:100%;box-shadow:none;display:none}.header-menu-sidebar .nav-ul .sub-menu.dropdown-open{display:block;margin-left:10px}.nv-nav-wrap ul.primary-menu-ul>li i{margin-top:0;font-size:inherit;width:auto;height:auto}.nv-nav-search{transition:opacity .3s;position:absolute;visibility:hidden;opacity:0;right:0;width:auto;padding:10px;cursor:unset;z-index:100;background-color:var(--nv-site-bg);box-shadow:rgba(149,157,165,.2) 0 8px 24px;display:flex;align-items:center}.nv-nav-search .container{padding:0}.menu-item-nav-search.active .nv-nav-search{opacity:1;visibility:visible}.menu-item-nav-search{cursor:pointer;outline:0}.menu-item-nav-search .nv-icon:hover{color:var(--hovercolor)}.menu-item-nav-search svg{width:var(--iconsize);height:var(--iconsize)}.menu-item-nav-search.minimal{position:relative}.menu-item-nav-search.minimal .search-field{width:200px}.menu-item-nav-search.minimal .nv-nav-search{display:flex;align-items:center;right:auto;left:0;top:100%}.menu-item-nav-search.floating .nv-nav-search{align-items:unset;transition:top .2s ease-out;position:fixed;top:-100%;left:0}.menu-item-nav-search.floating.active .nv-nav-search{top:0}.header-menu-sidebar .menu-item-nav-search.floating .nv-nav-search{position:absolute}.menu-item-nav-search.canvas .nv-nav-search{position:fixed;top:0;bottom:0;width:100%;display:flex;justify-content:center;align-items:center}.menu-item-nav-search.canvas .nv-nav-search .close-container{position:absolute;top:30px;text-align:right}.nav-clickaway-overlay{position:fixed;width:100%;left:0;right:0;top:0;z-index:90;height:100vh}.close-responsive-search{background:0;border:0;--primarybtnhoverbg:0}.close-responsive-search>svg{fill:var(--nv-text-color);width:var(--formfieldfontsize);min-width:25px;min-height:25px}.navbar-toggle-wrapper{align-items:center}.navbar-toggle{--primarybtncolor:var(--color);--primarybtnhovercolor:var(--color);--primarybtnbg:var(--bgcolor, transparent);--primarybtnhoverbg:var(--bgcolor, transparent);--primarybtnborderwidth:var(--borderwidth, 1px);--primarybtnborderradius:var(--borderradius, 0);padding:var(--padding,10px 15px);box-shadow:none;display:flex;align-items:center}.navbar-toggle:focus{outline:solid 1px}.icon-bar{background-color:currentColor;transition:all .1s ease;position:relative;display:block;width:15px;height:2px}.icon-bar:nth-child(2){margin:3px 0}.is-menu-sidebar .navbar-toggle .icon-bar:first-child{transform:rotate(45deg);top:5px}.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(2){opacity:0}.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3){transform:rotate(-45deg);bottom:5px}.wrapper{display:flex;min-height:100vh;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.79,.14,.15,.86)}body>.wrapper:not(.et-fb-iframe-ancestor){overflow:hidden}.neve-main{flex:1 auto}input[type=date],input[type=email],input[type=number],input[type=search],input[type=submit],input[type=text],input[type=url],select,textarea{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:vertical}[tabindex="-1"]:focus,input:read-write:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 3px 0 var(--nv-secondary-accent);--formfieldbordercolor:var(--nv-secondary-accent)}button,input,select,textarea{line-height:inherit;box-sizing:border-box}::placeholder{color:inherit;opacity:.5}select{min-height:35px;background-repeat:no-repeat;background-position:right;background-size:18px;padding-right:20px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=)}label{display:inline-block}fieldset{padding:20px 30px;margin-bottom:20px;border:2px solid var(--nv-light-bg)}fieldset legend{font-weight:700;padding:0 15px;margin-left:-15px}fieldset input[type=search],fieldset input[type=text],fieldset select,fieldset textarea{width:100%}form select{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=) right center/18px no-repeat,var(--formfieldbgcolor)}.search-form{display:flex;max-width:100%;line-height:1;--primarybtnbg:var(--formfieldbgcolor);--primarybtnhoverbg:var(--formfieldbgcolor);--primarybtncolor:var(--formfieldbordercolor);--primarybtnhovercolor:var(--formfieldbordercolor)}.search-form svg{fill:var(--formfieldcolor);width:var(--formfieldfontsize);opacity:.5;height:auto}.search-form .search-submit{display:flex;justify-content:center;align-items:center;min-width:45px;z-index:1;--primarybtnborderwidth:var(--formfieldborderwidth);--primarybtnborderradius:var(--formfieldborderradius);--primarybtnpadding:var(--formfieldpadding);border-bottom-left-radius:0;border-top-left-radius:0;border-left:0;border-color:var(--formfieldbordercolor);position:relative;height:var(--height);overflow:hidden;white-space:nowrap}.search-form .search-submit::before{content:"";display:block;width:3px;height:100%;background-color:var(--formfieldbgcolor);left:-3px;top:0;bottom:0;position:absolute}.search-form .search-field{overflow:hidden;text-overflow:ellipsis;height:var(--height);border-right:0;flex-grow:1;border-top-right-radius:0;border-bottom-right-radius:0;width:calc(100% - 45px);max-width:100%}.search-form .search-field:focus~button{box-shadow:0 0 3px 0 var(--nv-secondary-accent);border-color:var(--nv-secondary-accent)}.nv-meta-list{margin-bottom:20px;font-size:.9em}.nv-meta-list li,.nv-meta-list span{display:inline-block}.nv-meta-list li:not(:last-child)::after,.nv-meta-list span:not(:last-child)::after{content:"/";padding:0 8px}.nv-meta-list .posted-on:not(.nv-show-updated) .updated{display:none}.nv-meta-list .photo{width:var(--avatarsize);height:var(--avatarsize);border-radius:50%;transform:translateY(30%);margin-right:3px}.entry-title{word-wrap:break-word}.entry-title a{color:var(--nv-text-color)}.nv-index-posts{margin-top:60px}.nv-post-thumbnail-wrap img:not(.photo),.nv-post-thumbnail-wrap>a{display:block}.nv-post-thumbnail-wrap img{box-shadow:var(--boxshadow,none)}.posts-wrapper>article{width:var(--postwidth)}.blog-entry-title{margin-bottom:10px;word-wrap:break-word}.article-content-col{width:100%}.article-content-col .content{width:100%;border-bottom:0 solid;display:flex;flex-direction:column}.article-content-col .content .button{display:inline-block;align-self:flex-start}.posts-wrapper{display:flex;flex-wrap:wrap;margin-bottom:40px}.excerpt-wrap>:last-child{margin-bottom:0}.layout-grid .content>.blog-entry-title{margin-bottom:10px}.layout-grid .content>*{margin-bottom:20px}.layout-grid .content>:last-child{margin-bottom:0}article{word-break:break-word}body:not(.nv-blog-default) .posts-wrapper{margin-left:calc(-1 * var(--gridspacing,30px)/ 2);margin-right:calc(-1 * var(--gridspacing,30px)/ 2)}body:not(.nv-blog-default) .posts-wrapper article{margin-bottom:calc(var(--gridspacing,30px));padding:0 calc(var(--gridspacing,30px)/ 2)}.nv-loader{height:40px;width:40px;border-radius:50%;border:3px solid var(--nv-primary-accent);border-left:3px solid transparent;animation:1s linear infinite spin;margin:0 auto;display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.layout-grid,body .layout-grid>.article-content-col{display:flex}ul.page-numbers{display:flex;flex-wrap:wrap}ul.page-numbers li{margin-bottom:15px}ul.page-numbers input[type=submit]{all:unset;cursor:pointer}ul.page-numbers form{display:flex}ul.page-numbers a,ul.page-numbers input[type=submit],ul.page-numbers span{line-height:1;margin-right:20px;background:var(--nv-light-bg);border-radius:3px;padding:12px 15px;color:var(--nv-text-color);display:block}ul.page-numbers .dots{background:0}ul.page-numbers .current{background:var(--nv-primary-accent);color:var(--nv-text-dark-bg)}.excerpt-wrap{--listpad:20px;--liststyle:disc;--img-m:24px}.excerpt-wrap ul{margin:30px 0}.excerpt-wrap li{margin-top:10px}.wp-caption{max-width:100%}.wp-caption-text{text-align:center;font-size:.8em;font-weight:500}.nv-index-posts{margin-bottom:60px}.nv-sidebar-wrap{padding:60px 15px;margin-bottom:20px;flex-grow:1}.nv-sidebar-wrap.hide:not(.shop-sidebar){display:none}.widget{word-break:break-word;margin-bottom:40px}.widget:last-child{margin:0}.widget select{max-width:100%;width:100%}.widget .widget-title{margin-bottom:10px;font-weight:700;font-size:var(--h4fontsize)}.widget ul{padding:0}.widget ul ul{padding-left:10px}.widget li{margin-top:10px}.widget_recent_entries a{color:var(--nv-text-color)}.hfg-is-group{display:flex;align-items:center}.component-wrap,.item--inner,.menu-item-nav-search,.nav-ul .wrap a .dd-title,.nav-ul a,.site-logo,footer .nav-ul{justify-content:var(--justify,flex-start);text-align:var(--textalign,left)}@media (min-width:960px){.neve-main>.container .col{max-width:70%}.neve-main>.container>.row{flex-wrap:nowrap}.nv-sidebar-wrap{max-width:30%}.nv-sidebar-wrap.nv-right{padding-left:45px}}.header-menu-sidebar{padding:0;position:fixed;max-width:100%;top:0;z-index:999900;visibility:hidden;display:flex;height:100vh}.header-menu-sidebar .navbar-toggle-wrapper{display:flex;justify-content:flex-end;padding:8px 10px}.header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle{position:relative}.tcb{transition:all .3s cubic-bezier(.79,.14,.15,.86)}.header-menu-sidebar-bg{background:var(--bgcolor);color:var(--color);position:relative;display:flex;flex-direction:column;word-wrap:break-word;width:100%}.header-menu-sidebar-inner{padding:20px 0;overflow-x:hidden;height:100%;display:none;opacity:0;transition:opacity .3s ease}.is-menu-sidebar .header-menu-sidebar-inner{display:block;opacity:1}.hiding-header-menu-sidebar .header-menu-sidebar-inner{display:block;transition:all .3s ease;opacity:0}.header-menu-sidebar-inner .item--inner{width:100%}.hiding-header-menu-sidebar .close-sidebar-panel{transition:.3s ease;opacity:0}.menu_sidebar_slide_left .header-menu-sidebar{left:0;transform:translateX(-100%)}.menu_sidebar_slide_right .header-menu-sidebar{right:0;transform:translateX(100%)}.menu_sidebar_pull_left .wrapper .header-menu-sidebar{left:0;transform:translateX(-100%)}.menu_sidebar_pull_right .wrapper .header-menu-sidebar{right:0;transform:translateX(100%)}.menu_sidebar_dropdown .header-menu-sidebar{box-shadow:none;position:absolute;top:unset;width:100%;display:block}.menu_sidebar_dropdown .header-menu-sidebar-inner{max-height:0;padding:0}.menu_sidebar_full_canvas .header-menu-sidebar{width:100%;bottom:0;right:0;opacity:0}.menu_sidebar_full_canvas .header-menu-sidebar-inner{flex-grow:1}.header-menu-sidebar .menu-item-nav-search{display:flex;align-items:center}.hfg-ov{top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);position:fixed;transform:translate3d(0,0,0);z-index:999899;transition:all .3s linear;visibility:hidden;opacity:0}.is-menu-sidebar .hfg-ov{visibility:visible;opacity:1}.hfg-pe{pointer-events:none}.is-menu-sidebar .hfg-pe{pointer-events:unset}.site-footer{position:relative;z-index:11}.site-footer .item--inner{width:100%}.site-footer .item--inner.has_menu{display:flex}.site-footer p:last-child{margin-bottom:0}.footer--row .hfg-slot{display:flex;flex-direction:column}.footer--row .row{display:grid;align-items:var(--valign)}.footer--row .builder-item{width:100%}@media (max-width:960px){footer .footer--row-inner .row{grid-template-columns:1fr}}.site-header{position:relative}.site-header .header--row-inner{align-items:center;display:flex}.builder-item{margin:4px 0;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.hfg-slot{display:flex;align-items:center}.hfg-slot.right{justify-content:flex-end}.hfg-slot.center{justify-content:center}.header-menu-sidebar-bg,[class*=row-inner]{position:relative;background:var(--bgimage,var(--bgcolor,#fff));background-position:var(--bgposition,center);background-repeat:no-repeat;background-size:cover;background-attachment:var(--bgattachment)}.header-menu-sidebar-bg::before,[class*=row-inner]::before{display:block;width:100%;top:0;bottom:0;position:absolute;content:"";background-color:var(--overlaycolor);opacity:var(--bgoverlayopacity)}[class*=row-inner]:not(.footer--row-inner){border-bottom:var(--rowbwidth,0) solid var(--rowbcolor)}.footer--row-inner{border-top:var(--rowbwidth,0) solid var(--rowbcolor)}[data-row-id]{color:var(--color);background:var(--bgcolor)}[data-row-id] a{color:var(--color)}[data-row-id] .row{display:grid;grid-template-columns:auto auto;min-height:var(--height,auto)}.hfg_header.site-header{box-shadow:0 -1px 3px rgba(0,0,0,.1)}.hfg-is-group>div:first-of-type .button{margin-right:20px}.hfg-is-group>div:last-of-type .button{margin-left:20px}.header .builder-item .item--inner[class*=nav-icon]{padding:0!important}.hfg-grid{display:flex}@media (min-width:960px){.builder-item{margin:8px 0}.hide-on-desktop{display:none}}@media (max-width:959px){.hide-on-tablet{display:none}}@media (max-width:576px){.hide-on-mobile{display:none}}.component-wrap{display:flex;margin:4px 0}.builder-item .item--inner{color:var(--color);font-family:var(--fontfamily,var(--bodyfontfamily));font-size:var(--fontsize,var(--bodyfontsize));line-height:var(--lineheight,var(--bodylineheight));letter-spacing:var(--letterspacing,var(--bodyletterspacing));font-weight:var(--fontweight,var(--bodyfontweight));text-transform:var(--texttransform,var(--bodytexttransform));padding:var(--padding,0);margin:var(--margin,0);position:relative}.builder-item .item--inner.has_menu{position:unset}.nv-meta-list li.meta:not(:last-child):after{content:"/"}.nv-meta-list li.last::after{content:""!important}@media (min-width:769px){.nv-meta-list li.last:not(:last-child)::after{content:"/"!important}}.nav-ul .caret{color:var(--smiconcolor)}.nav-ul li .caret img,.nav-ul li .caret svg{width:var(--smiconsize,.5em);height:var(--smiconsize,.5em)}.nav-ul .sub-menu{background:var(--bgcolor)!important}.nav-ul .sub-menu li{border-style:var(--itembstyle)}:root{--container:748px;--postwidth:100%;--primarybtnbg:var(--nv-primary-accent);--primarybtnhoverbg:var(--nv-primary-accent);--primarybtncolor:#fff;--secondarybtncolor:var(--nv-primary-accent);--primarybtnhovercolor:#fff;--secondarybtnhovercolor:var(--nv-primary-accent);--primarybtnborderradius:3px;--secondarybtnborderradius:3px;--secondarybtnborderwidth:3px;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px);--bodyfontfamily:"Nunito Sans";--bodyfontsize:16px;--bodylineheight:25px;--bodyletterspacing:0px;--bodyfontweight:400;--bodytexttransform:none;--headingsfontfamily:Raleway;--h1fontsize:36px;--h1fontweight:800;--h1lineheight:1.2em;--h1letterspacing:0px;--h1texttransform:none;--h2fontsize:28px;--h2fontweight:700;--h2lineheight:1.3;--h2letterspacing:0px;--h2texttransform:none;--h3fontsize:24px;--h3fontweight:700;--h3lineheight:1.4em;--h3letterspacing:0px;--h3texttransform:none;--h4fontsize:20px;--h4fontweight:700;--h4lineheight:1.6em;--h4letterspacing:0px;--h4texttransform:none;--h5fontsize:16px;--h5fontweight:700;--h5lineheight:1.6;--h5letterspacing:0px;--h5texttransform:none;--h6fontsize:14px;--h6fontweight:700;--h6lineheight:1.6;--h6letterspacing:0px;--h6texttransform:none;--formfieldborderwidth:2px;--formfieldborderradius:3px;--formfieldbgcolor:var(--nv-site-bg);--formfieldbordercolor:#dddddd;--formfieldcolor:var(--nv-text-color);--formfieldpadding:10px 12px}.nv-meta-list{--avatarsize:20px}.header-main{--rowbcolor:var(--nv-light-bg);--color:#ffffff;--bgcolor:#0a2342}.header-menu-sidebar-bg{--justify:flex-start;--textalign:left;--flexg:1;--wrapdropdownwidth:auto;--color:var(--nv-text-color);--bgcolor:var(--nv-site-bg)}.header-menu-sidebar{width:360px}.builder-item--logo{--maxwidth:120px;--fs:24px;--padding:10px 0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--nav-icon{--label-margin:0 5px 0 0;--padding:0;--margin:0}.builder-item--primary-menu{--color:#ffffff;--hovercolor:#ffffff;--hovertextcolor:var(--nv-text-color);--activecolor:#ffffff;--spacing:20px;--height:25px;--smiconcolor:#ffffff;--smiconsize:7px;--padding:0;--margin:0;--fontfamily:"Nunito Sans";--fontsize:1em;--lineheight:1.6em;--letterspacing:0px;--fontweight:600;--texttransform:lowercase;--iconsize:1em}.builder-item--primary-menu .sub-menu{--bstyle:none;--bgcolor:#ffffff;--itembstyle:none;--color:#0a2342;--hovercolor:#0a2342}.builder-item--header_search_responsive{--iconsize:15px;--formfieldfontsize:14px;--formfieldborderwidth:2px;--formfieldborderradius:2px;--height:40px;--padding:0 10px;--margin:0}.footer-top-inner .row{grid-template-columns:2fr 1fr 1fr;--valign:flex-start}.footer-top{--rowbcolor:var(--nv-light-bg);--color:var(--nv-text-color);--bgcolor:#34393f}.footer-bottom-inner .row{grid-template-columns:1fr;--valign:flex-start}.footer-bottom{--rowbcolor:var(--nv-light-bg);--color:var(--nv-text-dark-bg);--bgcolor:#34393f}.builder-item--footer-one-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-two-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-three-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-four-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer_copyright{--padding:0;--margin:0;--fontsize:1em;--lineheight:1.6;--letterspacing:0px;--fontweight:500;--texttransform:none;--iconsize:1em;--textalign:center;--justify:center}.nv-index-posts{--gridspacing:30px}@media(min-width:576px){:root{--container:992px;--postwidth:100%;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px);--bodyfontsize:16px;--bodylineheight:25px;--bodyletterspacing:0px;--h1fontsize:38px;--h1lineheight:1.2em;--h1letterspacing:0px;--h2fontsize:30px;--h2lineheight:1.2;--h2letterspacing:0px;--h3fontsize:26px;--h3lineheight:1.4em;--h3letterspacing:0px;--h4fontsize:22px;--h4lineheight:1.5em;--h4letterspacing:0px;--h5fontsize:18px;--h5lineheight:1.6;--h5letterspacing:0px;--h6fontsize:14px;--h6lineheight:1.6;--h6letterspacing:0px}.nv-meta-list{--avatarsize:20px}.header-menu-sidebar-bg{--justify:flex-start;--textalign:left;--flexg:1;--wrapdropdownwidth:auto}.header-menu-sidebar{width:360px}.builder-item--logo{--maxwidth:120px;--fs:24px;--padding:10px 0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--nav-icon{--label-margin:0 5px 0 0;--padding:10px 15px;--margin:0}.builder-item--primary-menu{--spacing:20px;--height:25px;--smiconsize:7px;--padding:0;--margin:0;--fontsize:1em;--lineheight:1.6em;--letterspacing:0px;--iconsize:1em}.builder-item--header_search_responsive{--formfieldfontsize:14px;--formfieldborderwidth:2px;--formfieldborderradius:2px;--height:40px;--padding:0 10px;--margin:0}.builder-item--footer-one-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-two-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-three-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-four-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer_copyright{--padding:0;--margin:0;--fontsize:1em;--lineheight:1.6;--letterspacing:0px;--iconsize:1em;--textalign:center;--justify:center}.nv-index-posts{--gridspacing:30px}}@media(min-width:960px){:root{--container:1140px;--postwidth:100%;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px);--bodyfontsize:17px;--bodylineheight:1.7em;--bodyletterspacing:0px;--h1fontsize:40px;--h1lineheight:1.1em;--h1letterspacing:0.3px;--h2fontsize:32px;--h2lineheight:1.2;--h2letterspacing:0px;--h3fontsize:28px;--h3lineheight:1.4em;--h3letterspacing:0px;--h4fontsize:24px;--h4lineheight:1.5em;--h4letterspacing:0px;--h5fontsize:20px;--h5lineheight:1.6;--h5letterspacing:0px;--h6fontsize:16px;--h6lineheight:1.6;--h6letterspacing:0px}body:not(.single):not(.archive):not(.blog):not(.search):not(.error404) .neve-main>.container .col{max-width:100%}body:not(.single):not(.archive):not(.blog):not(.search):not(.error404) .nv-sidebar-wrap{max-width:0%}.neve-main>.archive-container .nv-index-posts.col{max-width:68%}.neve-main>.archive-container .nv-sidebar-wrap{max-width:32%}.nv-meta-list{--avatarsize:30px}.archive .nv-meta-list li,.blog .nv-meta-list li{--fontsize:16px}.header-menu-sidebar-bg{--justify:flex-start;--textalign:left;--flexg:1;--wrapdropdownwidth:auto}.header-menu-sidebar{width:360px}.builder-item--logo{--maxwidth:150px;--fs:24px;--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--nav-icon{--label-margin:0 5px 0 0;--padding:10px 15px;--margin:0}.builder-item--primary-menu{--spacing:15px;--height:60px;--smiconsize:7px;--padding:0;--margin:0;--fontsize:1em;--lineheight:1.6em;--letterspacing:0px;--iconsize:1em}.builder-item--header_search_responsive{--formfieldfontsize:14px;--formfieldborderwidth:2px;--formfieldborderradius:2px;--height:40px;--padding:0 10px;--margin:0}.builder-item--footer-one-widgets{--padding:0 040px 0 0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-two-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-three-widgets{--padding:0;--margin:0;--textalign:left;--justify:flex-start}.builder-item--footer-four-widgets{--padding:0;--margin:0;--textalign:center;--justify:center}.builder-item--footer_copyright{--padding:0;--margin:0;--fontsize:1em;--lineheight:1.6;--letterspacing:0px;--iconsize:1em;--textalign:center;--justify:center}.nv-index-posts{--gridspacing:30px}}:root{--nv-primary-accent:#ec4646;--nv-secondary-accent:#00a3d7;--nv-site-bg:#ffffff;--nv-light-bg:#f9f9f9;--nv-dark-bg:#0a2342;--nv-text-color:#272626;--nv-text-dark-bg:#ffffff;--nv-c-1:#e8f0fe;--nv-c-2:#fffbcc;--nv-fallback-ff:Arial,Helvetica,sans-serif}:root{--e-global-color-nvprimaryaccent:#ec4646;--e-global-color-nvsecondaryaccent:#00a3d7;--e-global-color-nvsitebg:#ffffff;--e-global-color-nvlightbg:#f9f9f9;--e-global-color-nvdarkbg:#0a2342;--e-global-color-nvtextcolor:#272626;--e-global-color-nvtextdarkbg:#ffffff;--e-global-color-nvc1:#e8f0fe;--e-global-color-nvc2:#fffbcc}:root{--nv-text-color:#444444}html{scroll-behavior:smooth}img{vertical-align:middle}p{margin-bottom:20px;line-height:1.56em}.container{padding-left:40px;padding-right:40px}a{--nv-primary-accent:#444444;--nv-secondary-accent:#444444;transition:.3s ease all}a:hover{text-decoration:none}a:focus{outline:0;text-decoration:none}.nav-ul .caret{margin-left:10px}.nav-ul .caret svg{width:11px;height:11px}.nav-ul>li{padding:9px 19px 9px 0}.nav-ul>li:after{position:absolute;right:-2px;top:25px;background:0 0;content:'/';font-weight:400}.nav-ul>li:last-child{padding-right:0}.nav-ul>li:last-child:after{content:''}.sub-menu{width:240px;left:-18px;right:auto;margin-top:-4px;border:1px solid #eaeaea;box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.sub-menu li a{min-height:0;padding:10px 15px;font-size:16px;line-height:20px}.current-menu-ancestor>a{--color:#ec4646}header{position:fixed;top:0;left:0;right:0;z-index:2;box-shadow:0 2px 4px -1px rgba(0,0,0,.25);transition:transform .3s}header.hide{transform:translate3d(0,-105%,0)}#content{padding-top:94px}@media (max-width:959px){.nav-clickaway-overlay{display:none}.is-menu-sidebar .navbar-toggle .icon-bar:first-child{top:7px}.hfg_header.site-header{box-shadow:none;border-bottom:1px solid #eaeaea}header .container{padding:0 40px}header .container .row--wrapper{padding:18px 0;margin:0}header .builder-item{max-width:none;margin:1px 0;padding:0}header .icon-bar{width:22px;margin:4px 0}header #header-menu-sidebar-inner{overflow-x:hidden;padding:0}header #header-menu-sidebar-inner ul{width:auto}header #header-menu-sidebar-inner li{line-height:45px;padding:0 20px}header #header-menu-sidebar-inner .wrap{padding:0!important}header #header-menu-sidebar-inner a{font-size:18px;padding:0}header #header-menu-sidebar-inner .sub-menu{border:0;padding:0;width:auto}header #header-menu-sidebar-inner .sub-menu li{padding:0 10px;line-height:2}header #header-menu-sidebar-inner .sub-menu a{line-height:inherit;font-size:16px;font-weight:400}header #header-menu-sidebar-inner .builder-item--primary-menu svg{width:15px}header #header-menu-sidebar-inner .caret-wrap{margin-left:auto}header #header-menu-sidebar-inner .caret-wrap .caret{margin:0;top:5px}.navbar-toggle{border:none;outline:0}.header-menu-sidebar{top:99px;box-shadow:rgba(0,0,0,.25) 0 2px 4px -1px}.header-menu-sidebar .navbar-toggle-wrapper{display:none}.is-menu-sidebar .header-menu-sidebar{width:calc(45% + 21px)}.is-menu-sidebar .header-menu-sidebar-overlay{background:0 0;opacity:0;display:none}.is-menu-sidebar .neve-main{-webkit-filter:blur(2px);filter:blur(2px)}}@media (max-width:600px){.is-menu-sidebar .header-menu-sidebar{width:80%}}@media (max-width:340px){.is-menu-sidebar .header-menu-sidebar{width:90%}}.banner{padding:50px 0;margin-bottom:10px;background-repeat:no-repeat;background-position:80% center;background-size:500px,cover}.banner h1{color:#fff;margin-bottom:0;font-size:45px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner p{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner a{color:#fff;font-weight:600;text-decoration:underline}.banner a:hover{color:#ec4646}.banner .category{display:flex;flex-wrap:wrap;align-items:center}.banner .category .category-description{flex-basis:70%}.banner .category .category-description p{font-size:18px;margin-top:1em}.banner .category .category-links{flex-basis:30%}.banner .category .category-links p{margin-bottom:0;text-align:right}.banner .category .category-links a{font-size:25px;text-decoration:none}.banner .author span{display:flex;align-items:center;color:#eee;font-weight:600;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;top:-2px}.banner .author span a{display:inherit}.banner .author span a svg{width:30px;margin-left:4px}.banner .author p{max-width:70%;margin:1em 0 0}.entry-title a{color:#0a4266}.entry-title a:hover{color:#ec4646;opacity:1}.entry-title a:focus{color:#ec4646;text-decoration:none}.archive .entry-title,.blog .entry-title{line-height:1.3}h2.entry-title{font-size:28px}.blog article .excerpt-wrap a[rel=bookmark]{color:#ec4646;font-weight:600}.blog article .excerpt-wrap a[rel=bookmark]:hover{color:#0a4266}.article-content-col .content{transition:.3s ease border-color;border-color:#dee8f3}.archive-container{padding-top:0}.archive-container>.row{margin:0;align-items:flex-start}.archive-container .blog{padding-left:0}.blog-sidebar{padding-right:0;border-color:#eee}.blog-sidebar .widget{margin:0 0 2.8em;padding:0}.blog-sidebar .widget:last-child{margin-bottom:0}.blog-sidebar .widget p.widget-title{color:#0a4266;font-size:20px;margin-bottom:20px;font-weight:600;line-height:normal}.blog-sidebar .widget p.widget-title:before{margin-right:5px;color:#ec4646;font-weight:800;content:"\003c/\003e"}.blog-sidebar .widget_newsletter{width:100%;padding:0;border:none;position:relative}.blog-sidebar .widget_newsletter form{background-size:contain;height:160px;display:flex;align-items:center;flex-wrap:wrap}.blog-sidebar .widget_newsletter form label{margin:0;flex-basis:70%}.blog-sidebar .widget_newsletter form input[type=email]{background:#fff;font-size:13px;padding:0 15px;border:1px solid #d7dadb;color:#444;height:40px;width:100%;transition:.3s ease border-color;border-right-width:0;border-radius:0}.blog-sidebar .widget_newsletter form input[type=email]:focus{outline:0;border-color:#ec4646}.blog-sidebar .widget_newsletter form input[type=submit]{background:#ec4646;padding:8px 0;font-size:.8em;text-transform:capitalize;flex-basis:30%;border-radius:0}.blog-sidebar .widget_newsletter form input[type=submit]:hover{opacity:1}.blog-sidebar .widget_newsletter form input[type=submit]:focus{outline:0}.blog-sidebar .widget_nav_menu li,.blog-sidebar .widget_recent_entries li{border-bottom:1px solid #ccc;line-height:30px;transition:.3s linear all;margin:0 0 .25em}.blog-sidebar .widget_nav_menu li a,.blog-sidebar .widget_recent_entries li a{color:#444;font-size:16px;font-weight:400;line-height:normal}.blog-sidebar .widget_nav_menu li:hover,.blog-sidebar .widget_recent_entries li:hover{border-color:#ec4646}.blog-sidebar .widget_nav_menu li:hover a,.blog-sidebar .widget_recent_entries li:hover a{color:#ec4646}.blog-sidebar .widget_nav_menu li:nth-last-child(1),.blog-sidebar .widget_recent_entries li:nth-last-child(1){border-bottom:none}#twitter-sidebar{display:block;padding-bottom:15px;border:2px solid #ec4646;font-size:15px;font-weight:700;line-height:normal;text-align:center;text-transform:uppercase;color:#ec4646;text-decoration:none}#twitter-sidebar svg{position:relative;top:8px;left:5px;width:30px;height:30px;fill:#00aced}#twitter-sidebar:focus,#twitter-sidebar:hover{outline:0;background:#ec4646;color:#fff}#twitter-sidebar:focus svg,#twitter-sidebar:hover svg{fill:#fff}.layout-grid .content>.nv-post-thumbnail-wrap{margin:0}.layout-grid .content>.nv-post-thumbnail-wrap img{margin:.5em 0 1.5em}.excerpt-wrap p:last-of-type{display:inline}.excerpt-wrap .read-more{display:inline;font-weight:600;color:#ec4646}.nv-meta-list{opacity:.7;color:#757575}.nv-meta-list a{text-decoration:underline;font-weight:600}.nv-meta-list .category a{font-weight:600;text-transform:lowercase;text-decoration:underline}.nv-meta-list img{vertical-align:unset}h2,h3{color:#0a4266}h2{font-size:24px;line-height:1.5}h3{font-size:22px;line-height:1.25}.post table tbody{color:#686868;font-size:14px;font-weight:300;text-align:center}@media (max-width:959px){.archive-container .blog{padding-right:0}.nv-index-posts ul.page-numbers{margin-bottom:2em}.blog-sidebar{padding-left:0}}@media (max-width:768px){.menu-mobile-toggle{position:relative;top:1px;left:1px}.header-menu-sidebar{top:52px}header{height:52px}header .container{padding:0 10px}header .container .row--wrapper{padding:6px 0}header .container .builder-item--logo .site-logo{padding:0}header .container .builder-item--logo .site-logo img{max-width:115px}#content{padding-top:51px}.entry-summary p{font-size:16px;line-height:25px;margin:0 0 1em}.container{padding-left:20px;padding-right:20px}.banner{background-position:center right;background-size:300px,cover;margin-bottom:0}.banner h1{font-size:32px}.category .banner{padding:30px 0}.category .banner .category .category-description{flex-basis:100%}.category .banner .category .category-description p{font-size:16px;margin-bottom:15px;line-height:1.5}.category .banner .category .category-links{flex-basis:100%}.category .banner .category .category-links p{display:inline-block}.category .banner .category .category-links p a{font-size:20px}.category .banner .category .category-links p a:after{content:"|";color:#fff;padding:0 3px 0 7px}.category .banner .category .category-links p:last-child a:after{content:''}.archive .nv-index-posts,.archive .nv-sidebar-wrap,.blog .nv-index-posts,.blog .nv-sidebar-wrap{padding:1.5em 0}.archive .nv-index-posts>.row,.blog .nv-index-posts>.row{margin:0}.archive .entry-title,.blog .entry-title{font-size:20px;line-height:25px}.nv-meta-list li{font-size:15px;line-height:20px}.archive-container .blog article{padding:0}.nv-index-posts ul.page-numbers{margin:1.5em 0 0}.nv-index-posts ul.page-numbers li:nth-last-child(1){margin-left:0}}@media (max-width:600px){.nv-meta-list img{width:18px;height:18px}.banner{padding:30px 0;background-size:200px,cover}.banner h1{font-size:25px}}.before-footer{border-top:1px solid #e0e0e0;padding:24px 0}.before-footer .row{margin:0}.before-footer .builder-item{margin:0;padding:0}.before-footer .container{display:flex;flex-wrap:wrap;align-items:center}.before-footer .container .featuredon{margin-bottom:0;color:rgba(0,0,0,.5);font-size:16px;font-weight:700;text-transform:uppercase;flex-basis:25%}.before-footer .container img{flex-basis:75%}.footer--row .footer--row-inner,.footer--row .footer--row-inner .container .row{align-items:end}.site-footer{z-index:1}.site-footer img{width:200px;padding-bottom:30px}.site-footer .footer-about{margin-bottom:40px;color:#fff;font-size:15px;line-height:18px}.site-footer .social-schema-footer a svg{max-width:28px;margin:-20px 3px 0;transition:.3s ease all}.site-footer .social-schema-footer a svg path,.site-footer .social-schema-footer a svg polygon,.site-footer .social-schema-footer a svg rect{stroke:#fff;transition:.3s ease stroke}.site-footer .social-schema-footer a:hover{text-decoration:none}.site-footer .social-schema-footer a:hover svg path,.site-footer .social-schema-footer a:hover svg polygon,.site-footer .social-schema-footer a:hover svg rect{stroke:#ec4646}.site-footer .widget_nav_menu{margin:0;padding:0}.site-footer .widget_nav_menu ul li{margin-top:0}.site-footer .widget_nav_menu p{font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:20px;color:#fff}.site-footer .widget_nav_menu p:focus{outline:0}.site-footer .menu li a{padding:5px 0;font-size:16px;line-height:20px;margin:0;color:#fff}.site-footer .menu li a:hover{text-decoration:none;color:#ec4646}.site-footer .footer-top-inner{padding-top:50px}.site-footer .footer-top-inner .builder-item{margin-top:0;margin-bottom:0}@media (max-width:600px){.before-footer{padding:15px 0}.before-footer .container .featuredon{margin-bottom:10px}.before-footer .container .featuredon,.before-footer .container img{flex-basis:100%}.social-schema-footer{margin-bottom:10px}.footer-top-inner .widget-area .widget-title{cursor:pointer}.footer-top-inner .widget-area .menu{display:none}.footer-top-inner .widget-area .menu li{display:inline-block;margin-top:0}.footer-top-inner .widget-area .menu li a{font-size:15px}.footer-top-inner .widget-area .menu li:after{content:"|";color:#fff;padding:0 3px 0 7px}.footer-top-inner .widget-area .menu li:nth-last-child(1):after{display:none}.footer-top-inner .widget-area.triggermenu .menu{display:block}.footer-top-inner .widget-area .rotate .footer-caret{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:8px}.site-footer .widget_custom_html .footer-caret{content:'';font-family:inherit;width:13px;height:13px;display:inline-block;border-radius:1px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);color:#fff;transition:all .3s ease;border:2px solid;border-left:0;border-bottom:0;cursor:pointer;position:absolute;top:1px;right:20px}.site-footer .widget_custom_html .footer-caret:focus{outline:0}footer .hfg-grid .builder-item:nth-child(2),footer .hfg-grid .builder-item:nth-child(3){margin-top:10px}.site-footer img{width:120px;margin:20px 0 10px;padding:0}.site-footer .footer-top .hfg-grid .builder-item:nth-child(2),.site-footer .footer-top .hfg-grid .builder-item:nth-child(3){flex:0 0 100%;max-width:100%}.site-footer .hfg-grid-bottom .builder-item:first-child{display:none}.site-footer .widget_nav_menu p{font-size:16px;margin-bottom:10px}.triggermenu{margin-bottom:10px}}.footer-bottom-inner .hfg-grid-bottom:before{content:"";display:block;width:60%;border-top:1px solid rgba(255,255,255,.5);margin:40px auto 15px}.footer-bottom .builder-item{flex:100%;max-width:100%;margin:0}.footer-bottom .builder-item ul{text-align:center;padding-bottom:5px}.footer-bottom .builder-item ul li{display:inline-block;border-right:1px solid #fff;margin:0;line-height:normal}.footer-bottom .builder-item ul li:last-child{border-right:none}.footer-bottom .builder-item ul li a{font-weight:600;padding:0 15px;font-size:15px}.footer-bottom .builder-item .builder-item--footer_copyright{padding-bottom:15px;opacity:.5;color:#fff;font-size:15px;font-weight:300;text-align:center}.footer-bottom .builder-item .builder-item--footer_copyright a{font-weight:600}.site-logo a img{width:120px;height:38px}.layout-grid .content>.blog-entry-title{margin-bottom:0}.layout-grid .content .nv-meta-list{margin-bottom:10px}.article-content-col .content{padding-bottom:30px;border-bottom:1px solid var(--nv-light-bg)}.article-content-col .content:hover{border-color:#305077}.nv-index-posts{margin-top:0;padding-top:60px}.nv-index-posts .posts-wrapper{margin:0}.excerpt-wrap{--liststyle:circle}ul.page-numbers{--nv-primary-accent:#ec4646;--nv-light-bg:transparent}ul.page-numbers li{margin:3px}ul.page-numbers a,ul.page-numbers span{border-radius:0;display:flex;align-items:center;justify-content:center;border:1px solid #ec4646;font-size:16px;margin:0;width:35px;height:35px}ul.page-numbers .dots{border:0}ul.page-numbers a:hover{color:#fff;background:#ec4646}ul.page-numbers li:last-child{margin-left:auto}ul.page-numbers li .next{width:auto;margin:0}.banner{background-image:url(https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/themes/codeinwp2018/assets/img/map.png),linear-gradient(145deg,#1ca5dc,#1eeae1)}.widget_newsletter form{background:url(https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/ig:avif/https://wpshout.com/wp-content/themes/codeinwp2018/assets/img/newsletter-compressor.svg) no-repeat}.has-social-placeholder{display:none;height:0;width:0;overflow:hidden}.has-inline-text{background-color:#ffefb1;color:#000}.has-inline-text:hover{background-color:#fcd63c;color:#000}html .wp-block-themeisle-blocks-advanced-column-overlay:not(.optml-bg-lazyloaded),html [class*=wp-block-cover][style*=background-image]:not(.optml-bg-lazyloaded),html [class*=wp-block-group][style*=background-image]:not(.optml-bg-lazyloaded){background-image:none!important}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.sti{position:absolute;text-align:left;z-index:99}.sti.sti-hover{z-index:9999999999999999}.sti .sti-share-box{position:absolute;z-index:99;display:flex;flex-direction:column}.sti .sti-share-box .sti-btn,.sti-mobile-btn{cursor:pointer;display:flex;justify-content:center;align-items:center}.sti .sti-share-box .sti-btn{position:relative;-webkit-transition:linear;-moz-transition:linear;-ms-transition:linear;-o-transition:linear;transition:all 0s linear}.sti .sti-share-box .sti-btn svg{fill:#fff;pointer-events:none}.sti-mobile-btn{position:absolute;z-index:99;width:36px;height:36px;background:#000}.sti-mobile-btn svg{fill:#fff;width:24px;height:24px;margin:0;vertical-align:middle;text-align:center;display:block}.sti-mobile-btn .sti-share-box,.sti-mobile-btn.sti-mobile-show>svg{display:none}.sti-mobile-btn.sti-mobile-show .sti-share-box{display:block}.sti-mobile-btn.sti-mobile-show{background:0 0}.sti .sti-facebook-btn{background-color:#3b5998}.sti .sti-facebook-btn:hover{background-color:#2d4373}.sti .sti-linkedin-btn{background-color:#0077b5}.sti .sti-linkedin-btn:hover{background-color:#046293}.sti .sti-pinterest-btn{background-color:#ec1a22}.sti .sti-pinterest-btn:hover{background-color:#d4171e}.sti .sti-reddit-btn{background-color:#5f99cf}.sti .sti-reddit-btn:hover{background-color:#3a80c1}.sti .sti-whatsapp-btn{background-color:#4dc247}.sti .sti-whatsapp-btn:hover{background-color:#4da947}.sti.style-flat-small .sti-share-box .sti-btn{width:36px;height:36px;position:relative}.sti.style-flat-small .sti-share-box .sti-btn svg{width:16px;height:16px;margin:0;vertical-align:middle;text-align:center;display:block}.sti.style-flat-small .sti-share-box .sti-btn.sti-whatsapp-btn svg{width:20px;height:20px}img[data-opt-src]:not([data-opt-lazy-loaded]){transition:.2s filter linear,.2s opacity linear,.2s border-radius linear;-webkit-transition:filter .2s linear,opacity .2s linear,border-radius .2s linear;-moz-transition:filter .2s linear,opacity .2s linear,border-radius .2s linear;-o-transition:filter .2s linear,opacity .2s linear,border-radius .2s linear}img[data-opt-src]:not([data-opt-lazy-loaded]){opacity:.75;-webkit-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);transform:scale(1.04);animation:.1s ease-in;-webkit-transform:translate3d(0,0,0)}::selection{color:#393939;background:#e8f0fe;text-shadow:none}::-webkit-selection{color:#393939;background:#e8f0fe;text-shadow:none}::-moz-selection{color:#393939;background:#e8f0fe;text-shadow:none}.blog-sidebar #block-4{margin-bottom:0}#content{padding-top:60px}.hfg_header.site-header,[class*=row-inner]:not(.footer--row-inner){border-bottom:none!important}@media screen and (max-width:768px){#content{padding-top:54px}header{height:auto!important}}@media screen and (max-width:580px){#content{padding-top:44px}}.site-logo img{width:120px;height:auto!important}.site-footer img{padding-bottom:0}a{text-underline-offset:4px}.site-footer .footer-bottom .container .builder-item .builder-item--footer_copyright a{color:inherit}.banner .author{display:flex}.banner .author img{height:100px;width:100xp;border-radius:100%;margin-right:20px}.banner .author h1{font-size:36px}.banner .author span{text-transform:uppercase;font-size:16px}.banner .author p{max-width:75%;margin-top:15px}@media screen and (max-width:800px){.banner .author p{max-width:100%}}@media screen and (max-width:480px){.banner .author{display:block}.banner .author img{display:block;margin:0 auto}.banner .author h1{display:block;width:100%;text-align:center}}.wp-block-themeisle-blocks-accordion-item__title h3{color:#272626;font-size:1em}.nav-ul .sub-menu li>.wrap{padding:0}.nav-ul .caret{margin-left:2px;margin-top:2px}.nav-menu-primary{font-size:17px;font-weight:600}body:not(.nv-blog-default) .posts-wrapper{margin-right:0}h1,h2,h3{color:#0a2342!important}.banner h1{color:#fff!important}h2{font-size:1.9rem}h3{font-size:1.6rem}p{line-height:1.6}.nv-meta-list{color:#6b6b6b;opacity:1;font-size:14px}.footer--row .footer--row-inner,.footer--row .footer--row-inner .container .row{align-items:start!important;background:#0a2342}.before-footer{background:#e8f0fe;margin-top:0!important}.before-footer .container img{max-width:75%}.menu-item-nav-search svg{fill:#fff!important}.blog-sidebar .widget p.widget-title,.nav-ul ul li.nv-active>.wrap .caret,.nav-ul ul li.nv-active>.wrap>a,header #header-menu-sidebar-inner .caret-wrap .caret,header #header-menu-sidebar-inner a,header #header-menu-sidebar-inner a:hover{color:#0a2342}.header-menu-sidebar{top:78px}header .builder-item{margin:0}.nav-ul>li{padding:0 19px 0 0}.nav-ul>li:after{top:17px}.banner{position:relative;background-image:url(https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/05/map-big.png);background-size:60%;background-position:right 10%}.banner::before{content:"";position:absolute;z-index:-1;height:100%;width:100%;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(90deg,#0a2342 -12%,#00a3d7 50%)}@media (max-width:768px){.builder-item .builder-item--logo{padding:0}.header-menu-sidebar{top:54px}}@media (max-width:600px){h2{font-size:1.35rem}h3{font-size:1.15rem}.header-menu-sidebar{top:45px}.nv-meta-list li{font-size:13px}.site-footer .footer-top-inner{padding-top:15px}.footer-bottom .builder-item .builder-item--footer_copyright{font-size:13px}.before-footer .container .featuredon{font-size:13px;text-align:center}.before-footer .container img{max-width:100%}header .hfg-slot.right{margin:5px 0}.hfg_header.site-header{border-bottom:none}.banner{background-size:100%;background-position:center center}.banner::before{background-image:linear-gradient(60deg,#0a2342 -15%,#00a3d7 60%)}}.is-menu-sidebar .header-menu-sidebar{visibility:visible}.is-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar{transform:translate3d(0,0,0);left:0}.is-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar{transform:translate3d(0,0,0);right:0}.is-menu-sidebar.menu_sidebar_pull_left .header-menu-sidebar,.is-menu-sidebar.menu_sidebar_pull_right .header-menu-sidebar{transform:translateX(0)}.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar{height:auto}.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner{max-height:400px;padding:20px 0}.is-menu-sidebar.menu_sidebar_full_canvas .header-menu-sidebar{opacity:1}.header-menu-sidebar .menu-item-nav-search:not(.floating){pointer-events:none}.header-menu-sidebar .menu-item-nav-search .is-menu-sidebar{pointer-events:unset}.nav-ul li:focus-within .wrap.active+.sub-menu{opacity:1;visibility:visible}.nav-ul li>.wrap{display:flex;align-items:center;position:relative;padding:0 4px}.nav-ul:not(.menu-mobile):not(.neve-mega-menu)>li>.wrap>a{padding-top:1px}.header-menu-sidebar .nav-ul li .wrap{padding:0 4px}.header-menu-sidebar .nav-ul li .wrap a{flex-grow:1;display:flex}.header-menu-sidebar .nav-ul li .wrap a .dd-title{width:var(--wrapdropdownwidth)}.header-menu-sidebar .nav-ul li .wrap button{border:0;z-index:1;background:0}.header-menu-sidebar .nav-ul li:not([class*=block]):not(.menu-item-has-children)>.wrap>a{padding-right:calc(1em + (18px*2));text-wrap:wrap;white-space:normal}.header-menu-sidebar .nav-ul li.menu-item-has-children:not([class*=block])>.wrap>a{margin-right:calc(-1em - (18px*2));padding-right:46px}img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}@keyframes hasFadeIn{from{opacity:0}to{opacity:1}}@keyframes hasFadeOut{from{opacity:1}to{opacity:0}}.has-icon:not(.components-button){width:25px;height:25px;vertical-align:middle}.highlight-and-share-wrapper:not(.has-admin-theme-preview-list){display:none;width:0;height:0}.highlight-and-share-wrapper:not(.has-admin-theme-preview-list)>div{display:inline-flex!important;justify-content:center;align-items:center}.highlight-and-share-wrapper{position:relative}.highlight-and-share-wrapper div,.highlight-and-share-wrapper div:hover{transition:ease-in-out .35s;z-index:1000}.highlight-and-share-wrapper.has-no-margin-bottom>div{margin-bottom:0!important}.highlight-and-share-wrapper.has-no-margin-bottom:after{display:none!important}.highlight-and-share-wrapper.hide-has-labels .has-text{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.has-inline-text:not([data-has-tooltip=true]):hover:after,.highlight-and-share-wrapper>div:not(.has-tooltip):hover:after{display:none}.highlight-and-share-wrapper>div.has-tooltip{position:relative}.highlight-and-share-wrapper>div.has-tooltip:hover:after{z-index:1000;animation-duration:.8s;animation-name:hasFadeIn;opacity:1;display:block;position:absolute;padding:8px;content:attr(data-tooltip);font-family:FranklinGothic,Helvetica,sans-serif;background-color:#333;color:#fff;font-size:13px;line-height:1.2;top:-40px;text-align:center;min-width:175px;border-radius:3px}.has-inline-text-tooltip{z-index:1000;animation-duration:.8s;animation-name:hasFadeIn;opacity:1;display:block;position:absolute;padding:8px;font-family:FranklinGothic,Helvetica,sans-serif;background-color:var(--has-inline-highlight-tooltips-background-color,#333);color:var(--has-inline-highlight-tooltips-color,#fff);font-size:13px;line-height:1.2;top:-40px;text-align:center;min-width:175px;border-radius:3px}.has-inline-text-tooltip.has-fade-out{animation-duration:.8s;animation-name:hasFadeOut;opacity:0}body.has-body .highlight-and-share-wrapper.orientation-vertical{flex-wrap:wrap;flex-direction:column}body.has-body .highlight-and-share-wrapper:not(.theme-off) a,body.has-body .highlight-and-share-wrapper:not(.theme-off) a:hover,body.has-body .highlight-and-share-wrapper:not(.theme-off) a:visited{font-family:FranklinGothic,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:14px;letter-spacing:.2em;color:#f8f8f8;display:inline-flex;height:100%;padding:12px 20px;text-decoration:none;transition:all .35s ease-in-out}.has-inline-text{background-color:#ffefb1;color:#000;cursor:pointer}.has-inline-text:hover{background-color:#fcd63c}body.has-body .highlight-and-share-wrapper.theme-custom a,body.has-body .highlight-and-share-wrapper.theme-custom a:hover,body.has-body .highlight-and-share-wrapper.theme-custom a:visited{color:#000}.mastodon-input-prompt .has-mastodon-label{display:block;font-weight:700}.mastodon-input-prompt input{display:block;width:100%;margin-bottom:10px}.highlight-and-share-wrapper{background-color:#0a2342!important}.highlight-and-share-wrapper div a{color:#fff!important;background-color:#0a2342!important}.highlight-and-share-wrapper div a:hover{color:#fff!important;background-color:#0d2f57!important}.highlight-and-share-wrapper div:first-of-type a{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.highlight-and-share-wrapper div:last-of-type a{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.highlight-and-share-wrapper,.highlight-and-share-wrapper a{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.highlight-and-share-wrapper div a{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.highlight-and-share-wrapper div a{padding-top:12px!important;padding-right:12px!important;padding-bottom:12px!important;padding-left:12px!important}.highlight-and-share-wrapper div a .has-icon{width:20px!important;height:20px!important}.highlight-and-share-wrapper div a{font-size:14px!important}.highlight-and-share-wrapper div.has-tooltip:hover:after{background-color:#0d2f57!important;color:#fff!important}</style><link rel="preload" data-rocket-preload as="image" href="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/05/map-big.png" fetchpriority="high"> <meta name="description" content="Under the hood, web design is about learning the principles, using the right tools, and then executing with dedication. And getting stuff done!" /> <link rel="canonical" href="https://wpshout.com/category/web-design/" /> <link rel="next" href="https://wpshout.com/category/web-design/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Web Design & Development Archives" /> <meta property="og:description" content="Under the hood, web design is about learning the principles, using the right tools, and then executing with dedication. And getting stuff done!" /> <meta property="og:url" content="https://wpshout.com/category/web-design/" /> <meta property="og:site_name" content="WPShout" /> <meta property="og:image" content="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/07/wpshout-cover.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="675" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://wpshout.com/category/web-design/","url":"https://wpshout.com/category/web-design/","name":"Web Design Tips and Tutorials - Learn from Professionals | CodeinWP","isPartOf":{"@id":"https://wpshout.com/#website"},"primaryImageOfPage":{"@id":"https://wpshout.com/category/web-design/#primaryimage"},"image":{"@id":"https://wpshout.com/category/web-design/#primaryimage"},"thumbnailUrl":"https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg","description":"Under the hood, web design is about learning the principles, using the right tools, and then executing with dedication. And getting stuff done!","breadcrumb":{"@id":"https://wpshout.com/category/web-design/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://wpshout.com/category/web-design/#primaryimage","url":"https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg","contentUrl":"https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg","width":1450,"height":740,"caption":"Best Cloud IDE"},{"@type":"BreadcrumbList","@id":"https://wpshout.com/category/web-design/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://wpshout.com/"},{"@type":"ListItem","position":2,"name":"Web Design & Development"}]},{"@type":"WebSite","@id":"https://wpshout.com/#website","url":"https://wpshout.com/","name":"WPShout","description":"A hub for advanced WordPress users, developers & savvy business owners.","publisher":{"@id":"https://wpshout.com/#organization"},"alternateName":"WPS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://wpshout.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://wpshout.com/#organization","name":"VertiStudio","alternateName":"Vertigo Studio SA","url":"https://wpshout.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://wpshout.com/#/schema/logo/image/","url":"https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/02/VertiStudio_logo1.png","contentUrl":"https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/02/VertiStudio_logo1.png","width":718,"height":156,"caption":"VertiStudio"},"image":{"@id":"https://wpshout.com/#/schema/logo/image/"},"publishingPrinciples":"https://wpshout.com/editorial-policy/"}]}</script>  <link rel='dns-prefetch' href='//iotvnaw69daj.i.optimole.com' /> <link rel='preconnect' href='https://iotvnaw69daj.i.optimole.com' /> <link rel="alternate" type="application/rss+xml" title="WPShout » Feed" href="https://wpshout.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="WPShout » Comments Feed" href="https://wpshout.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="WPShout » Web Design & Development Category Feed" href="https://wpshout.com/category/web-design/feed/" /> <link rel="dns-prefetch" href="//d5jmkjjpb7yfg.cloudfront.net" /> <link rel="preconnect" href="https://d5jmkjjpb7yfg.cloudfront.net" /> <style id='wpjoli-joli-table-of-contents-style-inline-css'> </style> <style id='syntax-highlighting-code-block-inline-css'></style> <style id='otter-accordion-style-inline-css'></style> <style id='classic-theme-styles-inline-css'></style> <style id='global-styles-inline-css'></style> <style id='neve-style-inline-css'></style> <style id='cwp-main-inline-css'></style> <style id='has-inline-styles-inline-css'></style> <style id='optm_lazyload_noscript_style-inline-css'></style> <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://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/https://wpshout.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} </style> <script id="optml-print-js-after"> (function(w, d){ w.addEventListener("beforeprint", function(){ let images = d.getElementsByTagName( "img" ); for (let img of images) { if ( !img.dataset.optSrc) { continue; } img.src = img.dataset.optSrc; delete img.dataset.optSrc; } }); }(window, document)); </script> <link rel="https://api.w.org/" href="https://wpshout.com/wp-json/" /><link rel="alternate" type="application/json" href="https://wpshout.com/wp-json/wp/v2/categories/26" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wpshout.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.3" /> <script type="text/javascript">!function(e,t){(e=t.createElement("script")).src="https://cdn.convertbox.com/convertbox/js/embed.js",e.id="app-convertbox-script",e.async=true,e.dataset.uuid="e0a899ba-fd1f-4c93-b750-27783f5c70ce",document.getElementsByTagName("head")[0].appendChild(e)}(window,document);</script> <script>var cb_wp=cb_wp || {};cb_wp.is_user_logged_in=false;</script><style type="text/css"></style>  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'>window.addEventListener('DOMContentLoaded', function() { window._vwo_code=window._vwo_code || (function() { var account_id=732224, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;w.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.currentScript,t=d.createElement('style'),i=e&&!e.async?hide_element?hide_element+'{'+hide_element_style+'}':'':code.lA=1,n=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&t.setAttribute('nonce',vwoCodeEl.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));n.appendChild(t);var o=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(o?'&c='+o:''));return settings_timer}};w._vwo_settings_timer = code.init();return code;}()); });</script> <script>document.documentElement.className += " js";</script>  <script>(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-KJB7JDW');</script>   <script type="text/javascript"> !function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://app.formbricks.com/api/packages/website";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e),setTimeout(function(){window.formbricks.init({environmentId: "cm1jh52460006jvq2sp63wccd", apiHost: "https://app.formbricks.com"})},500)}(); </script> <script> document.addEventListener( "DOMContentLoaded", function() { var div, i, youtubePlayers = document.getElementsByClassName( "video-seo-youtube-player" ); for ( i = 0; i < youtubePlayers.length; i++ ) { div = document.createElement( "div" ); div.className = "video-seo-youtube-embed-loader"; div.setAttribute( "data-id", youtubePlayers[ i ].dataset.id ); div.setAttribute( "tabindex", "0" ); div.setAttribute( "role", "button" ); div.setAttribute( "aria-label", "Load YouTube video" ); div.innerHTML = videoSEOGenerateYouTubeThumbnail( youtubePlayers[ i ].dataset.id ); div.addEventListener( "click", videoSEOGenerateYouTubeIframe ); div.addEventListener( "keydown", videoSEOYouTubeThumbnailHandleKeydown ); div.addEventListener( "keyup", videoSEOYouTubeThumbnailHandleKeyup ); youtubePlayers[ i ].appendChild( div ); } } ); function videoSEOGenerateYouTubeThumbnail( id ) { var thumbnail = '<picture class="video-seo-youtube-picture">\n' + '<source class="video-seo-source-to-maybe-replace" media="(min-width: 801px)" srcset="https://i.ytimg.com/vi/' + id + '/maxresdefault.jpg" >\n' + '<source class="video-seo-source-hq" media="(max-width: 800px)" srcset="https://i.ytimg.com/vi/' + id + '/hqdefault.jpg">\n' + '<img fetchpriority="high" onload="videoSEOMaybeReplaceMaxResSourceWithHqSource( event );" src="https://i.ytimg.com/vi/' + id + '/hqdefault.jpg" width="480" height="360" loading="eager" alt="">\n' + '</picture>\n', play = '<div class="video-seo-youtube-player-play"></div>'; return thumbnail.replace( "ID", id ) + play; } function videoSEOMaybeReplaceMaxResSourceWithHqSource( event ) { var sourceMaxRes, sourceHighQuality, loadedThumbnail = event.target, parent = loadedThumbnail.parentNode; if ( loadedThumbnail.naturalWidth < 150 ) { sourceMaxRes = parent.querySelector(".video-seo-source-to-maybe-replace"); sourceHighQuality = parent.querySelector(".video-seo-source-hq"); sourceMaxRes.srcset = sourceHighQuality.srcset; parent.className = "video-seo-youtube-picture video-seo-youtube-picture-replaced-srcset"; } } function videoSEOYouTubeThumbnailHandleKeydown( event ) { if ( event.keyCode !== 13 && event.keyCode !== 32 ) { return; } if ( event.keyCode === 13 ) { videoSEOGenerateYouTubeIframe( event ); } if ( event.keyCode === 32 ) { event.preventDefault(); } } function videoSEOYouTubeThumbnailHandleKeyup( event ) { if ( event.keyCode !== 32 ) { return; } videoSEOGenerateYouTubeIframe( event ); } function videoSEOGenerateYouTubeIframe( event ) { var el = ( event.type === "click" ) ? this : event.target, iframe = document.createElement( "iframe" ); iframe.setAttribute( "src", "https://www.youtube.com/embed/" + el.dataset.id + "?autoplay=1&enablejsapi=1&origin=https%3A%2F%2Fwpshout.com" ); iframe.setAttribute( "frameborder", "0" ); iframe.setAttribute( "allowfullscreen", "1" ); iframe.setAttribute( "allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" ); el.parentNode.replaceChild( iframe, el ); } </script><meta name="generator" content="Elementor 3.21.1; features: e_optimized_assets_loading, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto"> <meta name="generator" content="Optimole 3.13.3"> <style type="text/css"></style> <script type="application/javascript"> document.documentElement.className = document.documentElement.className.replace(/\boptml_no_js\b/g, ""); (function(w, d){ var b = d.getElementsByTagName("head")[0]; var s = d.createElement("script"); var v = ("IntersectionObserver" in w && "isIntersecting" in w.IntersectionObserverEntry.prototype) ? "_no_poly" : ""; s.async = true; s.src = "https://iotvnaw69daj.i.optimole.com/js-lib/v2/latest/optimole_lib" + v + ".min.js"; b.appendChild(s); w.optimoleData = { lazyloadOnly: "optimole-lazy-only", backgroundReplaceClasses: [], nativeLazyload : false, scalingDisabled: false, watchClasses: [], backgroundLazySelectors: ".elementor-section[data-settings*=\"background_background\"], .elementor-section > .elementor-background-overlay, [class*=\"wp-block-cover\"][style*=\"background-image\"], [class*=\"wp-block-group\"][style*=\"background-image\"], .elementor-widget-container, .elementor-background-slideshow__slide__image, .o-flip-front, .o-flip-back, .wp-block-themeisle-blocks-advanced-columns, .wp-block-themeisle-blocks-advanced-columns-overlay, .wp-block-themeisle-blocks-advanced-column, .wp-block-themeisle-blocks-advanced-column-overlay", network_optimizations: false, ignoreDpr: false, quality: 90, maxWidth: 0, maxHeight: 0, } }(window, document)); </script><link rel="icon" href="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:32/h:32/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/04/cropped-main-icon1x.png" sizes="32x32" /> <link rel="icon" href="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:192/h:192/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/04/cropped-main-icon1x.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:180/h:180/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/04/cropped-main-icon1x.png" /> <meta name="msapplication-TileImage" content="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:270/h:270/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/04/cropped-main-icon1x.png" /> <style id="wp-custom-css"></style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> </head> <body class="archive category category-web-design category-26 wp-custom-logo nv-blog-grid nv-sidebar-right menu_sidebar_slide_right codeinwp-neve elementor-default elementor-kit-61976 has-body" id="neve_body" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJB7JDW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="wrapper"> <header class="header" > <a class="neve-skip-link show-on-focus" href="#content" > Skip to content </a> <div id="header-grid" class="hfg_header site-header"> <nav class="header--row header-main hide-on-mobile hide-on-tablet layout-full-contained nv-navbar header--row" data-row-id="main" data-show-on="desktop"> <div class="header--row-inner header-main-inner"> <div class="container"> <div class="row row--wrapper" data-section="hfg_header_layout_main" > <div class="hfg-slot left"><div class="builder-item desktop-left"><div class="item--inner builder-item--logo" data-section="title_tagline" data-item-id="logo"> <div class="site-logo"> <a class="brand" href="https://wpshout.com/" title="← WPShout" aria-label="WPShout A hub for advanced WordPress users, developers & savvy business owners." rel="home"><img fetchpriority="high" width="300" height="48" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:300/h:48/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/05/wpshout-logo.svg" class="neve-site-logo skip-lazy" alt="WPShout logo" data-variant="logo" decoding="async" /></a></div> </div> </div></div><div class="hfg-slot right"><div class="builder-item has-nav hfg-is-group has-primary-menu"><div class="item--inner builder-item--primary-menu has_menu" data-section="header_menu_primary" data-item-id="primary-menu"> <div class="nv-nav-wrap"> <div role="navigation" class="nav-menu-primary submenu-style-plain" aria-label="Primary Menu"> <ul id="nv-primary-navigation-main" class="primary-menu-ul nav-ul menu-desktop"><li id="menu-item-135633" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135633"><div class="wrap"><a href="https://wpshout.com/category/news/">News</a></div></li> <li id="menu-item-143613" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143613"><div class="wrap"><a href="https://wpshout.com/wordpress-jobs/">Jobs</a></div></li> <li id="menu-item-135636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-135636"><div class="wrap"><a href="#"><span class="menu-item-title-wrap dd-title">Resources</span></a><div role="button" aria-pressed="false" aria-label="Open Submenu" tabindex="0" class="caret-wrap caret 3" style="margin-left:5px;"><span class="caret"><svg class="sub-menu-icon" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" style="transform:rotate(180deg)"><rect width="15" height="15" fill="none"/><path fill="currentColor" d="M14,12a1,1,0,0,1-.73-.32L7.5,5.47,1.76,11.65a1,1,0,0,1-1.4,0A1,1,0,0,1,.3,10.3l6.47-7a1,1,0,0,1,1.46,0l6.47,7a1,1,0,0,1-.06,1.4A1,1,0,0,1,14,12Z"/></svg></span></div></div> <ul class="sub-menu"> <li id="menu-item-141699" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-141699"><div class="wrap"><a href="https://courses.wpshout.com/up-and-running/">Up and Running</a></div></li> <li id="menu-item-140646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140646"><div class="wrap"><a href="https://wpshout.com/courses/">Free Courses</a></div></li> <li id="menu-item-143292" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-143292"><div class="wrap"><a href="https://bizarrodevs.wpshout.com/">BizarroDevs</a></div></li> <li id="menu-item-135639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135639"><div class="wrap"><a href="https://wpshout.com/snippets/">Code Snippets</a></div></li> <li id="menu-item-135642" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135642"><div class="wrap"><a href="https://wpshout.com/jadro/">Jadro Theme</a></div></li> <li id="menu-item-135641" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135641"><div class="wrap"><a href="https://wpshout.com/pattern-collection/">Pattern Collection</a></div></li> </ul> </li> <li id="menu-item-142714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142714"><div class="wrap"><a href="https://wpshout.com/comics/">Comics</a></div></li> <li id="menu-item-135632" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-135632 nv-active"><div class="wrap"><a href="#"><span class="menu-item-title-wrap dd-title">Topics</span></a><div role="button" aria-pressed="false" aria-label="Open Submenu" tabindex="0" class="caret-wrap caret 11" style="margin-left:5px;"><span class="caret"><svg class="sub-menu-icon" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" style="transform:rotate(180deg)"><rect width="15" height="15" fill="none"/><path fill="currentColor" d="M14,12a1,1,0,0,1-.73-.32L7.5,5.47,1.76,11.65a1,1,0,0,1-1.4,0A1,1,0,0,1,.3,10.3l6.47-7a1,1,0,0,1,1.46,0l6.47,7a1,1,0,0,1-.06,1.4A1,1,0,0,1,14,12Z"/></svg></span></div></div> <ul class="sub-menu"> <li id="menu-item-135649" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135649"><div class="wrap"><a href="https://wpshout.com/category/wordpress-basics/">WordPress Basics</a></div></li> <li id="menu-item-135650" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135650"><div class="wrap"><a href="https://wpshout.com/category/wordpress-tutorials/">WordPress Tutorials</a></div></li> <li id="menu-item-135647" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-135647 nv-active"><div class="wrap"><a href="https://wpshout.com/category/web-design/" aria-current="page">Web Design & Development</a></div></li> <li id="menu-item-135646" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135646"><div class="wrap"><a href="https://wpshout.com/category/marketing/">Growth & Marketing Tips</a></div></li> <li id="menu-item-135645" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135645"><div class="wrap"><a href="https://wpshout.com/category/ecommerce/">eCommerce</a></div></li> <li id="menu-item-135648" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135648"><div class="wrap"><a href="https://wpshout.com/category/web-hosting/">Web Hosting</a></div></li> </ul> </li> <li id="menu-item-135634" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135634"><div class="wrap"><a href="https://wpshout.com/about-us/">About Us</a></div></li> </ul> </div> </div> </div> <div class="item--inner builder-item--header_search_responsive" data-section="header_search_responsive" data-item-id="header_search_responsive"> <div class="nv-search-icon-component" > <div class="menu-item-nav-search canvas"> <a aria-label="Search" href="#" class="nv-icon nv-search" > <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" /></svg> </a> <div class="nv-nav-search" aria-label="search"> <div class="form-wrap container responsive-search"> <form role="search" method="get" class="search-form" action="https://wpshout.com/"> <label> <span class="screen-reader-text">Search for...</span> </label> <input type="search" class="search-field" aria-label="Search" placeholder="Search for..." value="" name="s"/> <button type="submit" class="search-submit nv-submit" aria-label="Search"> <span class="nv-search-icon-wrap"> <span class="nv-icon nv-search" > <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" /></svg> </span> </span> </button> </form> </div> <div class="close-container container responsive-search"> <button class="close-responsive-search" aria-label="Close" > <svg width="50" height="50" viewBox="0 0 20 20" fill="#555555"><path d="M14.95 6.46L11.41 10l3.54 3.54l-1.41 1.41L10 11.42l-3.53 3.53l-1.42-1.42L8.58 10L5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z"/></svg> </button> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </nav> <nav class="header--row header-main hide-on-desktop layout-full-contained nv-navbar header--row" data-row-id="main" data-show-on="mobile"> <div class="header--row-inner header-main-inner"> <div class="container"> <div class="row row--wrapper" data-section="hfg_header_layout_main" > <div class="hfg-slot left"><div class="builder-item tablet-left mobile-left"><div class="item--inner builder-item--logo" data-section="title_tagline" data-item-id="logo"> <div class="site-logo"> <a class="brand" href="https://wpshout.com/" title="← WPShout" aria-label="WPShout A hub for advanced WordPress users, developers & savvy business owners." rel="home"><img fetchpriority="high" width="300" height="48" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:300/h:48/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/05/wpshout-logo.svg" class="neve-site-logo skip-lazy" alt="WPShout logo" data-variant="logo" decoding="async" /></a></div> </div> </div></div><div class="hfg-slot right"><div class="builder-item tablet-left mobile-left hfg-is-group"><div class="item--inner builder-item--nav-icon" data-section="header_menu_icon" data-item-id="nav-icon"> <div class="menu-mobile-toggle item-button navbar-toggle-wrapper"> <button type="button" class=" navbar-toggle" value="Navigation Menu" aria-label="Navigation Menu " aria-expanded="false" onclick="if('undefined' !== typeof toggleAriaClick ) { toggleAriaClick() }"> <span class="bars"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </span> <span class="screen-reader-text">Navigation Menu</span> </button> </div>  </div> <div class="item--inner builder-item--header_search_responsive" data-section="header_search_responsive" data-item-id="header_search_responsive"> <div class="nv-search-icon-component" > <div class="menu-item-nav-search canvas"> <a aria-label="Search" href="#" class="nv-icon nv-search" > <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" /></svg> </a> <div class="nv-nav-search" aria-label="search"> <div class="form-wrap container responsive-search"> <form role="search" method="get" class="search-form" action="https://wpshout.com/"> <label> <span class="screen-reader-text">Search for...</span> </label> <input type="search" class="search-field" aria-label="Search" placeholder="Search for..." value="" name="s"/> <button type="submit" class="search-submit nv-submit" aria-label="Search"> <span class="nv-search-icon-wrap"> <span class="nv-icon nv-search" > <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" /></svg> </span> </span> </button> </form> </div> <div class="close-container container responsive-search"> <button class="close-responsive-search" aria-label="Close" > <svg width="50" height="50" viewBox="0 0 20 20" fill="#555555"><path d="M14.95 6.46L11.41 10l3.54 3.54l-1.41 1.41L10 11.42l-3.53 3.53l-1.42-1.42L8.58 10L5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z"/></svg> </button> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </nav> <div id="header-menu-sidebar" class="header-menu-sidebar tcb menu-sidebar-panel slide_right hfg-pe" data-row-id="sidebar"> <div id="header-menu-sidebar-bg" class="header-menu-sidebar-bg"> <div class="close-sidebar-panel navbar-toggle-wrapper"> <button type="button" class="hamburger is-active navbar-toggle active" value="Navigation Menu" aria-label="Navigation Menu " aria-expanded="false" onclick="if('undefined' !== typeof toggleAriaClick ) { toggleAriaClick() }"> <span class="bars"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </span> <span class="screen-reader-text"> Navigation Menu </span> </button> </div> <div id="header-menu-sidebar-inner" class="header-menu-sidebar-inner tcb "> <div class="builder-item has-nav"><div class="item--inner builder-item--primary-menu has_menu" data-section="header_menu_primary" data-item-id="primary-menu"> <div class="nv-nav-wrap"> <div role="navigation" class="nav-menu-primary submenu-style-plain" aria-label="Primary Menu"> <ul id="nv-primary-navigation-sidebar" class="primary-menu-ul nav-ul menu-mobile"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135633"><div class="wrap"><a href="https://wpshout.com/category/news/">News</a></div></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143613"><div class="wrap"><a href="https://wpshout.com/wordpress-jobs/">Jobs</a></div></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-135636"><div class="wrap"><a href="#"><span class="menu-item-title-wrap dd-title">Resources</span></a><button tabindex="0" type="button" class="caret-wrap navbar-toggle 3 " style="margin-left:5px;" aria-label="Toggle Resources"><span class="caret"><svg class="sub-menu-icon" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" style="transform:rotate(180deg)"><rect width="15" height="15" fill="none"/><path fill="currentColor" d="M14,12a1,1,0,0,1-.73-.32L7.5,5.47,1.76,11.65a1,1,0,0,1-1.4,0A1,1,0,0,1,.3,10.3l6.47-7a1,1,0,0,1,1.46,0l6.47,7a1,1,0,0,1-.06,1.4A1,1,0,0,1,14,12Z"/></svg></span></button></div> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-141699"><div class="wrap"><a href="https://courses.wpshout.com/up-and-running/">Up and Running</a></div></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140646"><div class="wrap"><a href="https://wpshout.com/courses/">Free Courses</a></div></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-143292"><div class="wrap"><a href="https://bizarrodevs.wpshout.com/">BizarroDevs</a></div></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135639"><div class="wrap"><a href="https://wpshout.com/snippets/">Code Snippets</a></div></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135642"><div class="wrap"><a href="https://wpshout.com/jadro/">Jadro Theme</a></div></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135641"><div class="wrap"><a href="https://wpshout.com/pattern-collection/">Pattern Collection</a></div></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142714"><div class="wrap"><a href="https://wpshout.com/comics/">Comics</a></div></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-135632 nv-active"><div class="wrap"><a href="#"><span class="menu-item-title-wrap dd-title">Topics</span></a><button tabindex="0" type="button" class="caret-wrap navbar-toggle 11 " style="margin-left:5px;" aria-label="Toggle Topics"><span class="caret"><svg class="sub-menu-icon" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" style="transform:rotate(180deg)"><rect width="15" height="15" fill="none"/><path fill="currentColor" d="M14,12a1,1,0,0,1-.73-.32L7.5,5.47,1.76,11.65a1,1,0,0,1-1.4,0A1,1,0,0,1,.3,10.3l6.47-7a1,1,0,0,1,1.46,0l6.47,7a1,1,0,0,1-.06,1.4A1,1,0,0,1,14,12Z"/></svg></span></button></div> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135649"><div class="wrap"><a href="https://wpshout.com/category/wordpress-basics/">WordPress Basics</a></div></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135650"><div class="wrap"><a href="https://wpshout.com/category/wordpress-tutorials/">WordPress Tutorials</a></div></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-135647 nv-active"><div class="wrap"><a href="https://wpshout.com/category/web-design/" aria-current="page">Web Design & Development</a></div></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135646"><div class="wrap"><a href="https://wpshout.com/category/marketing/">Growth & Marketing Tips</a></div></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135645"><div class="wrap"><a href="https://wpshout.com/category/ecommerce/">eCommerce</a></div></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135648"><div class="wrap"><a href="https://wpshout.com/category/web-hosting/">Web Hosting</a></div></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135634"><div class="wrap"><a href="https://wpshout.com/about-us/">About Us</a></div></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="header-menu-sidebar-overlay hfg-ov hfg-pe" onclick="if('undefined' !== typeof toggleAriaClick ) { toggleAriaClick() }"></div> </div> <div id="page-header-grid" class="hfg_page_header page-header"> </div> </header> <style></style><style></style> <main id="content" class="neve-main"> <div class="banner"> <div class="container category"> <div class="category-description"> <h1>Web Design & Development</h1><p>Web design might seem like one of those mysterious arts that only a hipster millennial can possibly figure out, but that doesn’t need to be the case. Under the hood, most things that have to do with web design are fairly structured and easy to get started with. Read articles from this section to learn more. Let’s start with <a href="https://wpshout.com/blog/how-to-build-your-own-website/">how to build your own website in one of two ways</a>. If you’re looking for quality tools, here’s a list of the <a href="https://wpshout.com/blog/best-website-builders/">best website builders on the market</a>, plus some of the <a href="https://wpshout.com/blog/best-website-design-software/">best web design software</a>. No matter if you want to <a href="https://wpshout.com/blog/how-to-optimize-images/">optimize images on your website</a>, or get a list of <a href="https://wpshout.com/blog/best-shopify-themes/">beautiful Shopify themes</a>, or learn about the <a href="https://wpshout.com/blog/ui-vs-ux/">differences between UI and UX</a>, we have you covered!</p> </div> <div class="category-links"></div> </div> </div> <div class="container archive-container"> <div class="row"> <div class="nv-index-posts blog col"> <div class="posts-wrapper"><article id="post-46620" class="post-46620 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-cloud-ide/" rel="bookmark">What’s the Best Cloud IDE in 2024? Here Are 8 of the Top Options</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async fetchpriority="high" width="236" height="263" class="photo" alt="Martin Dubovic" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:236/h:263/q:90/f:best/https://wpshout.com/wp-content/uploads/2022/07/Martin-Dubovic-Profile-Picture-copy.png" /> <span class="author-name fn"><a href="https://wpshout.com/author/martin-d/" title="Posts by Martin Dubovic" rel="author">Martin Dubovic</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-11-23T02:13:07+02:00">November 23, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-cloud-ide/" rel="bookmark" title="What’s the Best Cloud IDE in 2024? Here Are 8 of the Top Options"><img width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg" class="skip-lazy wp-post-image" alt="Best Cloud IDE" decoding="async" srcset="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg 1450w, https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:300/h:153/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg 300w, https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:768/h:392/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg 768w, https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1024/h:523/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg 1024w, https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:60/h:31/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/05/best-cloud-ide.jpg 60w" sizes="(max-width: 1387px) 100vw, 1387px" /></a></div><div class="excerpt-wrap entry-summary"><p>Traditionally, it was common for developers to create code using your everyday text editors. From the local machine to the server, terminal-based text editors like VIM and Emacs (as well as GUI-based text editors like SublimeText) are still the go-to options for many developers. However, the increasing popularity of cloud services leads to the rise of cloud IDEs. In this post, we cover the most popular and functional options of today, and try to find the best cloud IDE.</p><a class="read-more" href="https://wpshout.com/best-cloud-ide/"> (read more)</a></div> </div> </div> </article> <article id="post-26651" class="post-26651 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design category-wordpress-tutorials layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/wordpress-cheat-sheets-web-development-design/" rel="bookmark">170+ WordPress Cheat Sheets (Dev/Design)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/sabina.jpg" width="100" height="100" class="photo" alt="Sabina Ionescu" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/sabina.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/sabina/" title="Posts by Sabina Ionescu" rel="author">Sabina Ionescu</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-11-18T11:38:01+02:00">November 18, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/wordpress-cheat-sheets-web-development-design/" rel="bookmark" title="170+ WordPress Cheat Sheets (Dev/Design)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/10/WordPress-cheat-sheets-1.png" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/10/WordPress-cheat-sheets-1.png" class=" wp-post-image" alt="" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>“Why bother with WordPress cheat sheets?” – you may ask. Well, maybe it’s just me, but I find it rather hard to remember all those keyboard shortcuts, function names, arguments, structures and whatnots that all come “with the territory” when you’re doing any kind of WordPress dev, design, or publishing work.</p><a class="read-more" href="https://wpshout.com/wordpress-cheat-sheets-web-development-design/"> (read more)</a></div> </div> </div> </article> <article id="post-143819" class="post-143819 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/ai-plugin-development-mistakes/" rel="bookmark">8 Mistakes I Made When Building My First WordPress Plugin Using AI (With No Prior Development Experience)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async fetchpriority="high" width="236" height="263" class="photo" alt="Martin Dubovic" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:236/h:263/q:90/f:best/https://wpshout.com/wp-content/uploads/2022/07/Martin-Dubovic-Profile-Picture-copy.png" /> <span class="author-name fn"><a href="https://wpshout.com/author/martin-d/" title="Posts by Martin Dubovic" rel="author">Martin Dubovic</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-08-29T18:32:06+03:00">August 29, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/ai-plugin-development-mistakes/#comments">2 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/ai-plugin-development-mistakes/" rel="bookmark" title="8 Mistakes I Made When Building My First WordPress Plugin Using AI (With No Prior Development Experience)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/08/ai-plugin-development-mistakes.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/08/ai-plugin-development-mistakes.png" class=" wp-post-image" alt="ai WordPress plugin development mistakes" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>As the title of this article says, I have no formal development experience. Prior to taking this plunge into building my first plugin, the most coding I was capable of, was fumbling my way through some HTML and CSS. But! I was damn enthusiastic about building a WordPress plugin, so I decided to see if all the fear mongering about AI replacing junior developers had any merit.</p><a class="read-more" href="https://wpshout.com/ai-plugin-development-mistakes/"> (read more)</a></div> </div> </div> </article> <article id="post-104602" class="post-104602 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-programming-fonts/" rel="bookmark">15 Best Programming Fonts for Coding and Development (Free!)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/11/tom.jpg" width="96" height="96" class="photo" alt="Tom Rankin" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/11/tom.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/itswptom/" title="Posts by Tom Rankin" rel="author">Tom Rankin</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-07-10T13:05:32+03:00">July 10, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/best-programming-fonts/#comments">1 Comment</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-programming-fonts/" rel="bookmark" title="15 Best Programming Fonts for Coding and Development (Free!)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2022/09/Best-Free-Coding-Fonts-for-Developers.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2022/09/Best-Free-Coding-Fonts-for-Developers.png" class=" wp-post-image" alt="Best Programming Fonts" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Programming and development has a lot of unique facets. Even so, one commonality is that every coder has personal choices when it comes to their setup. For example, there are fans and flames for all manner of coding editors, and this can stretch to the look within each editor.</p><a class="read-more" href="https://wpshout.com/best-programming-fonts/"> (read more)</a></div> </div> </div> </article> <article id="post-142257" class="post-142257 post type-post status-publish format-standard has-post-thumbnail hentry category-front-end-development category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/wordpress-interactivity-api/" rel="bookmark">A Beginner’s Guide to the WordPress Interactivity API</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" width="100" height="100" class="photo" alt="Hardeep Asrani" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/hardeepasrani/" title="Posts by Hardeep Asrani" rel="author">Hardeep Asrani</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2024-06-20T11:16:00+03:00" content="2024-06-20">June 20, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/wordpress-interactivity-api/" rel="bookmark" title="A Beginner’s Guide to the WordPress Interactivity API"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/06/WordPress-Interactivity-API.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/06/WordPress-Interactivity-API.png" class=" wp-post-image" alt="WordPress Interactivity API." decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Learn how to use the WordPress Interactivity API, why it’s essential, and how it simplifies adding interactive features to your blocks. Discover seamless integration with PHP server-side rendering and real-world examples of dynamic user experiences.</p><a class="read-more" href="https://wpshout.com/wordpress-interactivity-api/"> (read more)</a></div> </div> </div> </article> <article id="post-132925" class="post-132925 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/javascript-modules-tutorial/" rel="bookmark">JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" width="500" height="500" class="photo" alt="Louis Lazaris" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/louis-lazaris/" title="Posts by Louis Lazaris" rel="author">Louis Lazaris</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-05-31T13:42:57+03:00">May 31, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/javascript-modules-tutorial/#comments">1 Comment</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/javascript-modules-tutorial/" rel="bookmark" title="JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/05/javascript-modules.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/05/javascript-modules.png" class=" wp-post-image" alt="JavaScript modules." decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I’ll cover some of the history of JavaScript modules, show you a handful of syntax examples, and introduce all their basic features.</p><a class="read-more" href="https://wpshout.com/javascript-modules-tutorial/"> (read more)</a></div> </div> </div> </article> <article id="post-49657" class="post-49657 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/sketch-alternatives-windows/" rel="bookmark">5 High-Quality Sketch Alternatives for Windows (2024)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/john-h.png" width="100" height="100" class="photo" alt="John Hughes" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/john-h.png" /> <span class="author-name fn"><a href="https://wpshout.com/author/john-h/" title="Posts by John Hughes" rel="author">John Hughes</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-05-27T16:24:27+03:00">May 27, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/sketch-alternatives-windows/" rel="bookmark" title="5 High-Quality Sketch Alternatives for Windows (2024)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/07/sketch-alternatives-windows.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/07/sketch-alternatives-windows.jpg" class=" wp-post-image" alt="Sketch Alternatives for Windows" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>When it comes to User Interface (UI) design, Sketch is a popular platform for collaborative prototyping and vector editing. Unfortunately, it’s only available for macOS, and as such, some UI designers will need to find Sketch alternatives for Windows.</p><a class="read-more" href="https://wpshout.com/sketch-alternatives-windows/"> (read more)</a></div> </div> </div> </article> <article id="post-76457" class="post-76457 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-logo-maker/" rel="bookmark">What’s the Best Free Logo Maker? 10 Tools Compared</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/12/davis.jpeg" width="96" height="96" class="photo" alt="Davis Porter" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/12/davis.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/davis/" title="Posts by Davis Porter" rel="author">Davis Porter</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-04-11T12:54:23+03:00">April 11, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-logo-maker/" rel="bookmark" title="What’s the Best Free Logo Maker? 10 Tools Compared"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/12/Best-logo-maker.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/12/Best-logo-maker.jpg" class=" wp-post-image" alt="Best logo maker" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>You don’t really need to hire a graphic design agency, or perhaps hold a design contest, to come up with the best logo for your business. And no, you don’t require a huge budget or specialized design skills either. You just need to find yourself the best free logo maker for your brand.</p><a class="read-more" href="https://wpshout.com/best-logo-maker/"> (read more)</a></div> </div> </div> </article> <article id="post-81209" class="post-81209 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-html-css-books/" rel="bookmark">10+ Best HTML/CSS Books for Beginners and Advanced Coders</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/12/davis.jpeg" width="96" height="96" class="photo" alt="Davis Porter" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/12/davis.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/davis/" title="Posts by Davis Porter" rel="author">Davis Porter</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-04-03T11:35:24+03:00">April 3, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/best-html-css-books/#comments">2 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-html-css-books/" rel="bookmark" title="10+ Best HTML/CSS Books for Beginners and Advanced Coders"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/04/Best-html-css-books.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/04/Best-html-css-books.jpeg" class=" wp-post-image" alt="Best HTML/CSS books" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>While there are tons of information about HTML/CSS coding out there, the irony is, finding the best HTML/CSS books and resources might not be that easy.</p><a class="read-more" href="https://wpshout.com/best-html-css-books/"> (read more)</a></div> </div> </div> </article> <article id="post-23604" class="post-23604 post type-post status-publish format-standard has-post-thumbnail hentry category-build-a-website category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/elementor-templates/" rel="bookmark">15 Best Elementor Templates for 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" width="512" height="512" class="photo" alt="Adelina Tuca" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/adelina/" title="Posts by Adelina Tuca" rel="author">Adelina Tuca</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-03-07T06:01:31+02:00">March 7, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/elementor-templates/#comments">7 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/elementor-templates/" rel="bookmark" title="15 Best Elementor Templates for 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2017/07/Elementor-themes-and-templates.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2017/07/Elementor-themes-and-templates.png" class=" wp-post-image" alt="Best Elementor Themes and Templates" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Elementor has become one of the most popular page builder plugins for WordPress, and not without a reason. It’s highly configurable, easy to use, and packs a ton of features. But! Can you get additional benefits if you use it with some of the best Elementor themes and templates?</p><a class="read-more" href="https://wpshout.com/elementor-templates/"> (read more)</a></div> </div> </div> </article> <article id="post-2477" class="post-2477 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/wix-vs-squarespace-vs-virb-vs-weebly-vs-wordpress-theme-builders/" rel="bookmark">Wix vs Squarespace vs Weebly vs Jimdo vs SiteBuilder</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/karol.jpg" width="100" height="100" class="photo" alt="Karol K" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/karol.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/karol/" title="Posts by Karol K" rel="author">Karol K</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-19T00:11:07+02:00">February 19, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/wix-vs-squarespace-vs-virb-vs-weebly-vs-wordpress-theme-builders/#comments">12 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/wix-vs-squarespace-vs-virb-vs-weebly-vs-wordpress-theme-builders/" rel="bookmark" title="Wix vs Squarespace vs Weebly vs Jimdo vs SiteBuilder"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:725/h:370/q:90/f:best/https://wpshout.com/wp-content/uploads/2015/01/Wix-vs-Squarespace-vs-Virb-vs-Weebly-vs-Jimdo.png" loading="lazy" width="725" height="370" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:725/h:370/q:eco/f:best/https://wpshout.com/wp-content/uploads/2015/01/Wix-vs-Squarespace-vs-Virb-vs-Weebly-vs-Jimdo.png" class=" wp-post-image" alt="Wix vs Squarespace vs Virb vs Weebly vs Jimdo" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>So you’re looking for a way to build a website, but you don’t want to pay a lot of money for it, nor do you want to spend days trapped in some source code doing it all by yourself, right?</p><a class="read-more" href="https://wpshout.com/wix-vs-squarespace-vs-virb-vs-weebly-vs-wordpress-theme-builders/"> (read more)</a></div> </div> </div> </article> <article id="post-36393" class="post-36393 post type-post status-publish format-standard has-post-thumbnail hentry category-productivity-tips category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-website-screenshot-tools/" rel="bookmark">5 Best Website Screenshot Tools (Tested and Approved)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:749/h:791/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/09/joe-warnimont-headshot.jpeg" width="749" height="791" class="photo" alt="Joe Warnimont" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:749/h:791/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/09/joe-warnimont-headshot.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/joe-w/" title="Posts by Joe Warnimont" rel="author">Joe Warnimont</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-16T20:18:07+02:00">February 16, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/best-website-screenshot-tools/#comments">1 Comment</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-website-screenshot-tools/" rel="bookmark" title="5 Best Website Screenshot Tools (Tested and Approved)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/best-website-screenshot-tools.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/best-website-screenshot-tools.jpg" class=" wp-post-image" alt="Best Website Screenshot Tools" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>After much testing, we've decided on five of the best website screenshot tools on the market. Some have simple user interfaces with Google Chrome extensions, while others are built more for developers. In addition, we decided on a few free options, along with some premium ones. Keep reading to see which are best for you!</p><a class="read-more" href="https://wpshout.com/best-website-screenshot-tools/"> (read more)</a></div> </div> </div> </article> <article id="post-132550" class="post-132550 post type-post status-publish format-standard has-post-thumbnail hentry category-statistics category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/browser-usage-statistics/" rel="bookmark">Browser Usage Statistics by Year, Device and Country (2024)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:312/h:312/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/ruchi-gupta11.jpg" width="312" height="312" class="photo" alt="Ruchi Gupta" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:312/h:312/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/ruchi-gupta11.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/ruchi/" title="Posts by Ruchi Gupta" rel="author">Ruchi Gupta</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2024-02-08T14:00:00+02:00" content="2024-02-08">February 8, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/browser-usage-statistics/" rel="bookmark" title="Browser Usage Statistics by Year, Device and Country (2024)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/browser-usage-statistics.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/browser-usage-statistics.png" class=" wp-post-image" alt="Browser usage statistics." decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Explore the latest trends and insights in browser usage statistics, including market share, usage by device type, region and country.</p><a class="read-more" href="https://wpshout.com/browser-usage-statistics/"> (read more)</a></div> </div> </div> </article> <article id="post-119045" class="post-119045 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-javascript-build-tools-bundlers/" rel="bookmark">10 Best JavaScript Build Tools and Bundlers Compared</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" width="500" height="500" class="photo" alt="Louis Lazaris" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/louis-lazaris/" title="Posts by Louis Lazaris" rel="author">Louis Lazaris</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-05T14:48:00+02:00">February 5, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-javascript-build-tools-bundlers/" rel="bookmark" title="10 Best JavaScript Build Tools and Bundlers Compared"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2023/06/JavaScript-build-tools.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2023/06/JavaScript-build-tools.png" class=" wp-post-image" alt="JavaScript build tools" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>If you’re developing apps in the current JavaScript ecosystem, it’s almost impossible to do so without considering one of the many JavaScript build tools available (also referred to as JavaScript bundlers). </p><a class="read-more" href="https://wpshout.com/best-javascript-build-tools-bundlers/"> (read more)</a></div> </div> </div> </article> <article id="post-83584" class="post-83584 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design tag-auto-backdate layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-website-builder-for-musicians/" rel="bookmark">Best Website Builder for Musicians: 6 Tools Compared (Some are Free)</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" width="512" height="512" class="photo" alt="Adelina Tuca" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/adelina/" title="Posts by Adelina Tuca" rel="author">Adelina Tuca</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2021-06-17T13:15:40+03:00" content="2021-06-17">June 17, 2021</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-website-builder-for-musicians/" rel="bookmark" title="Best Website Builder for Musicians: 6 Tools Compared (Some are Free)"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/06/best-website-builder-for-musicians.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/06/best-website-builder-for-musicians.jpeg" class=" wp-post-image" alt="best website builder for musicians" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Being a musician in this day and age goes way beyond “just” making music. You also have to find and invest in ways of reaching your fans. One of the key steps in promoting your music online is to launch a website.</p><a class="read-more" href="https://wpshout.com/best-website-builder-for-musicians/"> (read more)</a></div> </div> </div> </article> <article id="post-72564" class="post-72564 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/wai-aria-roles/" rel="bookmark">Complete List of WAI ARIA Roles and Their Uses</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/shaumik.jpg" width="100" height="100" class="photo" alt="Shaumik Daityari" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/shaumik.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/shaumik/" title="Posts by Shaumik Daityari" rel="author">Shaumik Daityari</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-03T05:06:34+02:00">February 3, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/wai-aria-roles/" rel="bookmark" title="Complete List of WAI ARIA Roles and Their Uses"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/10/wai-aria-roles.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/10/wai-aria-roles.jpg" class=" wp-post-image" alt="WAI ARIA Roles and Their Uses" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Web accessibility is the process of making your website equally usable to people of all abilities and disabilities. It’s about understanding that users with disabilities may use assistive technologies to access the web. As a website owner, it is your duty to ensure that you make your website adequately compatible with such assistive technologies. WAI ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) is a set of guidelines published by the W3C. It defines additional HTML attributes that you can apply to your tags. These attributes help improve accessibility and make your DOM structure more readable by assistive technologies.</p><a class="read-more" href="https://wpshout.com/wai-aria-roles/"> (read more)</a></div> </div> </div> </article> <article id="post-81263" class="post-81263 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/webpack-tutorial-for-beginners/" rel="bookmark">Webpack Tutorial for Beginners: A Complete Step-by-Step Guide for 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" width="500" height="500" class="photo" alt="Louis Lazaris" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/louis-lazaris/" title="Posts by Louis Lazaris" rel="author">Louis Lazaris</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-03T03:58:30+02:00">February 3, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/webpack-tutorial-for-beginners/#comments">3 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/webpack-tutorial-for-beginners/" rel="bookmark" title="Webpack Tutorial for Beginners: A Complete Step-by-Step Guide for 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/04/Webpack-tutorial-1.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/04/Webpack-tutorial-1.jpeg" class=" wp-post-image" alt="Webpack tutorial" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>At some point, probably many years from now, a webpack tutorial for beginners like this one will be completely unnecessary. But currently, tools like webpack are needed for good code maintenance and high performance. In this article, we show you the first steps in bundling and serving HTML/JavaScript in an optimal fashion.</p><a class="read-more" href="https://wpshout.com/webpack-tutorial-for-beginners/"> (read more)</a></div> </div> </div> </article> <article id="post-83214" class="post-83214 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/how-to-write-a-chrome-extension/" rel="bookmark">How to Make a Chrome Extension: Step-by-Step Guide</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" width="100" height="100" class="photo" alt="Hardeep Asrani" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/hardeepasrani/" title="Posts by Hardeep Asrani" rel="author">Hardeep Asrani</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-03T03:19:15+02:00">February 3, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/how-to-write-a-chrome-extension/" rel="bookmark" title="How to Make a Chrome Extension: Step-by-Step Guide"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/06/create-a-google-chrome-extension.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/06/create-a-google-chrome-extension.jpeg" class=" wp-post-image" alt="Create a Google Chrome extension" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Browser extensions can be a great way to put your coding skills to good use and build something that will allow you to do repetitive tasks with just a few clicks. If you want to achieve that, learning how to write a Chrome extension is a great start. In this tutorial, we will show you how to write a Chrome extension that sends browser notifications from a popup menu. We will also use the context menu and data storage APIs to make the most out of it.</p><a class="read-more" href="https://wpshout.com/how-to-write-a-chrome-extension/"> (read more)</a></div> </div> </div> </article> <article id="post-84963" class="post-84963 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design tag-auto-backdate layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-drag-and-drop-website-builders/" rel="bookmark">Best Drag and Drop Website Builders: For Beginners and Pros Alike</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:749/h:791/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/09/joe-warnimont-headshot.jpeg" width="749" height="791" class="photo" alt="Joe Warnimont" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:749/h:791/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/09/joe-warnimont-headshot.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/joe-w/" title="Posts by Joe Warnimont" rel="author">Joe Warnimont</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2021-10-05T15:24:16+03:00" content="2021-10-05">October 5, 2021</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-drag-and-drop-website-builders/" rel="bookmark" title="Best Drag and Drop Website Builders: For Beginners and Pros Alike"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/08/drag-and-drop-website-builder.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/08/drag-and-drop-website-builder.jpeg" class=" wp-post-image" alt="Best drag and drop website builder" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>We’ve researched and compared the top options and found the absolute best drag-and-drop website builders you can get today. </p><a class="read-more" href="https://wpshout.com/best-drag-and-drop-website-builders/"> (read more)</a></div> </div> </div> </article> <article id="post-4650" class="post-4650 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design category-wordpress-tutorials layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/build-a-membership-site-on-wordpress/" rel="bookmark">Complete Tutorial: How to Build a Membership Site on WordPress</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:150/h:151/q:90/f:best/https://wpshout.com/wp-content/uploads/2023/05/Sofia-Lee.jpg" width="150" height="151" class="photo" alt="Sophia Lee" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:150/h:151/q:eco/f:best/https://wpshout.com/wp-content/uploads/2023/05/Sofia-Lee.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/sophia-l/" title="Posts by Sophia Lee" rel="author">Sophia Lee</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-02-02T10:55:31+02:00">February 2, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/build-a-membership-site-on-wordpress/" rel="bookmark" title="Complete Tutorial: How to Build a Membership Site on WordPress"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/membership-site-on-WordPress.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/membership-site-on-WordPress.png" class=" wp-post-image" alt="Membership site on WordPress." decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Creating a membership site on WordPress can be valuable to your new or existing business. In this tutorial, we’ll introduce the tools you’ll need to create a membership site on WordPress, and show you how to set them up.</p><a class="read-more" href="https://wpshout.com/build-a-membership-site-on-wordpress/"> (read more)</a></div> </div> </div> </article> <article id="post-84533" class="post-84533 post type-post status-publish format-standard has-post-thumbnail hentry category-build-a-website category-web-design tag-auto-backdate layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/squarespace-vs-wordpress/" rel="bookmark">Squarespace vs WordPress: Which Is Best for Making a Website in 2021?</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/colin-n.png" width="100" height="100" class="photo" alt="Colin Newcomer" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/colin-n.png" /> <span class="author-name fn"><a href="https://wpshout.com/author/colin-n/" title="Posts by Colin Newcomer" rel="author">Colin Newcomer</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2021-07-19T13:56:56+03:00" content="2021-07-19">July 19, 2021</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/squarespace-vs-wordpress/" rel="bookmark" title="Squarespace vs WordPress: Which Is Best for Making a Website in 2021?"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/07/Squarespace-vs-WordPress.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/07/Squarespace-vs-WordPress.jpeg" class=" wp-post-image" alt="Squarespace vs WordPress" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>In our hands-on Squarespace vs WordPress comparison, we'll dig into those key differences so you can be confident you're picking the best platform for your website. In total, we'll compare these two platforms in five key areas.</p><a class="read-more" href="https://wpshout.com/squarespace-vs-wordpress/"> (read more)</a></div> </div> </div> </article> <article id="post-30792" class="post-30792 post type-post status-publish format-standard has-post-thumbnail hentry category-web-and-app-frameworks category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-free-bootstrap-templates-for-reactjs/" rel="bookmark">20+ Best Free Bootstrap Templates for ReactJS in 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:90/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" width="512" height="512" class="photo" alt="Adelina Tuca" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:512/h:512/q:eco/f:best/https://wpshout.com/wp-content/uploads/2024/01/adelina.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/adelina/" title="Posts by Adelina Tuca" rel="author">Adelina Tuca</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-31T05:08:27+02:00">January 31, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-free-bootstrap-templates-for-reactjs/" rel="bookmark" title="20+ Best Free Bootstrap Templates for ReactJS in 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/03/best-free-bootstrap-templates-for-reactjs.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/03/best-free-bootstrap-templates-for-reactjs.jpg" class=" wp-post-image" alt="best free Bootstrap templates for ReactJS" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Building a nice UI for an admin area of your site or theme can be challenging. There's a lot of parts that you want to make good-looking, but there's also hardly time to really polish things up and make sure that the presentation is pixel-perfect everywhere. This is where some best free Bootstrap templates for ReactJS come into play.</p><a class="read-more" href="https://wpshout.com/best-free-bootstrap-templates-for-reactjs/"> (read more)</a></div> </div> </div> </article> <article id="post-45157" class="post-45157 post type-post status-publish format-standard has-post-thumbnail hentry category-web-and-app-frameworks category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-angular-admin-dashboard-templates/" rel="bookmark">20+ of the Best Angular Admin Dashboard Templates in 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/01/priya.jpeg" width="100" height="100" class="photo" alt="Priya" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/01/priya.jpeg" /> <span class="author-name fn"><a href="https://wpshout.com/author/priya/" title="Posts by Priya" rel="author">Priya</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-28T07:37:16+02:00">January 28, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-angular-admin-dashboard-templates/" rel="bookmark" title="20+ of the Best Angular Admin Dashboard Templates in 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/03/best-angular-admin-dashboard-templates.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/03/best-angular-admin-dashboard-templates.jpg" class=" wp-post-image" alt="Best Angular Admin Dashboard Templates" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Why would you care about best Angular admin dashboard templates? Well, there’s a lot that goes into building any application for the web. But thanks to some great platforms and frameworks, you don’t even have to code each component from scratch.</p><a class="read-more" href="https://wpshout.com/best-angular-admin-dashboard-templates/"> (read more)</a></div> </div> </div> </article> <article id="post-87692" class="post-87692 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/web-development-on-ipad-pro/" rel="bookmark">Web Development on iPad Pro: Beginner’s Guide for 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" width="100" height="100" class="photo" alt="Hardeep Asrani" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/hardeepasrani.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/hardeepasrani/" title="Posts by Hardeep Asrani" rel="author">Hardeep Asrani</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-27T09:59:40+02:00">January 27, 2024</time></li><li class="meta comments last"><a href="https://wpshout.com/web-development-on-ipad-pro/#comments">3 Comments</a></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/web-development-on-ipad-pro/" rel="bookmark" title="Web Development on iPad Pro: Beginner’s Guide for 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/10/web-development-iPad-pro.jpeg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/10/web-development-iPad-pro.jpeg" class=" wp-post-image" alt="iPad Pro for web development" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Ever since iPad Pro was announced, Apple has been billing it as an alternative to laptops. That begs the question, can one do web development on iPad Pro? Find out here. </p><a class="read-more" href="https://wpshout.com/web-development-on-ipad-pro/"> (read more)</a></div> </div> </div> </article> <article id="post-99901" class="post-99901 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/weebly-vs-wordpress/" rel="bookmark">Weebly vs WordPress: Which Is Best for Building a Site in 2024?</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:90/f:best/https://wpshout.com/wp-content/uploads/2021/11/tom.jpg" width="96" height="96" class="photo" alt="Tom Rankin" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:96/h:96/q:eco/f:best/https://wpshout.com/wp-content/uploads/2021/11/tom.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/itswptom/" title="Posts by Tom Rankin" rel="author">Tom Rankin</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-26T08:13:44+02:00">January 26, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/weebly-vs-wordpress/" rel="bookmark" title="Weebly vs WordPress: Which Is Best for Building a Site in 2024?"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2022/08/weebly-vs-WordPress.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2022/08/weebly-vs-WordPress.png" class=" wp-post-image" alt="weebly vs wordpress" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>This post will compare Weebly vs WordPress in a few areas, and at the end, sum up which one you might want to opt for. First, let’s look at what types of site each platform can help you create.</p><a class="read-more" href="https://wpshout.com/weebly-vs-wordpress/"> (read more)</a></div> </div> </div> </article> <article id="post-73771" class="post-73771 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/website-builder-comparison-chart/" rel="bookmark">Website Builder Comparison Chart: 6 Best Website Building Tools and What They Offer</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:192/h:192/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/08/pulkit.jpg" width="192" height="192" class="photo" alt="Pulkit Bhardwaj" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:192/h:192/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/08/pulkit.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/pulkit/" title="Posts by Pulkit Bhardwaj" rel="author">Pulkit Bhardwaj</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-21T05:32:28+02:00">January 21, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/website-builder-comparison-chart/" rel="bookmark" title="Website Builder Comparison Chart: 6 Best Website Building Tools and What They Offer"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/10/Website-builder-comparison-chart.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/10/Website-builder-comparison-chart.jpg" class=" wp-post-image" alt="Website builder comparison chart" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>If you are someone who sees coding as gibberish but still wants to design their own site, then you need to get yourself a website builder! Our website builder comparison chart will help you with that.</p><a class="read-more" href="https://wpshout.com/website-builder-comparison-chart/"> (read more)</a></div> </div> </div> </article> <article id="post-58001" class="post-58001 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/best-front-end-tools/" rel="bookmark">15+ Front-End Tools You Should Know: My Favorite Finds for 2024</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" width="500" height="500" class="photo" alt="Louis Lazaris" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/louis-lazaris/" title="Posts by Louis Lazaris" rel="author">Louis Lazaris</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2024-01-10T09:08:46+02:00">January 10, 2024</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/best-front-end-tools/" rel="bookmark" title="15+ Front-End Tools You Should Know: My Favorite Finds for 2024"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2020/01/best-front-end-tools.jpg" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2020/01/best-front-end-tools.jpg" class=" wp-post-image" alt="Best Front-End Tools" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>In this post, I’m going to round up (with some screenshots and demos) some of the most interesting front-end tools I’ve found that I think you’ll find useful. These aren’t necessarily the most popular tools or the hottest tools, but I think each of them is unique in their use case and deserve a little more attention. These are essentially my favorite finds of the year in front-end tools.</p><a class="read-more" href="https://wpshout.com/best-front-end-tools/"> (read more)</a></div> </div> </div> </article> <article id="post-110824" class="post-110824 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/web-design-trends/" rel="bookmark">5 Web Design Trends to Expect in 2023</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:90/f:best/https://wpshout.com/wp-content/uploads/2018/06/john-h.png" width="100" height="100" class="photo" alt="John Hughes" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:100/h:100/q:eco/f:best/https://wpshout.com/wp-content/uploads/2018/06/john-h.png" /> <span class="author-name fn"><a href="https://wpshout.com/author/john-h/" title="Posts by John Hughes" rel="author">John Hughes</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2023-12-21T23:06:02+02:00">December 21, 2023</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/web-design-trends/" rel="bookmark" title="5 Web Design Trends to Expect in 2023"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2023/01/Main-Web-Design-Trends-to-Expect-This-Year.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2023/01/Main-Web-Design-Trends-to-Expect-This-Year.png" class=" wp-post-image" alt="web design trends 2023" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>Trends pop up in basically every industry, and web design is no exception. From voice-activated interfaces to "scrollytelling," web design trends are all about enhanced usability and incorporating new ways for site visitors to experience websites. In this article, we'll discuss these web design trends and what makes them so popular.</p><a class="read-more" href="https://wpshout.com/web-design-trends/"> (read more)</a></div> </div> </div> </article> <article id="post-130714" class="post-130714 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/will-ai-replace-programmers/" rel="bookmark">Will AI Replace Programmers Sooner Than We Think?</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:150/h:151/q:90/f:best/https://wpshout.com/wp-content/uploads/2023/05/Sofia-Lee.jpg" width="150" height="151" class="photo" alt="Sophia Lee" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:150/h:151/q:eco/f:best/https://wpshout.com/wp-content/uploads/2023/05/Sofia-Lee.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/sophia-l/" title="Posts by Sophia Lee" rel="author">Sophia Lee</a></span></li><li class="meta date posted-on "><time class="entry-date published" datetime="2023-12-21T15:30:00+02:00" content="2023-12-21">December 21, 2023</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/will-ai-replace-programmers/" rel="bookmark" title="Will AI Replace Programmers Sooner Than We Think?"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2023/12/will-AI-replace-programmers.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2023/12/will-AI-replace-programmers.png" class=" wp-post-image" alt="Will AI replace programmers." decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>The rise of Artificial Intelligence (AI) and machine-learning tools like ChatGPT is having a significant impact on the industry of web development. Therefore, you might be wondering: Will AI replace programmers? Let's take a closer look at the current state of AI in web development.</p><a class="read-more" href="https://wpshout.com/will-ai-replace-programmers/"> (read more)</a></div> </div> </div> </article> <article id="post-94176" class="post-94176 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design layout-grid "> <div class="article-content-col"> <div class="content"> <h2 class="blog-entry-title entry-title"><a href="https://wpshout.com/tailwind-css-tutorial/" rel="bookmark">Tailwind CSS Tutorial for Beginners: A Guide to Get Started</a></h2><ul class="nv-meta-list"><li class="meta author vcard ">by <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:90/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" width="500" height="500" class="photo" alt="Louis Lazaris" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:500/h:500/q:eco/f:best/https://wpshout.com/wp-content/uploads/2019/09/lazaris-headshot-500.jpg" /> <span class="author-name fn"><a href="https://wpshout.com/author/louis-lazaris/" title="Posts by Louis Lazaris" rel="author">Louis Lazaris</a></span></li><li class="meta date posted-on nv-show-updated "><time class="updated" datetime="2023-12-20T12:35:00+02:00">December 20, 2023</time></li></ul><div class="nv-post-thumbnail-wrap img-wrap"><a href="https://wpshout.com/tailwind-css-tutorial/" rel="bookmark" title="Tailwind CSS Tutorial for Beginners: A Guide to Get Started"><img data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:90/f:best/https://wpshout.com/wp-content/uploads/2022/03/Tailwind-CSS-Tutorial.png" loading="lazy" width="1387" height="708" src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:1387/h:708/q:eco/f:best/https://wpshout.com/wp-content/uploads/2022/03/Tailwind-CSS-Tutorial.png" class=" wp-post-image" alt="Tailwind CSS Tutorial" decoding="async" /></a></div><div class="excerpt-wrap entry-summary"><p>One of the hottest and admittedly controversial CSS frameworks to land on the front-end scene in recent years is Tailwind CSS, and this Tailwind CSS tutorial for beginners will try to get you up to speed with what it’s all about. I’ll cover the basics, along with why you might want to use a tool like Tailwind CSS to build your web pages, and how Tailwind changes your whole view of HTML and CSS.</p><a class="read-more" href="https://wpshout.com/tailwind-css-tutorial/"> (read more)</a></div> </div> </div> </article> </div><ul class='page-numbers'> <li><span aria-current="page" class="page-numbers current">1</span></li> <li><a class="page-numbers" href="https://wpshout.com/category/web-design/page/2/">2</a></li> <li><a class="page-numbers" href="https://wpshout.com/category/web-design/page/3/">3</a></li> <li><span class="page-numbers dots">…</span></li> <li><a class="page-numbers" href="https://wpshout.com/category/web-design/page/5/">5</a></li> <li><a rel="next" class="next page-numbers" href="https://wpshout.com/category/web-design/page/2/">Next »</a></li> </ul> <div class="w-100"></div> </div> <div class="nv-sidebar-wrap col-sm-12 nv-right blog-sidebar " itemtype="https://schema.org/WPSideBar" itemscope="itemscope" itemid="sidebar"> <aside id="secondary" role="complementary"> <div id="newsletter_widget-2" class="widget widget_newsletter"><p class="widget-title">Get the WPShout Weekly!</p><form action="https://wpshout.com/newsletter" method="post"> <label for="newsletter-email" aria-label="Sidebar Newsletter"> <input type="email" id="newsletter-email" class="emailinput" placeholder="Your e-mail address" required> </label> <input type="submit" id="newsletter-subscribe" name="subscribe" class="subscribe" value="Subscribe"> </form></div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a id="twitter-sidebar" href="https://twitter.com/codeinwp" target="_blank" rel="noopener">Follow us on <svg viewbox="0 0 27 27" xmlns="http://www.w3.org/2000/svg"><path d="M25 6.38a9.14 9.14 0 0 1-2.71.74 4.7 4.7 0 0 0 2.07-2.6 9.32 9.32 0 0 1-3 1.14 4.71 4.71 0 0 0-8 4.29A13.34 13.34 0 0 1 3.62 5 4.77 4.77 0 0 0 3 7.4a4.68 4.68 0 0 0 2.1 3.92 4.53 4.53 0 0 1-2.1-.59.13.13 0 0 0 0 .06 4.72 4.72 0 0 0 3.78 4.62 4.58 4.58 0 0 1-1.24.17 4.24 4.24 0 0 1-.88-.09A4.7 4.7 0 0 0 9 18.76a9.46 9.46 0 0 1-5.84 2A8.47 8.47 0 0 1 2 20.71a13.32 13.32 0 0 0 7.22 2.12 13.31 13.31 0 0 0 13.4-13.4v-.6A9.74 9.74 0 0 0 25 6.38z"></path></svg></a></div></div><div id="block-4" class="widget widget_block"><p class="widget-title">Latest Articles</p></div><div id="block-3" class="widget widget_block widget_recent_entries"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://wpshout.com/wordpress-6-7/">WordPress 6.7 “Rollins” Released, Including a New Default Theme</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wpshout.com/wordpress-brand-voice-and-tone-survey-results/">WordPress Brand Tone and Voice Survey Results Are In: “It’s Not a Unified Brand”</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wpshout.com/gutenberg-background-image-cover-block/">How to Add a Background Image Cover in WordPress – in 1 Minute</a></li> </ul></div> </aside> </div> </div> </div> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/wpshout.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.3"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style></style> </main> <script type="application/ld+json"> [{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Build a Website","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/how-to-build-your-own-website\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"How to Make a Website","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/how-to-make-a-wordpress-website\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"How to Start a\u00a0Blog","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/?p=24196&preview=true&preview_id=24196"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"How to Start an Online Store","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/start-ecommerce-business\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best eCommerce Platforms","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-ecommerce-platform\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Blogging Platforms","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/?p=39559&preview=true&preview_id=39559"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Web Hosting","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/category\/web-hosting\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Web Hosting Comparison","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/web-hosting-comparison-chart\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best WordPress Hosting","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-wordpress-hosting\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Who Is Hosting This Website?","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/who-is-hosting-this\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best WordPress Hosting UK","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-wordpress-hosting-uk\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Cheap WordPress Hosting","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-cheap-wordpress-hosting\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Managed WordPress Hosting","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/managed-wordpress-hosting\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best eCommerce Hosting","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-e-commerce-hosting-solutions\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Software","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-website-design-software\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Email Marketing Tools","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-email-marketing-services\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Email Automation Tools","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-email-marketing-automation-tools\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Password Manager","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-password-manager\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Online Cloud Backup","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-online-cloud-backup-services\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Live Chat Software","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/?p=47440&preview=true&preview_id=47440"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"WordPress","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/what-is-wordpress\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"WordPress Stats","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/wordpress-statistics\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"WordPress.com vs org","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/wordpress-org-vs-wordpress-com\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best Free WordPress Themes","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-free-wordpress-themes\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"Best WordPress Plugins","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/best-wordpress-plugins\/"},{"@context":"http:\/\/schema.org","@type":"SiteNavigationElement","@id":"https:\/\/wpshout.com\/#Main Menu","name":"About Us","url":"https:\/\/wpshout.comhttps:\/\/wpshout.com\/about-us\/"}] </script><div class="before-footer before-footer-footer"> <div class="container"> <p class="featuredon">Featured On</p> <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:707/h:24/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/07/wpsbrands.svg" class="optimole-lazy-only " loading="lazy" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20707%2024%22%20width%3D%22707%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22707%22%20height%3D%2224%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E" alt="Footer Brands" width="707" height="24" /> </div> </div><footer class="site-footer" id="site-footer" > <div class="hfg_footer"> <div class="footer--row footer-top hide-on-mobile hide-on-tablet layout-full-contained" id="cb-row--footer-desktop-top" data-row-id="top" data-show-on="desktop"> <div class="footer--row-inner footer-top-inner footer-content-wrap"> <div class="container"> <div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " data-section="hfg_footer_layout_top" > <div class="hfg-slot left"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-one-widgets" data-section="neve_sidebar-widgets-footer-one-widgets" data-item-id="footer-one-widgets"> <div class="widget-area"> <div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"> <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:200/h:32/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/05/wp-shout-logo-white.svg" class="optimole-lazy-only " width="200" height="32" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20200%2032%22%20width%3D%22200%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22200%22%20height%3D%2232%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E" alt="WPShout logo" style="margin-bottom:30px;"> <div class="footer-about"> WPShout is a hub for advanced WordPress users, developers and savvy business owners. From web design to freelancing and from development to business, your questions are covered. </div> <div itemscope="" itemtype="http://schema.org/Organization" class="social-schema-footer"> <meta itemprop="name" content="Vertigo Studio"> <link itemprop="url" href="https://vertistudio.com/"> <meta itemprop="logo" content="https://vertistudio.com/wp-content/uploads/2018/07/VertiStudio_logo1.png"> <meta itemprop="vatID" content="RO29109287"> <meta itemprop="email" content="friends@themeisle.com"> <meta itemprop="legalName" content="Vertigo Studio SA"> <meta itemprop="foundingDate" content="2012"> <meta itemprop="foundingLocation" content="Bucharest"> <meta itemprop="numberOfEmployees" content="25"> <div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"> <meta itemprop="streetAddress" content="20 Povernei Street, 4th Floor, Flat no. 9"> <meta itemprop="addressLocality" content="Bucharest"> <meta itemprop="addressRegion" content="Bucharest"> <meta itemprop="postalCode" content="010641"> <meta itemprop="addressCountry" content="RO"> </div> <div itemprop="founder" itemscope="" itemtype="http://schema.org/Person"> <meta itemprop="name" content="Ionut Neagu"> </div> <div itemprop="brand" itemscope="" itemtype="http://schema.org/Brand"> <meta itemprop="name" content="WPShout"> <link itemprop="url" href="https://wpshout.com/"> <meta itemprop="logo" content="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/04/wpshout-logo.svg"> <div class="footer-social"> <a itemprop="sameAs" href="https://www.facebook.com/groups/WPShout/" target="_blank" rel="noopener nofollow" aria-label="Facebook"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Facebook"><g data-name="<Group>" id="_Group_"><path d="M21,1.5H3A1.5,1.5,0,0,0,1.5,3V21A1.5,1.5,0,0,0,3,22.5h8.5v-8h-2v-3h2v-2a4,4,0,0,1,4-4h3v3h-3a1,1,0,0,0-1,1v2h4l-.5,3H14.5v8H21A1.5,1.5,0,0,0,22.5,21V3A1.5,1.5,0,0,0,21,1.5Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> <a itemprop="sameAs" href="https://twitter.com/WPShout" target="_blank" rel="noopener nofollow" aria-label="Twitter"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Twitter"><g data-name="<Group>" id="_Group_"><path d="M2,3.5a13.62,13.62,0,0,0,10,5c-.26-1.06-.28-3.94,1.74-5.14A5.24,5.24,0,0,1,16.5,2.5,4.65,4.65,0,0,1,19.91,4a10.5,10.5,0,0,0,3-1.14,4.57,4.57,0,0,1-2,2.57,8.77,8.77,0,0,0,2.66-.66,9.3,9.3,0,0,1-2.38,2.43c.71,6.37-5,14.29-13.12,14.29a14.76,14.76,0,0,1-7.5-2,9.3,9.3,0,0,0,7-2,5.82,5.82,0,0,1-5-3.5c1,.32,1.95.48,2.5,0A5.41,5.41,0,0,1,1,9a3.51,3.51,0,0,0,2.5,1A5,5,0,0,1,2,3.5Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> <a itemprop="sameAs" href="https://www.youtube.com/c/wpshout" target="_blank" rel="noopener nofollow" aria-label="Youtube"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g data-name="Youtube 1" id="Youtube_1"><g data-name="<Group>" id="_Group_"><g data-name="<Group>" id="_Group_2"><polygon data-name="<Path>" points="9.5 7.5 9.5 16.5 16.5 12 9.5 7.5" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></polygon></g><path d="M3.13,4.17,5,3.93a56.22,56.22,0,0,1,7-.43h0a56.22,56.22,0,0,1,7,.43l1.9.24a3,3,0,0,1,2.63,3v9.7a3,3,0,0,1-2.63,3l-1.9.24a56.22,56.22,0,0,1-7,.43h0a56.22,56.22,0,0,1-7-.43l-1.9-.24a3,3,0,0,1-2.63-3V7.15A3,3,0,0,1,3.13,4.17Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> </div> </div> </div> </div></div></div></div> </div> </div> </div></div><div class="hfg-slot c-left"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-two-widgets" data-section="neve_sidebar-widgets-footer-two-widgets" data-item-id="footer-two-widgets"> <div class="widget-area"> <div id="nav_menu-5" class="widget widget_nav_menu"><p class="widget-title">Our Network</p><div class="menu-footer-our-network-container"><ul id="footer-two-widgets" class="menu"><li id="menu-item-33016" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33016"><a target="_blank" rel="noopener" href="https://themeisle.com/">Themeisle</a></li> <li id="menu-item-40372" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-40372"><a target="_blank" rel="noopener" href="https://optimole.com/">Optimole</a></li> <li id="menu-item-33019" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33019"><a target="_blank" rel="noopener" href="https://domainwheel.com">Domain Wheel</a></li> <li id="menu-item-145620" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145620"><a href="https://paymentsplugin.com">WP Full Pay</a></li> <li id="menu-item-33017" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33017"><a target="_blank" rel="noopener" href="https://revive.social/">Revive Social</a></li> </ul></div></div><div id="custom_html-6" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><span class="footer-caret" on="tap:footer-two-widgets.toggleClass(class=showmenu),custom_html-5.toggleClass(class=rotate)" role="button" aria-label="Open Second Navigation Menu" tabindex="0"></span></div></div> </div> </div> </div></div><div class="hfg-slot center"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-three-widgets" data-section="neve_sidebar-widgets-footer-three-widgets" data-item-id="footer-three-widgets"> <div class="widget-area"> <div id="nav_menu-10" class="widget widget_nav_menu"><p class="widget-title">Free Resources</p><div class="menu-free-resources-container"><ul id="footer-three-widgets" class="menu"><li id="menu-item-140672" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140672"><a href="https://wpshout.com/courses/">WordPress Developer Courses</a></li> <li id="menu-item-140673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140673"><a href="https://wpshout.com/snippets/">Code Snippets</a></li> <li id="menu-item-140674" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140674"><a href="https://wpshout.com/jadro/">Jadro FSE Theme</a></li> <li id="menu-item-140675" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140675"><a href="https://wpshout.com/who-is-hosting-this/">Who Is Hosting This Website?</a></li> <li id="menu-item-140676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140676"><a href="https://wpshout.com/find-out-what-wordpress-theme-is-that/">What WordPress Theme Is That?</a></li> <li id="menu-item-140678" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140678"><a href="https://wpshout.com/pattern-collection/">Pattern Collection</a></li> </ul></div></div><div id="custom_html-7" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><span class="footer-caret" on="tap:footer-three-widgets.toggleClass(class=showmenu),custom_html-6.toggleClass(class=rotate)" role="button" aria-label="Open Third Navigation Menu" tabindex="0"></span></div></div> </div> </div> </div></div> </div> </div> </div> </div> <div class="footer--row footer-bottom hide-on-mobile hide-on-tablet layout-full-contained" id="cb-row--footer-desktop-bottom" data-row-id="bottom" data-show-on="desktop"> <div class="footer--row-inner footer-bottom-inner footer-content-wrap"> <div class="container"> <div class="hfg-grid nv-footer-content hfg-grid-bottom row--wrapper row " data-section="hfg_footer_layout_bottom" > <div class="hfg-slot left"><div class="builder-item desktop-center tablet-left mobile-left"><div class="item--inner builder-item--footer-four-widgets" data-section="neve_sidebar-widgets-footer-four-widgets" data-item-id="footer-four-widgets"> <div class="widget-area"> <div id="nav_menu-8" class="widget widget_nav_menu"><div class="menu-footer-navigation-container"><ul id="menu-footer-navigation" class="menu"><li id="menu-item-128906" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128906"><a href="https://wpshout.com/about-us/">About Us</a></li> <li id="menu-item-128933" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128933"><a href="https://wpshout.com/editorial-policy/">Editorial Policy</a></li> <li id="menu-item-33085" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33085"><a href="https://wpshout.com/contact/">Contact</a></li> <li id="menu-item-33084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33084"><a href="https://wpshout.com/newsletter/">Newsletter</a></li> <li id="menu-item-34047" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34047"><a href="https://wpshout.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-68361" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68361"><a href="https://wpshout.com/blog/">Latest Articles</a></li> </ul></div></div> </div> </div> </div><div class="builder-item desktop-center tablet-center mobile-center"><div class="item--inner builder-item--footer_copyright" data-section="footer_copyright" data-item-id="footer_copyright"> <div class="component-wrap"> <div> Copyright © 2012-2024 <a href="https://wpshout.com">WPShout</a> | All rights reserved | Powered by <a href="https://vertistudio.com/" target="_blank" rel="noopener">VertiStudio</a><br />Enjoy the rest of your <span id="week-day-footer">Friday</span> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="footer--row footer-top hide-on-desktop layout-full-contained" id="cb-row--footer-mobile-top" data-row-id="top" data-show-on="mobile"> <div class="footer--row-inner footer-top-inner footer-content-wrap"> <div class="container"> <div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " data-section="hfg_footer_layout_top" > <div class="hfg-slot left"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-one-widgets" data-section="neve_sidebar-widgets-footer-one-widgets" data-item-id="footer-one-widgets"> <div class="widget-area"> <div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"> <img decoding=async data-opt-src="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:200/h:32/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/05/wp-shout-logo-white.svg" class="optimole-lazy-only " width="200" height="32" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20200%2032%22%20width%3D%22200%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22200%22%20height%3D%2232%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E" alt="WPShout logo" style="margin-bottom:30px;"> <div class="footer-about"> WPShout is a hub for advanced WordPress users, developers and savvy business owners. From web design to freelancing and from development to business, your questions are covered. </div> <div itemscope="" itemtype="http://schema.org/Organization" class="social-schema-footer"> <meta itemprop="name" content="Vertigo Studio"> <link itemprop="url" href="https://vertistudio.com/"> <meta itemprop="logo" content="https://vertistudio.com/wp-content/uploads/2018/07/VertiStudio_logo1.png"> <meta itemprop="vatID" content="RO29109287"> <meta itemprop="email" content="friends@themeisle.com"> <meta itemprop="legalName" content="Vertigo Studio SA"> <meta itemprop="foundingDate" content="2012"> <meta itemprop="foundingLocation" content="Bucharest"> <meta itemprop="numberOfEmployees" content="25"> <div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"> <meta itemprop="streetAddress" content="20 Povernei Street, 4th Floor, Flat no. 9"> <meta itemprop="addressLocality" content="Bucharest"> <meta itemprop="addressRegion" content="Bucharest"> <meta itemprop="postalCode" content="010641"> <meta itemprop="addressCountry" content="RO"> </div> <div itemprop="founder" itemscope="" itemtype="http://schema.org/Person"> <meta itemprop="name" content="Ionut Neagu"> </div> <div itemprop="brand" itemscope="" itemtype="http://schema.org/Brand"> <meta itemprop="name" content="WPShout"> <link itemprop="url" href="https://wpshout.com/"> <meta itemprop="logo" content="https://iotvnaw69daj.i.optimole.com/cb:mLvy.66914/w:auto/h:auto/q:90/f:best/ig:avif/https://wpshout.com/wp-content/uploads/2024/04/wpshout-logo.svg"> <div class="footer-social"> <a itemprop="sameAs" href="https://www.facebook.com/groups/WPShout/" target="_blank" rel="noopener nofollow" aria-label="Facebook"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Facebook"><g data-name="<Group>" id="_Group_"><path d="M21,1.5H3A1.5,1.5,0,0,0,1.5,3V21A1.5,1.5,0,0,0,3,22.5h8.5v-8h-2v-3h2v-2a4,4,0,0,1,4-4h3v3h-3a1,1,0,0,0-1,1v2h4l-.5,3H14.5v8H21A1.5,1.5,0,0,0,22.5,21V3A1.5,1.5,0,0,0,21,1.5Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> <a itemprop="sameAs" href="https://twitter.com/WPShout" target="_blank" rel="noopener nofollow" aria-label="Twitter"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Twitter"><g data-name="<Group>" id="_Group_"><path d="M2,3.5a13.62,13.62,0,0,0,10,5c-.26-1.06-.28-3.94,1.74-5.14A5.24,5.24,0,0,1,16.5,2.5,4.65,4.65,0,0,1,19.91,4a10.5,10.5,0,0,0,3-1.14,4.57,4.57,0,0,1-2,2.57,8.77,8.77,0,0,0,2.66-.66,9.3,9.3,0,0,1-2.38,2.43c.71,6.37-5,14.29-13.12,14.29a14.76,14.76,0,0,1-7.5-2,9.3,9.3,0,0,0,7-2,5.82,5.82,0,0,1-5-3.5c1,.32,1.95.48,2.5,0A5.41,5.41,0,0,1,1,9a3.51,3.51,0,0,0,2.5,1A5,5,0,0,1,2,3.5Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> <a itemprop="sameAs" href="https://www.youtube.com/c/wpshout" target="_blank" rel="noopener nofollow" aria-label="Youtube"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g data-name="Youtube 1" id="Youtube_1"><g data-name="<Group>" id="_Group_"><g data-name="<Group>" id="_Group_2"><polygon data-name="<Path>" points="9.5 7.5 9.5 16.5 16.5 12 9.5 7.5" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></polygon></g><path d="M3.13,4.17,5,3.93a56.22,56.22,0,0,1,7-.43h0a56.22,56.22,0,0,1,7,.43l1.9.24a3,3,0,0,1,2.63,3v9.7a3,3,0,0,1-2.63,3l-1.9.24a56.22,56.22,0,0,1-7,.43h0a56.22,56.22,0,0,1-7-.43l-1.9-.24a3,3,0,0,1-2.63-3V7.15A3,3,0,0,1,3.13,4.17Z" data-name="<Path>" style="fill:none;stroke-linecap:round;stroke-linejoin:round"></path></g></g></svg> </a> </div> </div> </div> </div></div></div></div> </div> </div> </div></div><div class="hfg-slot c-left"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-two-widgets" data-section="neve_sidebar-widgets-footer-two-widgets" data-item-id="footer-two-widgets"> <div class="widget-area"> <div id="nav_menu-5" class="widget widget_nav_menu"><p class="widget-title">Our Network</p><div class="menu-footer-our-network-container"><ul id="footer-two-widgets" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33016"><a target="_blank" rel="noopener" href="https://themeisle.com/">Themeisle</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-40372"><a target="_blank" rel="noopener" href="https://optimole.com/">Optimole</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33019"><a target="_blank" rel="noopener" href="https://domainwheel.com">Domain Wheel</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145620"><a href="https://paymentsplugin.com">WP Full Pay</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33017"><a target="_blank" rel="noopener" href="https://revive.social/">Revive Social</a></li> </ul></div></div><div id="custom_html-6" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><span class="footer-caret" on="tap:footer-two-widgets.toggleClass(class=showmenu),custom_html-5.toggleClass(class=rotate)" role="button" aria-label="Open Second Navigation Menu" tabindex="0"></span></div></div> </div> </div> </div></div><div class="hfg-slot center"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer-three-widgets" data-section="neve_sidebar-widgets-footer-three-widgets" data-item-id="footer-three-widgets"> <div class="widget-area"> <div id="nav_menu-10" class="widget widget_nav_menu"><p class="widget-title">Free Resources</p><div class="menu-free-resources-container"><ul id="footer-three-widgets" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140672"><a href="https://wpshout.com/courses/">WordPress Developer Courses</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140673"><a href="https://wpshout.com/snippets/">Code Snippets</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140674"><a href="https://wpshout.com/jadro/">Jadro FSE Theme</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140675"><a href="https://wpshout.com/who-is-hosting-this/">Who Is Hosting This Website?</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140676"><a href="https://wpshout.com/find-out-what-wordpress-theme-is-that/">What WordPress Theme Is That?</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140678"><a href="https://wpshout.com/pattern-collection/">Pattern Collection</a></li> </ul></div></div><div id="custom_html-7" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><span class="footer-caret" on="tap:footer-three-widgets.toggleClass(class=showmenu),custom_html-6.toggleClass(class=rotate)" role="button" aria-label="Open Third Navigation Menu" tabindex="0"></span></div></div> </div> </div> </div></div> </div> </div> </div> </div> <div class="footer--row footer-bottom hide-on-desktop layout-full-contained" id="cb-row--footer-mobile-bottom" data-row-id="bottom" data-show-on="mobile"> <div class="footer--row-inner footer-bottom-inner footer-content-wrap"> <div class="container"> <div class="hfg-grid nv-footer-content hfg-grid-bottom row--wrapper row " data-section="hfg_footer_layout_bottom" > <div class="hfg-slot left"><div class="builder-item desktop-center tablet-left mobile-left"><div class="item--inner builder-item--footer-four-widgets" data-section="neve_sidebar-widgets-footer-four-widgets" data-item-id="footer-four-widgets"> <div class="widget-area"> <div id="nav_menu-8" class="widget widget_nav_menu"><div class="menu-footer-navigation-container"><ul id="menu-footer-navigation-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128906"><a href="https://wpshout.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128933"><a href="https://wpshout.com/editorial-policy/">Editorial Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33085"><a href="https://wpshout.com/contact/">Contact</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33084"><a href="https://wpshout.com/newsletter/">Newsletter</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34047"><a href="https://wpshout.com/privacy-policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68361"><a href="https://wpshout.com/blog/">Latest Articles</a></li> </ul></div></div> </div> </div> </div><div class="builder-item desktop-center tablet-center mobile-center"><div class="item--inner builder-item--footer_copyright" data-section="footer_copyright" data-item-id="footer_copyright"> <div class="component-wrap"> <div> Copyright © 2012-2024 <a href="https://wpshout.com">WPShout</a> | All rights reserved | Powered by <a href="https://vertistudio.com/" target="_blank" rel="noopener">VertiStudio</a><br />Enjoy the rest of your <span id="week-day-footer">Friday</span> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </footer> </div>  <style type="text/css" media="all"></style> <div id="has-highlight-and-share"><div class="highlight-and-share-wrapper theme-custom orientation-horizontal hide-has-labels"> <style></style> <style></style> <div class="has_twitter has-tooltip" style="display: none;" data-type="twitter" data-tooltip="Share on X"><a href="https://x.com/intent/tweet?via=%username%&url=%url%&text=%prefix%%text%%suffix%&hashtags=%hashtags%" target="_blank" rel="nofollow"><svg class="has-icon"><use xlink:href="#has-twitter-icon"></use></svg><span class="has-text"> Share This</span></a></div><div class="has_facebook has-tooltip" style="display: none;" data-type="facebook" data-tooltip="Share on Facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=%url%&t=%title%" target="_blank" rel="nofollow"><svg class="has-icon"><use xlink:href="#has-facebook-icon"></use></svg><span class="has-text"> Facebook</span></a></div><div class="has_whatsapp has-tooltip" style="display: none;" data-type="whatsapp" data-tooltip="Share on WhatsApp"><a href="https://api.whatsapp.com/send?text=%prefix%%text%%suffix%: %url%" target="_blank" rel="nofollow"><svg class="has-icon"><use xlink:href="#has-whatsapp-icon"></use></svg><span class="has-text"> WhatsApp</span></a></div><div class="has_linkedin has-tooltip" style="display: none;" data-type="linkedin" data-tooltip="Share on LinkedIn"><a href="https://www.linkedin.com/sharing/share-offsite/?mini=true&url=%url%&title=%title%" target="_blank" rel="nofollow"><svg class="has-icon"><use xlink:href="#has-linkedin-icon"></use></svg><span class="has-text"> LinkedIn</span></a></div><div class="has_copy has-tooltip" style="display: none;" data-type="copy" data-tooltip="Copy Selection"><a href="#"><svg class="has-icon" rel="nofollow"><use xlink:href="#has-copy-icon"></use></svg><span class="has-text"> Copy</span></a></div></div></div> <svg width="0" height="0" class="hidden" style="display: none;"> <symbol aria-hidden="true" data-prefix="fas" data-icon="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="has-twitter-icon"> <g><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="facebook" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" id="has-facebook-icon"> <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="at" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="has-email-icon"> <path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="linkedin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-linkedin-icon"> <path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="xing" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" id="has-xing-icon"> <path fill="currentColor" d="M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="whatsapp" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-whatsapp-icon"> <path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-copy-icon"> <path fill="currentColor" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fas" data-icon="share" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-share-icon"> <path fill="currentColor" d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="reddit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="has-reddit-icon"> <path fill="currentColor" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="telegram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-telegram-icon"> <path fill="currentColor" d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"></path> </symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="signal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" id="has-signal-icon"> <g> <path d="M97.2800192,3.739673 L100.160021,15.3787704 C88.8306631,18.1647705 77.9879854,22.6484879 68.0000023,28.6777391 L61.8399988,18.3985363 C72.8467373,11.7537029 84.7951803,6.81153332 97.2800192,3.739673 Z M158.720055,3.739673 L155.840053,15.3787704 C167.169411,18.1647705 178.012089,22.6484879 188.000072,28.6777391 L194.200075,18.3985363 C183.180932,11.7499974 171.218739,6.80771878 158.720055,3.739673 L158.720055,3.739673 Z M18.3999736,61.8351679 C11.7546212,72.8410466 6.81206547,84.7885562 3.73996516,97.2724198 L15.3799719,100.152197 C18.1661896,88.8237238 22.6502573,77.981893 28.6799796,67.9946902 L18.3999736,61.8351679 Z M11.9999699,127.990038 C11.9961044,122.172725 12.4306685,116.363392 13.2999707,110.611385 L1.43996383,108.811525 C-0.479938607,121.525138 -0.479938607,134.454937 1.43996383,147.168551 L13.2999707,145.36869 C12.4306685,139.616684 11.9961044,133.807351 11.9999699,127.990038 L11.9999699,127.990038 Z M194.160075,237.581539 L188.000072,227.302336 C178.024494,233.327885 167.195565,237.811494 155.880053,240.601305 L158.760055,252.240403 C171.231048,249.164732 183.165742,244.222671 194.160075,237.581539 L194.160075,237.581539 Z M244.000104,127.990038 C244.00397,133.807351 243.569406,139.616684 242.700103,145.36869 L254.56011,147.168551 C256.480013,134.454937 256.480013,121.525138 254.56011,108.811525 L242.700103,110.611385 C243.569406,116.363392 244.00397,122.172725 244.000104,127.990038 Z M252.260109,158.707656 L240.620102,155.827879 C237.833884,167.156352 233.349817,177.998183 227.320094,187.985385 L237.6001,194.184905 C244.249159,183.166622 249.191823,171.205364 252.260109,158.707656 L252.260109,158.707656 Z M145.380047,242.701142 C133.858209,244.43447 122.141865,244.43447 110.620027,242.701142 L108.820026,254.560223 C121.534632,256.479975 134.465442,256.479975 147.180048,254.560223 L145.380047,242.701142 Z M221.380091,196.804701 C214.461479,206.174141 206.175877,214.452354 196.800077,221.362797 L203.920081,231.022048 C214.262958,223.418011 223.404944,214.303705 231.040097,203.984145 L221.380091,196.804701 Z M196.800077,34.6172785 C206.177345,41.5338058 214.463023,49.8188367 221.380091,59.1953726 L231.040097,51.9959309 C223.429284,41.6822474 214.31457,32.5682452 204.000081,24.9580276 L196.800077,34.6172785 Z M34.619983,59.1953726 C41.5370506,49.8188367 49.8227288,41.5338058 59.1999972,34.6172785 L51.9999931,24.9580276 C41.6855038,32.5682452 32.5707896,41.6822474 24.9599774,51.9959309 L34.619983,59.1953726 Z M237.6001,61.8351679 L227.320094,67.9946902 C233.346114,77.969489 237.830073,88.7975718 240.620102,100.1122 L252.260109,97.2324229 C249.184198,84.7624043 244.241751,72.8286423 237.6001,61.8351679 L237.6001,61.8351679 Z M110.620027,13.2989317 C122.141865,11.5656035 133.858209,11.5656035 145.380047,13.2989317 L147.180048,1.43985134 C134.465442,-0.479901112 121.534632,-0.479901112 108.820026,1.43985134 L110.620027,13.2989317 Z M40.7799866,234.201801 L15.9999722,239.981353 L21.7799756,215.203275 L10.0999688,212.463487 L4.3199655,237.241566 C3.3734444,241.28318 4.58320332,245.526897 7.51859925,248.462064 C10.4539952,251.39723 14.6980441,252.606895 18.7399738,251.660448 L43.4999881,245.980888 L40.7799866,234.201801 Z M12.5999703,201.764317 L24.279977,204.484106 L28.2799793,187.305438 C22.4496684,177.507146 18.1025197,166.899584 15.3799719,155.827879 L3.73996516,158.707656 C6.34937618,169.311891 10.3154147,179.535405 15.539972,189.125297 L12.5999703,201.764317 Z M68.6000027,227.762301 L51.4199927,231.761991 L54.1399943,243.441085 L66.7800016,240.501313 C76.3706428,245.725462 86.5949557,249.691191 97.2000192,252.300398 L100.080021,240.6613 C89.0307035,237.906432 78.4495684,233.532789 68.6800027,227.682307 L68.6000027,227.762301 Z M128.000037,23.9980665 C90.1565244,24.0177003 55.3105242,44.590631 37.01511,77.715217 C18.7196958,110.839803 19.8628631,151.287212 39.9999861,183.325747 L29.9999803,225.982439 L72.660005,215.983214 C110.077932,239.548522 158.307237,236.876754 192.892851,209.322653 C227.478464,181.768552 240.856271,135.358391 226.242944,93.6248278 C211.629616,51.8912646 172.221191,23.9617202 128.000037,23.9980665 Z" fill="currentColor"></path> </g> </symbol> <symbol aria-hidden="true" data-prefix="ok" data-icon="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="has-ok-icon"> <g> <path fill="currentColor" d="M357.1,324.5c-24.1,15.3-57.2,21.4-79.1,23.6l18.4,18.1l67,67c24.5,25.1-15.4,64.4-40.2,40.2c-16.8-17-41.4-41.6-67-67.3 l-67,67.2c-24.8,24.2-64.7-15.5-39.9-40.2c17-17,41.4-41.6,67-67l18.1-18.1c-21.6-2.3-55.3-8-79.6-23.6 c-28.6-18.5-41.2-29.3-30.1-51.8c6.5-12.8,24.3-23.6,48-5c0,0,31.9,25.4,83.4,25.4s83.4-25.4,83.4-25.4c23.6-18.5,41.4-7.8,48,5 C398.3,295.1,385.7,305.9,357.1,324.5L357.1,324.5z M142,145c0-63,51.2-114,114-114s114,51,114,114c0,62.7-51.2,113.7-114,113.7 S142,207.7,142,145L142,145z M200,145c0,30.8,25.1,56,56,56s56-25.1,56-56c0-31.1-25.1-56.2-56-56.2S200,113.9,200,145z"/> </g> </symbol> <symbol aria-hidden="true" data-prefix="vk" data-icon="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 700" id="has-vk-icon"> <g style="fill:none;fill-rule:evenodd" transform="translate(0,664)" > <path fill="currentColor" d="m 1073.3513,-606.40537 h 196.278 c 179.2103,0 221.8795,42.66915 221.8795,221.8795 v 196.27799 c 0,179.2103512 -42.6692,221.879451 -221.8795,221.879451 h -196.278 c -179.21038,0 -221.87951,-42.6691298 -221.87951,-221.879451 v -196.27801 c 0,-179.21035 42.66913,-221.87946 221.87951,-221.87948 z" /> <path fill="currentColor" d="m 1375.0576,-393.98425 c 2.9513,-9.7072 0,-16.85429 -14.1342,-16.85429 h -46.6693 c -11.8763,0 -17.3521,6.16927 -20.3212,12.97854 0,0 -23.7347,56.82106 -57.3544,93.74763 -10.8806,10.66728 -15.8232,14.08081 -21.7613,14.08081 -2.969,0 -7.2715,-3.39577 -7.2715,-13.12075 v -90.83194 c 0,-11.66288 -3.4491,-16.85429 -13.3341,-16.85429 h -73.3553 c -7.4138,0 -11.8763,5.40476 -11.8763,10.54286 0,11.0406 16.8188,13.60078 18.5433,44.67814 v 67.52388 c 0,14.80973 -2.7202,17.49433 -8.6583,17.49433 -15.8231,0 -54.3143,-57.08773 -77.16,-122.40705 -4.4447,-12.71185 -8.9427,-17.83214 -20.8723,-17.83214 h -46.68718 c -13.3341,0 -16.0009,6.16925 -16.0009,12.97852 0,12.12515 15.8232,72.35973 73.69318,152.02656 38.58,54.40315 92.8942,83.89819 142.3726,83.89819 29.6729,0 33.3353,-6.54262 33.3353,-17.83216 v -41.12238 c 0,-13.10297 2.809,-15.71646 12.214,-15.71646 6.9338,0 18.7922,3.41353 46.4916,29.63728 31.6463,31.09512 36.8555,45.03372 54.6698,45.03372 h 46.6694 c 13.3341,0 20.0189,-6.54262 16.1787,-19.46781 -4.2313,-12.88962 -19.3433,-31.57515 -39.38,-53.74532 -10.8807,-12.62294 -27.2016,-26.22375 -32.1441,-33.03302 -6.9338,-8.72941 -4.9603,-12.62294 0,-20.39227 0,0 56.8566,-78.68897 62.7947,-105.41058 z" /> <path fill="currentColor" d="m 567.69877,-429.06912 c 3.15618,-10.38133 0,-18.0247 -15.11579,-18.0247 h -49.91013 c -12.70096,0 -18.55706,6.59763 -21.73232,13.87977 0,0 -25.38286,60.76685 -61.33724,100.25768 -11.63627,11.40806 -16.92197,15.05863 -23.27242,15.05863 -3.17519,0 -7.77644,-3.63156 -7.77644,-14.0319 v -97.13948 c 0,-12.47278 -3.68869,-18.0247 -14.26014,-18.0247 h -78.44923 c -7.92857,0 -12.70097,5.78005 -12.70097,11.27491 0,11.80736 17.98666,14.54527 19.83094,47.78071 v 72.21293 c 0,15.83815 -2.9091,18.70918 -9.25948,18.70918 -16.92197,0 -58.08598,-61.05206 -82.51817,-130.90731 -4.75337,-13.59458 -9.56381,-19.07042 -22.32175,-19.07042 h -49.92915 c -14.26014,0 -17.11213,6.59763 -17.11213,13.87977 0,12.96714 16.92197,77.38454 78.81059,162.58363 41.25909,58.18101 99.34506,89.72424 152.25931,89.72424 31.73343,0 35.65018,-6.99691 35.65018,-19.07043 v -43.978 c 0,-14.01288 3.00405,-16.80786 13.0622,-16.80786 7.41521,0 20.09716,3.65057 49.71998,31.69536 33.84387,33.25443 39.41486,48.16093 58.46622,48.16093 h 49.91026 c 14.26,0 21.40913,-6.99691 17.30216,-20.81966 -4.5252,-13.78473 -20.68653,-33.76783 -42.11468,-57.47752 -11.63621,-13.49953 -29.09043,-28.04479 -34.37631,-35.32694 -7.41508,-9.33557 -5.30458,-13.4995 0,-21.80835 0,0 60.80491,-84.15334 67.15549,-112.73048 z" /> </g> </symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="tumblr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" id="has-tumblr"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"></path></symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="share" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="has-webshare-icon"><path fill="currentColor" d="M512 208L320 384H288V288H208c-61.9 0-112 50.1-112 112c0 48 32 80 32 80s-128-48-128-176c0-97.2 78.8-176 176-176H288V32h32L512 208z"/></symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" id="has-x"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"></path></symbol> <symbol aria-hidden="true" data-prefix="fab" data-icon="mastodon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="has-mastodon"><path fill="currentColor" d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></symbol> </svg> <div id="has-mastodon-prompt" aria-hidden="true" style="display: none"> <h3>Share on Mastodon</h3> <div class="mastodon-input-prompt"> <form class="has-mastodon-form"> <label><span class="has-mastodon-label">Enter your Mastodon instance URL (optional)</span><input type="text" placeholder="https://mastodon.social" tabindex="0" /></label> <button id="has-mastodon-submit" tabindex="0" class="button button-primary">Share</button> </form> </div> </div> <script data-minify="1" defer src="https://wpshout.com/wp-content/cache/min/1/wp-content/plugins/otter-blocks/build/blocks/accordion.js?ver=1730107288" id="otter-accordion-js" defer></script> <script defer src="https://wpshout.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script defer src="https://wpshout.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="ta_main_js-js-extra"> var thirsty_global_vars = {"home_url":"\/\/wpshout.com","ajax_url":"https:\/\/wpshout.com\/wp-admin\/admin-ajax.php","link_fixer_enabled":"","link_prefix":"go","link_prefixes":{"0":"recommends","4":"go"},"post_id":"46620","enable_record_stats":"yes","enable_js_redirect":"yes","disable_thirstylink_class":""}; </script> <script data-minify="1" defer src="https://wpshout.com/wp-content/cache/min/1/wp-content/plugins/thirstyaffiliates/js/app/ta.js?ver=1730105670" id="ta_main_js-js"></script> <script id="tap-gct-js-extra"> var tap_gct_vars = {"action_name":"TA Affiliate Link","page_slug":"\/category\/web-design\/","home_url":"https:\/\/wpshout.com","script_type":"gtm","ga_func_name":"dataLayer.push","event_action":"link_uri"}; </script> <script data-minify="1" defer src="https://wpshout.com/wp-content/cache/min/1/wp-content/plugins/thirstyaffiliates-pro/js/app/tap-gct.js?ver=1730105670" id="tap-gct-js"></script> <script 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":"\/who-is-hosting-this\/|\/blog\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/go\/","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:\/\/wpshout.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script 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 defer src="https://wpshout.com/wp-content/themes/codeinwp2018/assets/build/general.min.js?ver=1.0.76" id="cwp-main-js"></script> <script id="neve-script-js-extra"> var NeveProperties = {"ajaxurl":"https:\/\/wpshout.com\/wp-admin\/admin-ajax.php","nonce":"68d27bcc43","isRTL":"","isCustomize":""}; </script> <script data-minify="1" defer src="https://wpshout.com/wp-content/cache/min/1/wp-content/themes/neve/assets/js/build/modern/frontend.js?ver=1730105670" id="neve-script-js" async></script> <script id="neve-script-js-after"> var html = document.documentElement; var theme = html.getAttribute('data-neve-theme') || 'light'; var variants = {"logo":{"light":{"src":"https:\/\/iotvnaw69daj.i.optimole.com\/cb:mLvy.66914\/w:auto\/h:auto\/q:90\/f:best\/ig:avif\/https:\/\/wpshout.com\/wp-content\/uploads\/2024\/05\/wpshout-logo.svg","srcset":false,"sizes":""},"dark":{"src":"https:\/\/iotvnaw69daj.i.optimole.com\/cb:mLvy.66914\/w:auto\/h:auto\/q:90\/f:best\/ig:avif\/https:\/\/wpshout.com\/wp-content\/uploads\/2024\/05\/wpshout-logo.svg","srcset":false,"sizes":""},"same":true},"logo_2":{"light":{"src":"https:\/\/iotvnaw69daj.i.optimole.com\/cb:mLvy.66914\/w:auto\/h:auto\/q:90\/f:best\/ig:avif\/https:\/\/wpshout.com\/wp-content\/uploads\/2018\/05\/codeinwp-logo.svg","srcset":false,"sizes":false},"dark":{"src":"https:\/\/iotvnaw69daj.i.optimole.com\/cb:mLvy.66914\/w:auto\/h:auto\/q:90\/f:best\/ig:avif\/https:\/\/wpshout.com\/wp-content\/uploads\/2018\/05\/codeinwp-logo.svg","srcset":false,"sizes":false},"same":true}}; function setCurrentTheme( theme ) { var pictures = document.getElementsByClassName( 'neve-site-logo' ); for(var i = 0; i<pictures.length; i++) { var picture = pictures.item(i); if( ! picture ) { continue; }; var fileExt = picture.src.slice((Math.max(0, picture.src.lastIndexOf(".")) || Infinity) + 1); if ( fileExt === 'svg' ) { picture.removeAttribute('width'); picture.removeAttribute('height'); picture.style = 'width: var(--maxwidth)'; } var compId = picture.getAttribute('data-variant'); if ( compId && variants[compId] ) { var isConditional = variants[compId]['same']; if ( theme === 'light' || isConditional || variants[compId]['dark']['src'] === false ) { picture.src = variants[compId]['light']['src']; picture.srcset = variants[compId]['light']['srcset'] || ''; picture.sizes = variants[compId]['light']['sizes']; continue; }; picture.src = variants[compId]['dark']['src']; picture.srcset = variants[compId]['dark']['srcset'] || ''; picture.sizes = variants[compId]['dark']['sizes']; }; }; }; var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type == 'attributes') { theme = html.getAttribute('data-neve-theme'); setCurrentTheme(theme); }; }); }); observer.observe(html, { attributes: true }); function toggleAriaClick() { function toggleAriaExpanded(toggle = 'true') { document.querySelectorAll('button.navbar-toggle').forEach(function(el) { if ( el.classList.contains('caret-wrap') ) { return; } el.setAttribute('aria-expanded', 'true' === el.getAttribute('aria-expanded') ? 'false' : toggle); }); } toggleAriaExpanded(); if ( document.body.hasAttribute('data-ftrap-listener') ) { return; } document.body.setAttribute('data-ftrap-listener', 'true'); document.addEventListener('ftrap-end', function() { toggleAriaExpanded('false'); }); } var menuCarets=document.querySelectorAll(".nav-ul li > .wrap > .caret");menuCarets.forEach(function(e){e.addEventListener("keydown",e=>{13===e.keyCode&&(e.target.parentElement.classList.toggle("active"),e.target.getAttribute("aria-pressed")&&e.target.setAttribute("aria-pressed","true"===e.target.getAttribute("aria-pressed")?"false":"true"))}),e.parentElement.parentElement.addEventListener("focusout",t=>{!e.parentElement.parentElement.contains(t.relatedTarget)&&(e.parentElement.classList.remove("active"),e.setAttribute("aria-pressed","false"))})}); function initNoLinkDD() { var noLinkDDs = document.querySelectorAll( '.header-menu-sidebar-inner .menu-item-has-children a[href="#"]' ); if( noLinkDDs.length < 1 ) { return; } noLinkDDs.forEach( function (noLinkDD) { var dropdownButton = noLinkDD.parentElement.querySelector('button'); noLinkDD.addEventListener('click', function (e) { e.preventDefault(); dropdownButton.click(); }); }); } window.addEventListener('DOMContentLoaded', initNoLinkDD); </script> <script defer src="https://wpshout.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script defer src="https://wpshout.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script defer src="https://wpshout.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script defer src="https://wpshout.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1" id="wp-hooks-js"></script> <script defer src="https://wpshout.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="highlight-and-share-js-extra"> var highlight_and_share = {"show_facebook":"1","show_twitter":"1","show_linkedin":"1","show_ok":"","show_vk":"","show_email":"","show_xing":"","show_copy":"1","show_whatsapp":"1","show_telegram":"","show_mastodon":"","twitter_username":"wpshout","enable_webshare_inline_highlight":"","enable_webshare_click_to_share":"","content_legacy_mode":"","mobile":"","content":".has-content-area","tweet_text":"Tweet","facebook_text":"Share","linkedin_text":"LinkedIn","ok_text":"Odnoklassniki","vk_text":"VKontakte","mastodon_text":"Mastodon","whatsapp_text":"WhatsApp","xing_text":"Xing","copy_text":"Copy","email_text":"E-mail","webshare_text":"Share","prefix":"","suffix":"","inline_highlight_tooltips_enabled":"","inline_highlight_tooltips_text":""}; </script> <script data-minify="1" defer src="https://wpshout.com/wp-content/cache/min/1/wp-content/plugins/highlight-and-share/dist/highlight-and-share.js?ver=1730105670" id="highlight-and-share-js"></script> <script id="sti-script-js-extra"> var sti_vars = {"ajaxurl":"https:\/\/wpshout.com\/wp-admin\/admin-ajax.php","homeurl":"https:\/\/wpshout.com\/","selector":"hide-images","title":"","summary":"","short_url":"true","url_structure":"\/%postname%\/","minWidth":"150","minHeight":"150","sharer":"https:\/\/wpshout.com\/wp-content\/plugins\/share-this-image\/sharer.php","position":"image_hover","analytics":"","buttons":{"desktop":["facebook","linkedin","pinterest","reddit","whatsapp"],"icons":{"facebook":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\/><\/svg>","linkedin":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\/><\/svg>","pinterest":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\/><\/svg>","reddit":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\/><\/svg>","whatsapp":"<svg enable-background=\"new 0 0 100 100\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g><defs><rect height=\"100\" id=\"SVGID_1_\" width=\"100\"\/><\/defs><path d=\"M95,49.247c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-5.455L5,95.406 l7.975-23.522c-4.023-6.606-6.34-14.354-6.34-22.637c0-24.213,19.781-43.841,44.184-43.841C75.223,5.406,95,25.034,95,49.247 M50.818,12.388c-20.484,0-37.146,16.535-37.146,36.859c0,8.066,2.629,15.535,7.076,21.611l-4.641,13.688l14.275-4.537 c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.858C87.964,28.924,71.301,12.388,50.818,12.388 M73.129,59.344c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.494c-0.993-0.359-1.717-0.539-2.438,0.536 c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-5.334 c-3.219-2.847-5.393-6.364-6.025-7.44c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882 c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.976 c-0.902-2.151-1.803-1.793-2.436-1.793c-0.631,0-1.354-0.09-2.076-0.09s-1.896,0.269-2.889,1.344 c-0.992,1.076-3.789,3.676-3.789,8.963c0,5.288,3.879,10.397,4.422,11.114c0.541,0.716,7.49,11.92,18.5,16.223 C63.2,71.177,63.2,69.742,65.186,69.562c1.984-0.179,6.406-2.599,7.312-5.107C73.398,61.943,73.398,59.792,73.129,59.344\"\/><\/g><\/svg>","mobile":"<svg enable-background=\"new 0 0 64 64\" version=\"1.1\" viewBox=\"0 0 64 64\" xml:space=\"preserve\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><path d=\"M48,39.26c-2.377,0-4.515,1-6.033,2.596L24.23,33.172c0.061-0.408,0.103-0.821,0.103-1.246c0-0.414-0.04-0.818-0.098-1.215 l17.711-8.589c1.519,1.609,3.667,2.619,6.054,2.619c4.602,0,8.333-3.731,8.333-8.333c0-4.603-3.731-8.333-8.333-8.333 s-8.333,3.73-8.333,8.333c0,0.414,0.04,0.817,0.098,1.215l-17.711,8.589c-1.519-1.609-3.666-2.619-6.054-2.619 c-4.603,0-8.333,3.731-8.333,8.333c0,4.603,3.73,8.333,8.333,8.333c2.377,0,4.515-1,6.033-2.596l17.737,8.684 c-0.061,0.407-0.103,0.821-0.103,1.246c0,4.603,3.731,8.333,8.333,8.333s8.333-3.73,8.333-8.333C56.333,42.99,52.602,39.26,48,39.26 z\"\/><\/svg>"},"mobile":["facebook","linkedin","pinterest","reddit","whatsapp"]},"twitterVia":"","appId":"","zIndex":"9999999999999999","custom_data":[]}; </script> <script defer src="https://wpshout.com/wp-content/plugins/share-this-image/assets/js/sti.min.js?ver=1.99" id="sti-script-js"></script> <script>window.lazyLoadOptions={elements_selector:"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()}}}}}};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="https://wpshout.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img loading="lazy" src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360">',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>