<!DOCTYPE html>
<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
	<meta charset="UTF-8">
	<title>CSS Mates</title>

		<!-- All in One SEO 4.9.7.2 - aioseo.com -->
	<meta name="description" content="Welcome to CSS Mates Welcome to CSS Mates, your go-to web design company for all things corporate and e-commerce. We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that" />
	<meta name="robots" content="max-image-preview:large" />
	<link rel="canonical" href="https://www.cssmates.com/" />
	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.7.2" />
		<meta property="og:locale" content="en_US" />
		<meta property="og:site_name" content="CSS Mates - Just another WordPress site" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="CSS Mates" />
		<meta property="og:description" content="Welcome to CSS Mates Welcome to CSS Mates, your go-to web design company for all things corporate and e-commerce. We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that" />
		<meta property="og:url" content="https://www.cssmates.com/" />
		<meta property="og:image" content="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-logo.png" />
		<meta property="og:image:secure_url" content="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-logo.png" />
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:title" content="CSS Mates" />
		<meta name="twitter:description" content="Welcome to CSS Mates Welcome to CSS Mates, your go-to web design company for all things corporate and e-commerce. We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that" />
		<meta name="twitter:image" content="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-logo.png" />
		<script type="application/ld+json" class="aioseo-schema">
			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.cssmates.com\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.cssmates.com#listItem","position":1,"name":"Home"}]},{"@type":"Organization","@id":"https:\/\/www.cssmates.com\/#organization","name":"Cssmates.Com","description":"Just another WordPress site","url":"https:\/\/www.cssmates.com\/","logo":{"@type":"ImageObject","url":"https:\/\/www.cssmates.com\/wp-content\/uploads\/2022\/11\/cropped-logo.png","@id":"https:\/\/www.cssmates.com\/#organizationLogo","width":550,"height":196},"image":{"@id":"https:\/\/www.cssmates.com\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/www.cssmates.com\/#webpage","url":"https:\/\/www.cssmates.com\/","name":"CSS Mates","description":"Welcome to CSS Mates Welcome to CSS Mates, your go-to web design company for all things corporate and e-commerce. We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.cssmates.com\/#website"},"breadcrumb":{"@id":"https:\/\/www.cssmates.com\/#breadcrumblist"},"datePublished":"2020-02-13T13:17:50+00:00","dateModified":"2026-05-07T11:52:26+00:00"},{"@type":"WebSite","@id":"https:\/\/www.cssmates.com\/#website","url":"https:\/\/www.cssmates.com\/","name":"CSS Mates","description":"Just another WordPress site","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.cssmates.com\/#organization"}}]}
		</script>
		<!-- All in One SEO -->

<meta name="viewport" content="width=device-width, initial-scale=1"><link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link href='https://fonts.googleapis.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="CSS Mates &raquo; Feed" href="https://www.cssmates.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="CSS Mates &raquo; Comments Feed" href="https://www.cssmates.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.cssmates.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cssmates.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.cssmates.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cssmates.com%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="wp-block-heading-inline-css">
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://www.cssmates.com/wp-includes/blocks/heading/style.min.css */
</style>
<style id="wp-block-latest-posts-inline-css">
.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}
/*# sourceURL=https://www.cssmates.com/wp-includes/blocks/latest-posts/style.min.css */
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://www.cssmates.com/wp-includes/blocks/paragraph/style.min.css */
</style>

<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--color--global-color-8: var(--global-color-8);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-global-color-8-color{color: var(--wp--preset--color--global-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-global-color-8-background-color{background-color: var(--wp--preset--color--global-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-global-color-8-border-color{border-color: var(--wp--preset--color--global-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='generate-widget-areas-css' href='https://www.cssmates.com/wp-content/themes/generatepress/assets/css/components/widget-areas.min.css?ver=3.6.1' media='all' />
<link rel='stylesheet' id='generate-style-css' href='https://www.cssmates.com/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' />
<style id="generate-style-inline-css">
body{background-color:#ffffff;color:#3c3744;}a{color:#186ab2;}a:visited{color:#186ab2;}a:hover, a:focus, a:active{color:#00afe5;}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:200px;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#FFBF00;--global-color-8:#0080FF;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}:root .has-global-color-8-color{color:var(--global-color-8);}:root .has-global-color-8-background-color{background-color:var(--global-color-8);}body, button, input, select, textarea{font-family:Oxygen, sans-serif;font-size:17px;}body{line-height:1.8;}.main-title{font-weight:700;font-size:20px;}.site-description{font-size:16px;}.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{font-weight:700;font-size:16px;}.widget-title{font-weight:700;font-size:16px;}button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link{font-weight:700;font-size:17px;}.site-info{font-size:14px;}h1{font-weight:700;text-transform:uppercase;font-size:30px;line-height:1.3;}h2{font-weight:700;font-size:30px;line-height:1.4;}h3{font-weight:700;font-size:26px;line-height:1.4;}h4{font-weight:700;font-size:24px;line-height:1.4;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:#ffffff;color:#ffffff;}.site-header a{color:#ffffff;}.site-header a:hover{color:var(--base-3);}.main-title a,.main-title a:hover{color:#ffffff;}.site-description{color:#ffffff;}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:#ffffff;}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--base-3);}button.menu-toggle:hover,button.menu-toggle:focus{color:#ffffff;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#ffffff;}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#222222;background-color:#fafafa;opacity:1;}.main-navigation ul ul{background-color:#fafafa;}.main-navigation .main-nav ul ul li a{color:#222222;}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#666666;background-color:var(--base-2);}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#222222;background-color:#fafafa;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{color:#3c3744;background-color:#ffffff;}.inside-article a,.paging-navigation a,.comments-area a,.page-header a{color:#186ab2;}.inside-article a:hover,.paging-navigation a:hover,.comments-area a:hover,.page-header a:hover{color:#00afe5;}.entry-header h1,.page-header h1{color:#3c3744;}.entry-title a{color:#3c3744;}.entry-title a:hover{color:#3c3744;}.entry-meta{color:#3c3744;}.entry-meta a{color:#3c3744;}.entry-meta a:hover{color:#3c3744;}h1{color:#3c3744;}h2{color:#3c3744;}h3{color:#3c3744;}h4{color:#3c3744;}h5{color:#3c3744;}.sidebar .widget{color:var(--global-color-8);background-color:#ffffff;}.sidebar .widget a{color:var(--global-color-8);}.sidebar .widget a:hover{color:var(--accent);}.sidebar .widget .widget-title{color:var(--accent);}.footer-widgets{color:#ffffff;background-color:var(--contrast);}.footer-widgets a{color:#ffffff;}.footer-widgets a:hover{color:var(--accent);}.footer-widgets .widget-title{color:var(--accent);}.site-info{color:var(--base-3);background-color:var(--contrast);}.site-info a{color:var(--accent);}.site-info a:hover{color:var(--global-color-8);}.footer-bar .widget_nav_menu .current-menu-item a{color:var(--global-color-8);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--global-color-8);background-color:#fafafa;border-color:var(--global-color-8);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--accent);background-color:#ffffff;border-color:var(--accent);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#186ab2;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:rgba(24,106,178,0.9);}a.generate-back-to-top{background-color:var(--global-color-8);color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:var(--accent);color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:#ffffff;}}.inside-top-bar{padding:10px;}.inside-header{padding:30px 20px 30px 20px;}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 5px 0px 5px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:100px 20px 100px 20px;}.site-main .wp-block-group__inner-container{padding:100px 20px 100px 20px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:20px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:20px;}.one-container.both-sidebars .site-main{margin:0px 20px 0px 20px;}.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:100px;}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a{padding-left:25px;padding-right:25px;line-height:54px;}.main-navigation .main-nav ul ul li a{padding:15px 25px 15px 25px;}.navigation-search input[type="search"]{height:54px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:25px;}.menu-item-has-children .dropdown-menu-toggle{padding-right:25px;}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:15px;padding-bottom:15px;margin-top:-15px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:25px;}.widget-area .widget{padding:0px 20px 20px 20px;}.footer-widgets-container{padding:140px 20px 140px 20px;}.inside-site-info{padding:30px 20px 30px 20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:100px 20px 100px 20px;}.site-main .wp-block-group__inner-container{padding:100px 20px 100px 20px;}.inside-header{padding-top:0px;}.inside-site-info{padding-right:10px;padding-left:10px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:25%;}.is-left-sidebar{width:25%;}.site-content .content-area{width:100%;}@media (max-width: 768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
.dynamic-author-image-rounded{border-radius:100%;}.dynamic-featured-image, .dynamic-author-image{vertical-align:middle;}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0px;}.dynamic-entry-excerpt > p:last-child{margin-bottom:0px;}
.page-hero .inside-page-hero.grid-container{max-width:calc(1200px - 0px - 0px);}.inside-page-hero > *:last-child{margin-bottom:0px;}.page-hero time.updated{display:none;}.header-wrap{position:absolute;left:0px;right:0px;z-index:10;}.header-wrap .site-header{background:transparent;}
@media (max-width: 768px){.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a{line-height:80px;}.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type="search"]{height:80px;}}.post-image:not(:first-child), .page-content:not(:first-child), .entry-content:not(:first-child), .entry-summary:not(:first-child), footer.entry-meta{margin-top:1.6em;}.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image{margin-bottom:1.6em;}.main-navigation.slideout-navigation .main-nav > ul > li > a{line-height:60px;}
/*# sourceURL=generate-style-inline-css */
</style>
<link rel='stylesheet' id='generate-google-fonts-css' href='https://fonts.googleapis.com/css?family=Oxygen:300,regular,700&#038;display=auto&#038;ver=3.6.1' media='all' />
<link rel='stylesheet' id='generateblocks-css' href='https://www.cssmates.com/wp-content/uploads/generateblocks/style-268.css?ver=1777481371' media='all' />
<link rel='stylesheet' id='generate-offside-css' href='https://www.cssmates.com/wp-content/plugins/gp-premium/menu-plus/functions/css/offside.min.css?ver=2.5.5' media='all' />
<style id="generate-offside-inline-css">
:root{--gp-slideout-width:265px;}.slideout-navigation.main-navigation{background-color:#186ab2;}.slideout-navigation.main-navigation .main-nav ul li a{color:#ffffff;}.slideout-navigation.main-navigation ul ul{background-color:#222222;}.slideout-navigation.main-navigation .main-nav ul ul li a{color:#ffffff;}.slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .slideout-navigation.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a{color:#00afe5;background-color:#186ab2;}.slideout-navigation.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .slideout-navigation.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .slideout-navigation.main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#fafafa;background-color:#222222;}.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#ffffff;background-color:#186ab2;}.slideout-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#ffffff;background-color:#222222;}.slideout-navigation, .slideout-navigation a{color:#ffffff;}.slideout-navigation button.slideout-exit{color:#ffffff;padding-left:25px;padding-right:25px;}.slide-opened nav.toggled .menu-toggle:before{display:none;}@media (max-width: 768px){.menu-bar-item.slideout-toggle{display:none;}}
.slideout-navigation.main-navigation .main-nav ul li a{font-weight:700;font-size:20px;}@media (max-width:768px){.slideout-navigation.main-navigation .main-nav ul li a{font-size:20px;}}
/*# sourceURL=generate-offside-inline-css */
</style>
<link rel='stylesheet' id='generate-navigation-branding-css' href='https://www.cssmates.com/wp-content/plugins/gp-premium/menu-plus/functions/css/navigation-branding-flex.min.css?ver=2.5.5' media='all' />
<style id="generate-navigation-branding-inline-css">
@media (max-width: 768px){.site-header, #site-navigation, #sticky-navigation{display:none !important;opacity:0.0;}#mobile-header{display:block !important;width:100% !important;}#mobile-header .main-nav > ul{display:none;}#mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items{display:block;}#mobile-header .main-nav{-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;}}.main-navigation.has-branding .inside-navigation.grid-container, .main-navigation.has-branding.grid-container .inside-navigation:not(.grid-container){padding:0px 20px 0px 20px;}.main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding{margin-left:10px;}.navigation-branding img, .site-logo.mobile-header-logo img{height:54px;width:auto;}.navigation-branding .main-title{line-height:54px;}@media (max-width: 768px){.main-navigation.has-branding.nav-align-center .menu-bar-items, .main-navigation.has-sticky-branding.navigation-stick.nav-align-center .menu-bar-items{margin-left:auto;}.navigation-branding{margin-right:auto;margin-left:10px;}.navigation-branding .main-title, .mobile-header-navigation .site-logo{margin-left:10px;}.main-navigation.has-branding .inside-navigation.grid-container{padding:0px;}.navigation-branding img, .site-logo.mobile-header-logo{height:80px;}.navigation-branding .main-title{line-height:80px;}}
/*# sourceURL=generate-navigation-branding-inline-css */
</style>
<link rel="https://api.w.org/" href="https://www.cssmates.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.cssmates.com/wp-json/wp/v2/pages/268" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.cssmates.com/xmlrpc.php?rsd" />

<link rel='shortlink' href='https://www.cssmates.com/' />

<meta name="robots" content="noarchive,nocache">
    <link rel="icon" href="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-favicon-270x270.png" />
<style id="wp-custom-css">
/* GeneratePress Site CSS */ /* H1 headline letter spacing */

h1 {
	letter-spacing: 2px;
}

/* page header gradient overlay */

.gradient-overlay {
	position: relative;
}

.gradient-overlay:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(135deg, rgba(24,106,178,0.9) 20%, rgba(0,175,229,0.9) 80%);
}

.gradient-overlay .inside-page-hero {
	z-index: 1;
	position: relative;
}

/* navigation rules */

.main-navigation .menu > .menu-item > a::after {
    content: "";
    position: absolute;
    right: 50;
    left: 50%;
    top: 5px; /* controls where the line appears on hover */
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px; /* controls thickness of the line */
    background-color: currentColor;
    transition: 0.3s width ease;
}

.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item > a:focus::after,
.main-navigation .menu > .current-menu-item > a::after{
    width: 40px; /* controls the width of the line */
    color: #ffffff;  
}

/* container drop shadow */

.container-shadow {
box-shadow: 0px -10px 10px rgba(20, 20, 20, 0.1);
}

/* image block drop shadow */

.image-shadow img {
box-shadow: 15px 15px 0px #ededed;
}

/* mobile header spacing */

.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* widget title underline */

.widget-title {
  border-bottom: 1px solid #ffffff;
  line-height: 2.6em;
  display: inline-block;
}

/* footer widget spacing */

@media (min-width:1025px) {
  .footer-widgets .footer-widget-1 {
    flex-basis: 65%;
		padding-right: 80px;
  }
  .footer-widgets .footer-widget-2 {
    flex-basis: 15%;
  }
  .footer-widgets .footer-widget-3 {
    flex-basis: 20%;
  }
}

@media (max-width:900px) {
	.inside-footer-widgets {
		flex-direction: column;
		text-align: center;
	}
	
	.inside-footer-widgets > div {
		padding: 20px;
	}
}

/* center align LSI on tablet and mobile */

@media (max-width:1024px) {
	.lsi-social-icons {
		text-align: center !important;
	}
} /* End GeneratePress Site CSS */


.blog-section img {
    height: 400px;
    object-fit: cover;
    border-bottom-left-radius: 60px !important;
    width: 100%;
}
</style>
</head>

<body class="home wp-singular page-template-default page page-id-268 wp-custom-logo wp-embed-responsive wp-theme-generatepress post-image-aligned-center slideout-enabled slideout-mobile sticky-menu-fade mobile-header mobile-header-logo no-sidebar nav-float-right one-container header-aligned-left dropdown-hover full-width-content" itemtype="https://schema.org/WebPage" itemscope>
	<div class="header-wrap"><a class="screen-reader-text skip-link" href="#content" title="Skip to content">Skip to content</a>		<header class="site-header has-inline-mobile-toggle" id="masthead" aria-label="Site"  itemtype="https://schema.org/WPHeader" itemscope>
			<div class="inside-header grid-container">
				<div class="site-logo">
					<a href="https://www.cssmates.com/" rel="home">
						<img  class="header-image is-logo-image" alt="CSS Mates" src="https://www.cssmates.com/wp-content/uploads/2022/11/cropped-logo.png" width="550" height="196" />
					</a>
				</div>	<nav class="main-navigation mobile-menu-control-wrapper" id="mobile-menu-control-wrapper" aria-label="Mobile Toggle">
				<button data-nav="site-navigation" class="menu-toggle" aria-controls="generate-slideout-menu" aria-expanded="false">
			<span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="screen-reader-text">Menu</span>		</button>
	</nav>
			<nav class="main-navigation sub-menu-right" id="site-navigation" aria-label="Primary"  itemtype="https://schema.org/SiteNavigationElement" itemscope>
			<div class="inside-navigation grid-container">
								<button class="menu-toggle" aria-controls="generate-slideout-menu" aria-expanded="false">
					<span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="screen-reader-text">Menu</span>				</button>
				<div id="primary-menu" class="main-nav"><ul id="menu-menu" class=" menu sf-menu"><li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-268 current_page_item menu-item-270"><a href="https://www.cssmates.com/" aria-current="page">Home</a></li>
<li id="menu-item-18052" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18052"><a href="https://www.cssmates.com/services/">Services</a></li>
<li id="menu-item-18058" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18058"><a href="https://www.cssmates.com/who-we-are/">Who We Are</a></li>
<li id="menu-item-19264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19264"><a href="https://www.cssmates.com/news/">News</a></li>
<li id="menu-item-18057" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.cssmates.com/get-in-touch/">Get In Touch</a></li>
</ul></div>			</div>
		</nav>
					</div>
		</header>
				<nav id="mobile-header" itemtype="https://schema.org/SiteNavigationElement" itemscope class="main-navigation mobile-header-navigation has-branding">
			<div class="inside-navigation grid-container grid-parent">
				<div class="site-logo mobile-header-logo">
						<a href="https://www.cssmates.com/" title="CSS Mates" rel="home">
							<img src="https://gpsites.co/service/wp-content/uploads/sites/58/service.svg" alt="CSS Mates" class="is-logo-image" width="" height="" />
						</a>
					</div>					<button class="menu-toggle" aria-controls="mobile-menu" aria-expanded="false">
						<span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="screen-reader-text">Menu</span>					</button>
					<div id="mobile-menu" class="main-nav"><ul id="menu-menu-1" class=" menu sf-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-268 current_page_item menu-item-270"><a href="https://www.cssmates.com/" aria-current="page">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18052"><a href="https://www.cssmates.com/services/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18058"><a href="https://www.cssmates.com/who-we-are/">Who We Are</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19264"><a href="https://www.cssmates.com/news/">News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.cssmates.com/get-in-touch/">Get In Touch</a></li>
</ul></div>			</div><!-- .inside-navigation -->
		</nav><!-- #site-navigation -->
		</div><!-- .header-wrap --><div class="page-hero">
					<div class="inside-page-hero grid-container grid-parent">
						<!-- this comment needs to be here -->
					</div>
				</div>
	<div class="site grid-container container hfeed" id="page">
				<div class="site-content" id="content">
			
	<div class="content-area" id="primary">
		<main class="site-main" id="main">
			
<article id="post-268" class="post-268 page type-page status-publish" itemtype="https://schema.org/CreativeWork" itemscope>
	<div class="inside-article">
		
		<div class="entry-content" itemprop="text">
			<div class="gb-container gb-container-352e6923"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-8630863f">
<div class="gb-grid-column gb-grid-column-dd9f9ec2"><div class="gb-container gb-container-dd9f9ec2"><div class="gb-inside-container">

<h2 class="gb-headline gb-headline-8d89e832 gb-headline-text"><strong>Welcome to</strong></h2>



<h1 class="gb-headline gb-headline-f13585a1 gb-headline-text">CSS Mates</h1>



<p class="has-base-3-color has-text-color wp-block-paragraph">Welcome to CSS Mates, your go-to web design company for all things corporate and e-commerce. We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that exceeds your expectations.</p>


<div class="gb-button-wrapper gb-button-wrapper-b1ed185b">

<a class="gb-button gb-button-61aecbd3 gb-button-text" href="/services/">Explore More</a>

</div>
</div></div></div>
</div>
</div></div>

<div class="gb-container gb-container-9455b894"><div class="gb-inside-container">
<div class="gb-container gb-container-ca12c8d3"><div class="gb-inside-container"></div></div>
</div><div class="gb-shapes"><div class="gb-shape gb-shape-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 217.3" preserveAspectRatio="none"><path d="M1200 195.6l-25-22.2c-25-21.9-75-66.9-125-75.5-50-8.9-100 17.8-150 26.7-50 8.6-100 .2-150-13.3-50-13.1-100-31.4-150-26.7-50 4.4-100 31.1-150 26.7-50-4.8-100-39.8-150-66.7C250 18.1 200-.2 150 0 100-.2 50 18.1 25 26.7L0 35.6v181.7h1200v-21.7z"/></svg></div><div class="gb-shape gb-shape-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 96.2" preserveAspectRatio="none"><path d="M0 96.2h1200V72.9l-50-8.9c-50-8.6-150-26.9-250-22.2C800 46.2 700 72.9 600 64 500 55.4 400 10.4 300 1.8 200-7.1 100 19.5 50 32.9L0 46.2v50z"/></svg></div><div class="gb-shape gb-shape-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 96.2" preserveAspectRatio="none"><path d="M0 96.2h1200V72.9l-50-8.9c-50-8.6-150-26.9-250-22.2C800 46.2 700 72.9 600 64 500 55.4 400 10.4 300 1.8 200-7.1 100 19.5 50 32.9L0 46.2v50z"/></svg></div></div></div>

<div class="gb-container gb-container-e4302899"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-77485eae">
<div class="gb-grid-column gb-grid-column-828e0aab"><div class="gb-container gb-container-828e0aab"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-5caed608">
<div class="gb-grid-column gb-grid-column-b921cfd3"><div class="gb-container gb-container-b921cfd3"><div class="gb-inside-container"></div></div></div>

<div class="gb-grid-column gb-grid-column-bcc74119"><div class="gb-container gb-container-bcc74119"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-d0b17f64"><img fetchpriority="high" decoding="async" width="1920" height="1280" class="gb-image gb-image-d0b17f64" src="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698.jpg" alt="" title="pexels-yan-krukov-7693698" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698.jpg 1920w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-300x200.jpg 300w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-1024x683.jpg 1024w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-768x512.jpg 768w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-1536x1024.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>

</div></div></div>
</div>
</div></div></div>

<div class="gb-grid-column gb-grid-column-cbee843e"><div class="gb-container gb-container-cbee843e"><div class="gb-inside-container">

<h5 class="gb-headline gb-headline-6c22efe8 gb-headline-text">ABOUT</h5>



<h2 class="gb-headline gb-headline-fb86c22c gb-headline-text"><strong>Who We Are</strong></h2>



<p class="gb-headline gb-headline-b04e7417 gb-headline-text">At CSS Mates, we pride ourselves on our attention to detail and our commitment to quality. We believe that a well-designed website is a powerful tool that can help businesses reach their full potential. That’s why we offer a wide range of services, from custom web design to e-commerce development. We also offer competitive pricing and flexible payment terms to make sure our services are accessible to businesses of all sizes.</p>


<div class="gb-button-wrapper gb-button-wrapper-0985d127">

<a class="gb-button gb-button-9e111672 gb-button-text" href="/who-we-are/">ABOUT</a>

</div>
</div></div></div>
</div>
</div></div>

<div class="gb-container gb-container-b53f7013"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-12b3abb8">
<div class="gb-grid-column gb-grid-column-7cad4bc6"><div class="gb-container gb-container-7cad4bc6"><div class="gb-inside-container">

<h5 class="gb-headline gb-headline-78b20681 gb-headline-text">CSS MATES</h5>



<h2 class="gb-headline gb-headline-bc959d85 gb-headline-text"><strong>Why Choose Us</strong>?</h2>



<p class="wp-block-paragraph">There are many web design companies out there, so why choose CSS Mates? Here are a few reasons:</p>



<h6 class="gb-headline gb-headline-ae0c1abb"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg></span><span class="gb-headline-text">We have over ten years of experience in the industry.</span></h6>



<h6 class="gb-headline gb-headline-f45a8227"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg></span><span class="gb-headline-text">We offer a wide range of services, from custom web design to e-commerce development.</span></h6>



<h6 class="gb-headline gb-headline-e5137b07"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg></span><span class="gb-headline-text">We are committed to quality and attention to detail.</span></h6>



<h6 class="gb-headline gb-headline-b8def0ed"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg></span><span class="gb-headline-text">We offer competitive pricing and flexible payment terms.</span></h6>



<h6 class="gb-headline gb-headline-4e81504e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg></span><span class="gb-headline-text">We have a team of experienced designers and developers who are ready to take on your project.</span></h6>


<div class="gb-button-wrapper gb-button-wrapper-854350bd">

<a class="gb-button gb-button-0f7fae0c gb-button-text" href="/services/">SEE OUR SERVICES</a>

</div>
</div></div></div>

<div class="gb-grid-column gb-grid-column-3c802729"><div class="gb-container gb-container-3c802729"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-dbef63f6">
<div class="gb-grid-column gb-grid-column-0055c328"><div class="gb-container gb-container-0055c328"><div class="gb-inside-container">
<div class="gb-container gb-container-f37930f7"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-a3cdda92">
<div class="gb-grid-column gb-grid-column-2da18dbd"><div class="gb-container gb-container-2da18dbd"><div class="gb-inside-container"></div></div></div>

<div class="gb-grid-column gb-grid-column-4c00d02a"><div class="gb-container gb-container-4c00d02a"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-4d8ef7b6"><img decoding="async" width="1920" height="1280" class="gb-image gb-image-4d8ef7b6" src="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698.jpg" alt="" title="pexels-yan-krukov-7693698" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698.jpg 1920w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-300x200.jpg 300w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-1024x683.jpg 1024w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-768x512.jpg 768w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-yan-krukov-7693698-1536x1024.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>

</div></div></div>
</div>
</div></div>
</div></div></div>

<div class="gb-grid-column gb-grid-column-d80aaa26"><div class="gb-container gb-container-d80aaa26"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-bf690237">
<div class="gb-grid-column gb-grid-column-d960c64f"><div class="gb-container gb-container-d960c64f"><div class="gb-inside-container"></div></div></div>

<div class="gb-grid-column gb-grid-column-8534e6c3"><div class="gb-container gb-container-8534e6c3"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-b3190503"><img decoding="async" width="1707" height="2560" class="gb-image gb-image-b3190503" src="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-scaled.jpg" alt="" title="pexels-cottonbro-7438102" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-scaled.jpg 1707w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-200x300.jpg 200w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-683x1024.jpg 683w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-768x1152.jpg 768w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-1024x1536.jpg 1024w, https://www.cssmates.com/wp-content/uploads/2022/10/pexels-cottonbro-7438102-1365x2048.jpg 1365w" sizes="(max-width: 1707px) 100vw, 1707px" /></figure>

</div></div></div>
</div>
</div></div></div>
</div>
</div></div></div>
</div>
</div></div>

<div class="gb-container gb-container-68c4696d"><div class="gb-inside-container">

<h4 class="gb-headline gb-headline-605fd525 gb-headline-text">OUR PROCESS</h4>



<h2 class="gb-headline gb-headline-d599f19d gb-headline-text">How We Do It</h2>



<p class="gb-headline gb-headline-cc5c6891 gb-headline-text">At CSS Mates, we follow a simple, three-step process to ensure that your project is completed on time and within budget:</p>


<div class="gb-grid-wrapper gb-grid-wrapper-d0af1117">
<div class="gb-grid-column gb-grid-column-2b37b3e1"><div class="gb-container gb-container-2b37b3e1"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-95e0eacc"><img loading="lazy" decoding="async" width="512" height="512" class="gb-image gb-image-95e0eacc" src="https://www.cssmates.com/wp-content/uploads/2022/10/project.png" alt="" title="project" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/project.png 512w, https://www.cssmates.com/wp-content/uploads/2022/10/project-300x300.png 300w, https://www.cssmates.com/wp-content/uploads/2022/10/project-150x150.png 150w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<h4 class="gb-headline gb-headline-a0202979 gb-headline-text">Define the scope of the project</h4>



<p class="gb-headline gb-headline-b332b84c gb-headline-text">We will work with you to understand your business goals and create a detailed brief for the project.</p>


<div class="gb-button-wrapper gb-button-wrapper-9087b20f">

<a class="gb-button gb-button-9b6196ee gb-button-text" href="/who-we-are/">LEARN MORE</a>

</div>
</div></div></div>

<div class="gb-grid-column gb-grid-column-d2f8b297"><div class="gb-container gb-container-d2f8b297"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-7b4ae33b"><img loading="lazy" decoding="async" width="512" height="512" class="gb-image gb-image-7b4ae33b" src="https://www.cssmates.com/wp-content/uploads/2022/10/coding.png" alt="" title="coding" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/coding.png 512w, https://www.cssmates.com/wp-content/uploads/2022/10/coding-300x300.png 300w, https://www.cssmates.com/wp-content/uploads/2022/10/coding-150x150.png 150w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<h4 class="gb-headline gb-headline-24182366 gb-headline-text">Design and develop the website</h4>



<p class="gb-headline gb-headline-5b22c908 gb-headline-text">Our team of designers and developers will bring your vision to life and create a website that is user-friendly and optimized for conversion.</p>


<div class="gb-button-wrapper gb-button-wrapper-19c63e3d">

<a class="gb-button gb-button-5861abd7 gb-button-text" href="/who-we-are/">LEARN MORE</a>

</div>
</div></div></div>

<div class="gb-grid-column gb-grid-column-ce02797d"><div class="gb-container gb-container-ce02797d"><div class="gb-inside-container">

<figure class="gb-block-image gb-block-image-6f5a0bb1"><img loading="lazy" decoding="async" width="512" height="512" class="gb-image gb-image-6f5a0bb1" src="https://www.cssmates.com/wp-content/uploads/2022/10/launch.png" alt="" title="launch" srcset="https://www.cssmates.com/wp-content/uploads/2022/10/launch.png 512w, https://www.cssmates.com/wp-content/uploads/2022/10/launch-300x300.png 300w, https://www.cssmates.com/wp-content/uploads/2022/10/launch-150x150.png 150w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<h4 class="gb-headline gb-headline-6fa14a26 gb-headline-text">Launch the website</h4>



<p class="gb-headline gb-headline-3fb8366f gb-headline-text">Once the website is complete, we will help you launch it and promote it online.</p>


<div class="gb-button-wrapper gb-button-wrapper-358955fa">

<a class="gb-button gb-button-7ef07e24 gb-button-text" href="/who-we-are/">LEARN MORE</a>

</div>
</div></div></div>
</div>


<h4 class="gb-headline gb-headline-70d41532 gb-headline-text">This process ensures that all of our projects are completed to the highest standards and that our clients are happy with the final result.</h4>

</div></div>

<div class="gb-container gb-container-7e465af4" style="--background-image: url(https://www.cssmates.com/wp-content/uploads/2022/10/pexels-mentatdgt-1125028.jpg);"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-e3be92dd">
<div class="gb-grid-column gb-grid-column-3116883f"><div class="gb-container gb-container-3116883f"><div class="gb-inside-container">

<h2 class="gb-headline gb-headline-e9d0530a gb-headline-text">Need Help?</h2>



<p class="gb-headline gb-headline-cdceef36 gb-headline-text">If you’re looking for a web design company that can help you take your business to the next level, look no further than CSS Mates. Contact us today to get started on your project.</p>


<div class="gb-button-wrapper gb-button-wrapper-5efc068f">

<a class="gb-button gb-button-18e77988 gb-button-text" href="/get-in-touch/">GET IN TOUCH</a>

</div>
</div></div></div>
</div>
</div></div>

<div class="gb-container gb-container-69d32105"><div class="gb-inside-container">

<h4 class="gb-headline gb-headline-e0e9b6e3 gb-headline-text">GET UPDATED</h4>



<h2 class="gb-headline gb-headline-da6385ba gb-headline-text">Latest News</h2>


<ul class="wp-block-latest-posts__list has-dates has-author writings-list wp-block-latest-posts"><li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2026/06/image-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/how-to-design-a-checkout-flow-that-reduces-cart-abandonment-11-proven-ux-patterns/">How to Design a Checkout Flow That Reduces Cart Abandonment: 11 Proven UX Patterns</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2026-06-01T11:09:22+00:00" class="wp-block-latest-posts__post-date">June 1, 2026</time><div class="wp-block-latest-posts__post-excerpt">If you are reading this, you already know the painful stat: roughly 70% of online shopping carts are abandoned before checkout is completed. The good news? Most of &#8230; <a title="How to Design a Checkout Flow That Reduces Cart Abandonment: 11 Proven UX Patterns" class="read-more" href="https://www.cssmates.com/how-to-design-a-checkout-flow-that-reduces-cart-abandonment-11-proven-ux-patterns/" aria-label="Read more about How to Design a Checkout Flow That Reduces Cart Abandonment: 11 Proven UX Patterns">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2026/05/image-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/css-grid-vs-flexbox-which-layout-method-to-use-and-when-with-examples/">CSS Grid vs Flexbox: Which Layout Method to Use and When (With Examples)</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2026-05-07T01:10:31+00:00" class="wp-block-latest-posts__post-date">May 7, 2026</time><div class="wp-block-latest-posts__post-excerpt">CSS Grid vs Flexbox: Stop Guessing and Pick the Right Layout Tool If you have ever stared at a layout and wondered whether to reach for CSS Grid &#8230; <a title="CSS Grid vs Flexbox: Which Layout Method to Use and When (With Examples)" class="read-more" href="https://www.cssmates.com/css-grid-vs-flexbox-which-layout-method-to-use-and-when-with-examples/" aria-label="Read more about CSS Grid vs Flexbox: Which Layout Method to Use and When (With Examples)">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2026/04/image-1-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/how-to-design-a-homepage-that-builds-trust-9-elements-every-small-business-website-needs/">How to Design a Homepage That Builds Trust: 9 Elements Every Small Business Website Needs</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2026-04-04T16:00:09+00:00" class="wp-block-latest-posts__post-date">April 4, 2026</time><div class="wp-block-latest-posts__post-excerpt">Why Your Homepage Has Less Than 5 Seconds to Win Trust Your homepage is not just a welcome mat. It is your digital handshake, your first impression, and &#8230; <a title="How to Design a Homepage That Builds Trust: 9 Elements Every Small Business Website Needs" class="read-more" href="https://www.cssmates.com/how-to-design-a-homepage-that-builds-trust-9-elements-every-small-business-website-needs/" aria-label="Read more about How to Design a Homepage That Builds Trust: 9 Elements Every Small Business Website Needs">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2026/04/image-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/what-is-a-favicon-and-why-your-website-needs-one/">What Is a Favicon and Why Your Website Needs One</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2026-04-01T21:08:23+00:00" class="wp-block-latest-posts__post-date">April 1, 2026</time><div class="wp-block-latest-posts__post-excerpt">What Is a Favicon? A favicon (short for &#8220;favorite icon&#8221;) is a small square icon associated with a website. It appears in browser tabs, bookmark lists, browser history, &#8230; <a title="What Is a Favicon and Why Your Website Needs One" class="read-more" href="https://www.cssmates.com/what-is-a-favicon-and-why-your-website-needs-one/" aria-label="Read more about What Is a Favicon and Why Your Website Needs One">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2024/01/7okkfhxrxnw-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="web design" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/how-to-design-an-e-commerce-website-that-converts/">How to Design an E-commerce Website That Converts</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2024-01-30T02:03:30+00:00" class="wp-block-latest-posts__post-date">January 30, 2024</time><div class="wp-block-latest-posts__post-excerpt">Introduction: Hey there! Let&#8217;s chat about something exciting yet challenging – designing an e-commerce website that&#8217;s not just a pretty face but a conversion powerhouse. In this bustling &#8230; <a title="How to Design an E-commerce Website That Converts" class="read-more" href="https://www.cssmates.com/how-to-design-an-e-commerce-website-that-converts/" aria-label="Read more about How to Design an E-commerce Website That Converts">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2023/09/webyw4nsfpg-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="web development" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/how-to-optimize-your-websites-load-time-for-better-seo-rankings/">How to Optimize Your Website&#8217;s Load Time for Better SEO Rankings</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2023-09-01T00:14:12+00:00" class="wp-block-latest-posts__post-date">September 1, 2023</time><div class="wp-block-latest-posts__post-excerpt">In today&#8217;s fast-paced digital world, website load time is crucial for maintaining user engagement and achieving higher search engine rankings. A slow-loading website can result in higher bounce &#8230; <a title="How to Optimize Your Website&#8217;s Load Time for Better SEO Rankings" class="read-more" href="https://www.cssmates.com/how-to-optimize-your-websites-load-time-for-better-seo-rankings/" aria-label="Read more about How to Optimize Your Website&#8217;s Load Time for Better SEO Rankings">Read more</a></div></li>
<li><div class="wp-block-latest-posts__featured-image"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.cssmates.com/wp-content/uploads/2023/02/cgpifh3fjoa-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Graphic Design" style="" /></div><a class="wp-block-latest-posts__post-title" href="https://www.cssmates.com/pros-and-cons-graphic-design-agencies-vs-unlimited-graphic-design/">Pros And Cons: Graphic Design Agencies vs. Unlimited Graphic Design</a><div class="wp-block-latest-posts__post-author">by Dan Deleon</div><time datetime="2023-02-21T01:22:50+00:00" class="wp-block-latest-posts__post-date">February 21, 2023</time><div class="wp-block-latest-posts__post-excerpt">A person looking to get something designed mostly gets three options on the market. He can hire a professional graphic design agency, an unlimited graphic design service, or &#8230; <a title="Pros And Cons: Graphic Design Agencies vs. Unlimited Graphic Design" class="read-more" href="https://www.cssmates.com/pros-and-cons-graphic-design-agencies-vs-unlimited-graphic-design/" aria-label="Read more about Pros And Cons: Graphic Design Agencies vs. Unlimited Graphic Design">Read more</a></div></li>
</ul>




<div class="gb-button-wrapper gb-button-wrapper-9ffc2100">

<a class="gb-button gb-button-458b79f3 gb-button-text" href="/news/">VIEW ALL</a>

</div>
</div></div>		</div>

			</div>
</article>
		</main>
	</div>

	
	</div>
</div>


<div class="site-footer footer-bar-active footer-bar-align-right">
				<div id="footer-widgets" class="site footer-widgets">
				<div class="footer-widgets-container grid-container">
					<div class="inside-footer-widgets">
							<div class="footer-widget-1">
		<aside id="text-2" class="widget inner-padding widget_text"><h2 class="widget-title">Company History</h2>			<div class="textwidget"><p>We specialize in designing and developing high-quality websites that are both visually appealing and user-friendly. Our team of experienced designers and developers will work closely with you to understand your vision and create a website that exceeds your expectations.</p>
</div>
		</aside>	</div>
		<div class="footer-widget-2">
		<aside id="nav_menu-1" class="widget inner-padding widget_nav_menu"><h2 class="widget-title">Links</h2><div class="menu-menu-container"><ul id="menu-menu-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-268 current_page_item menu-item-270"><a href="https://www.cssmates.com/" aria-current="page">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18052"><a href="https://www.cssmates.com/services/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18058"><a href="https://www.cssmates.com/who-we-are/">Who We Are</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19264"><a href="https://www.cssmates.com/news/">News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.cssmates.com/get-in-touch/">Get In Touch</a></li>
</ul></div></aside>	</div>
		<div class="footer-widget-3">
		<aside id="text-3" class="widget inner-padding widget_text"><h2 class="widget-title">Contact Information</h2>			<div class="textwidget"><p>Address: 634 Pearl Street, West Sacramento, CA 95691 USA</p>
<p>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9df4f3fbf2ddfeeeeef0fce9f8eeb3fef2f0">[email&#160;protected]</a></p>
</div>
		</aside>	</div>
						</div>
				</div>
			</div>
					<footer class="site-info" aria-label="Site"  itemtype="https://schema.org/WPFooter" itemscope>
			<div class="inside-site-info grid-container">
						<div class="footer-bar">
			<aside id="text-4" class="widget inner-padding widget_text">			<div class="textwidget"><p><a href="/confidentiality/">Confidentiality </a>| <a href="/terms-of-services/">Terms of Service</a></p>
</div>
		</aside>		</div>
						<div class="copyright-bar">
					Copyright &copy; 2026 CSS Mates. All Rights Reserved.				</div>
			</div>
		</footer>
		</div>

<a title="Scroll back to top" aria-label="Scroll back to top" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button">
					<span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span>
				</a>		<nav id="generate-slideout-menu" class="main-navigation slideout-navigation do-overlay" itemtype="https://schema.org/SiteNavigationElement" itemscope>
			<div class="inside-navigation grid-container grid-parent">
				<button class="slideout-exit has-svg-icon"><span class="gp-icon pro-close">
				<svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em">
					<path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" />
				</svg>
			</span> <span class="screen-reader-text">Close</span></button><div class="main-nav"><ul id="menu-menu-3" class=" slideout-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-268 current_page_item menu-item-270"><a href="https://www.cssmates.com/" aria-current="page">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18052"><a href="https://www.cssmates.com/services/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18058"><a href="https://www.cssmates.com/who-we-are/">Who We Are</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19264"><a href="https://www.cssmates.com/news/">News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.cssmates.com/get-in-touch/">Get In Touch</a></li>
</ul></div>			</div><!-- .inside-navigation -->
		</nav><!-- #site-navigation -->

		<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
<script id="generate-offside-js-extra">
var offSide = {"side":"left"};
//# sourceURL=generate-offside-js-extra
</script>
<script id="generate-offside-js" src="https://www.cssmates.com/wp-content/plugins/gp-premium/menu-plus/functions/js/offside.min.js?ver=2.5.5"></script>
<script id="generate-menu-js-before">
var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
//# sourceURL=generate-menu-js-before
</script>
<script id="generate-menu-js" src="https://www.cssmates.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
<script id="generate-back-to-top-js-before">
var generatepressBackToTop = {"smooth":true};
//# sourceURL=generate-back-to-top-js-before
</script>
<script id="generate-back-to-top-js" src="https://www.cssmates.com/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.6.1"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.cssmates.com/wp-includes/js/wp-emoji-release.min.js?ver=427a9342a2cb4759d999ce501c70b122"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!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!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let 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(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.cssmates.com/wp-includes/js/wp-emoji-loader.min.js
</script>

</body>
</html>
