CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Shapely - One Page WordPress Theme - Colorlib</title><link rel="preload" data-rocket-preload as="image" href="https://colorlib.com/wp/wp-content/uploads/sites/2/flexible-free-multipurpose-wordpress-theme.jpg.webp" fetchpriority="high"> <meta name="description" content="Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPr" /> <link rel="canonical" href="https://colorlib.com/wp/themes/shapely/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Shapely - One Page WordPress Theme" /> <meta property="og:url" content="https://colorlib.com/wp/themes/shapely/" /> <meta property="og:site_name" content="Colorlib" /> <meta property="article:publisher" content="https://www.facebook.com/colorlib" /> <meta property="article:modified_time" content="2022-05-23T14:42:41+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@colorlib" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://colorlib.com/wp/themes/shapely/","url":"https://colorlib.com/wp/themes/shapely/","name":"Shapely - One Page WordPress Theme - Colorlib","isPartOf":{"@id":"https://colorlib.com/wp/#website"},"datePublished":"2022-05-02T11:47:49+00:00","dateModified":"2022-05-23T14:42:41+00:00","breadcrumb":{"@id":"https://colorlib.com/wp/themes/shapely/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://colorlib.com/wp/themes/shapely/"]}]},{"@type":"BreadcrumbList","@id":"https://colorlib.com/wp/themes/shapely/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://colorlib.com/wp/"},{"@type":"ListItem","position":2,"name":"Best Responsive WordPress Themes","item":"https://colorlib.com/wp/themes/"},{"@type":"ListItem","position":3,"name":"Shapely – One Page WordPress Theme"}]},{"@type":"WebSite","@id":"https://colorlib.com/wp/#website","url":"https://colorlib.com/wp/","name":"Colorlib","description":"Blog","publisher":{"@id":"https://colorlib.com/wp/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://colorlib.com/wp/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://colorlib.com/wp/#organization","name":"Colorlib","url":"https://colorlib.com/wp/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://colorlib.com/wp/#/schema/logo/image/","url":"https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top-1.png","contentUrl":"https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https://colorlib.com/wp/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/colorlib","https://x.com/colorlib","https://www.instagram.com/colorlib/","https://www.linkedin.com/company/colorlib","https://youtube.com/c/Colorlib"]}]}</script>  <link rel='dns-prefetch' href='//www.paypalobjects.com' /> <link rel='dns-prefetch' href='//www.gstatic.com' /> <link rel='dns-prefetch' href='//cdn.ampproject.org' /> <link rel="alternate" type="application/rss+xml" title="Colorlib » Feed" href="https://colorlib.com/wp/feed/" /> <link data-minify="1" rel='stylesheet' id='js_composer_front-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=1737377906' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://colorlib.com/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' media='all' /> <link data-minify="1" rel='stylesheet' id='edd-blocks-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/plugins/easy-digital-downloads/includes/blocks/assets/css/edd-blocks.css?ver=1737377906' media='all' /> <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--accent: var(--wpex-accent);--wp--preset--color--on-accent: var(--wpex-on-accent);--wp--preset--color--accent-alt: var(--wpex-accent-alt);--wp--preset--color--on-accent-alt: var(--wpex-on-accent-alt);--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--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 840px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}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;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.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-accent-color{color: var(--wp--preset--color--accent) !important;}.has-on-accent-color{color: var(--wp--preset--color--on-accent) !important;}.has-accent-alt-color{color: var(--wp--preset--color--accent-alt) !important;}.has-on-accent-alt-color{color: var(--wp--preset--color--on-accent-alt) !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-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-on-accent-background-color{background-color: var(--wp--preset--color--on-accent) !important;}.has-accent-alt-background-color{background-color: var(--wp--preset--color--accent-alt) !important;}.has-on-accent-alt-background-color{background-color: var(--wp--preset--color--on-accent-alt) !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-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-on-accent-border-color{border-color: var(--wp--preset--color--on-accent) !important;}.has-accent-alt-border-color{border-color: var(--wp--preset--color--accent-alt) !important;}.has-on-accent-alt-border-color{border-color: var(--wp--preset--color--on-accent-alt) !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;}.has-system-sans-serif-font-family{font-family: var(--wp--preset--font-family--system-sans-serif) !important;}.has-system-serif-font-family{font-family: var(--wp--preset--font-family--system-serif) !important;} :root :where(.wp-block-post-template){margin: 0 auto;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} :root :where(.wp-block-table > table){margin: 0;} </style> <link rel='stylesheet' id='YSFA-css' href='https://colorlib.com/wp/wp-content/plugins/faq-schema-block-to-accordion/assets/css/style.min.css?ver=1.0.5' media='all' /> <link rel='stylesheet' id='ivory-search-styles-css' href='https://colorlib.com/wp/wp-content/plugins/add-search-to-menu/public/css/ivory-search.min.css?ver=5.5.9' media='all' /> <link data-minify="1" rel='stylesheet' id='edd_all_access_css-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/plugins/edd-all-access/assets/css/frontend/build/styles.css?ver=1737377906' media='all' /> <link data-minify="1" rel='stylesheet' id='parent-style-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/themes/c60/style.css?ver=1737377906' media='all' /> <link data-minify="1" rel='stylesheet' id='wpex-style-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/themes/v3ct/style.css?ver=1737377906' media='all' /> <link rel='stylesheet' id='wpex-mobile-menu-breakpoint-max-css' href='https://colorlib.com/wp/wp-content/themes/c60/assets/css/frontend/breakpoints/max.min.css?ver=6.0' media='only screen and (max-width:959px)' /> <link rel='stylesheet' id='wpex-mobile-menu-breakpoint-min-css' href='https://colorlib.com/wp/wp-content/themes/c60/assets/css/frontend/breakpoints/min.min.css?ver=6.0' media='only screen and (min-width:960px)' /> <link rel='stylesheet' id='wpex-wpbakery-css' href='https://colorlib.com/wp/wp-content/themes/c60/assets/css/frontend/wpbakery.min.css?ver=6.0' media='all' /> <link rel='stylesheet' id='vcex-shortcodes-css' href='https://colorlib.com/wp/wp-content/themes/c60/assets/css/frontend/vcex-shortcodes.min.css?ver=6.0' media='all' /> <style id='akismet-widget-style-inline-css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link data-minify="1" rel='stylesheet' id='meks-author-widget-css' href='https://colorlib.com/wp/wp-content/cache/min/2/wp/wp-content/plugins/meks-smart-author-widget/css/style.css?ver=1737377906' media='all' /> <link rel='stylesheet' id='vc_tta_style-css' href='https://colorlib.com/wp/wp-content/plugins/js_composer/assets/css/js_composer_tta.min.css?ver=8.0' media='all' /> <style id='rocket-lazyload-inline-css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://colorlib.com/wp/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0} </style> <script src="https://colorlib.com/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://colorlib.com/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="wpex-core-js-extra"> var wpex_theme_params = {"selectArrowIcon":"<span class=\"wpex-select-arrow__icon wpex-icon--sm wpex-flex wpex-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect fill=\"none\" height=\"24\" width=\"24\"\/><g transform=\"matrix(0, -1, 1, 0, -0.115, 23.885)\"><polygon points=\"17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12\"\/><\/g><\/svg><\/span>","customSelects":".widget_categories form,.widget_archive select,.vcex-form-shortcode select","scrollToHash":"1","localScrollFindLinks":"1","localScrollHighlight":"1","localScrollUpdateHash":"1","scrollToHashTimeout":"500","localScrollTargets":"li.local-scroll a, a.local-scroll, .local-scroll-link, .local-scroll-link > a,.sidr-class-local-scroll-link,li.sidr-class-local-scroll > span > a,li.sidr-class-local-scroll > a","localScrollSpeed":"1000","scrollToBehavior":"smooth"}; </script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/core.min.js?ver=6.0" id="wpex-core-js" defer data-wp-strategy="defer"></script> <script id="wpex-inline-js-after"> !function(){const e=document.querySelector("html"),t=()=>{const t=window.innerWidth-document.documentElement.clientWidth;t&&e.style.setProperty("--wpex-scrollbar-width",`${t}px`)};t(),window.addEventListener("resize",(()=>{t()}))}(); </script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/search/header-replace.min.js?ver=6.0" id="wpex-search-header_replace-js" defer data-wp-strategy="defer"></script> <script id="wpex-sticky-header-js-extra"> var wpex_sticky_header_params = {"breakpoint":"960","shrink":"1","shrinkOnMobile":"1","shrinkHeight":"50"}; </script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/sticky/header.min.js?ver=6.0" id="wpex-sticky-header-js" defer data-wp-strategy="defer"></script> <script id="wpex-mobile-menu-sidr-js-extra"> var wpex_mobile_menu_sidr_params = {"breakpoint":"959","i18n":{"openSubmenu":"Open submenu of %s","closeSubmenu":"Close submenu of %s"},"openSubmenuIcon":"<span class=\"wpex-open-submenu__icon wpex-transition-transform wpex-duration-300 wpex-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\/><\/svg><\/span>","source":"#mobile-menu-alternative, #mobile-menu-search","side":"right","dark_surface":"1","displace":"","aria_label":"Mobile menu","aria_label_close":"Close mobile menu","class":["wpex-mobile-menu"],"speed":"300"}; </script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/mobile-menu/sidr.min.js?ver=6.0" id="wpex-mobile-menu-sidr-js" defer data-wp-strategy="defer"></script> <script></script><link rel="https://api.w.org/" href="https://colorlib.com/wp/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://colorlib.com/wp/wp-json/wp/v2/pages/47862" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://colorlib.com/wp/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://colorlib.com/wp/?p=47862' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://colorlib.com/wp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcolorlib.com%2Fwp%2Fthemes%2Fshapely%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://colorlib.com/wp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcolorlib.com%2Fwp%2Fthemes%2Fshapely%2F&format=xml" /> <meta name="generator" content="Easy Digital Downloads v3.3.6.1" /> <link rel="icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/colorlib-favicon.png" sizes="32x32"><link rel="shortcut icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/colorlib-favicon.png"><link rel="apple-touch-icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/apple-colorlib-icon.png" sizes="57x57" ><link rel="apple-touch-icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/ipad-colorlib.png" sizes="76x76" ><link rel="apple-touch-icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/apple-retina-colorlib.png" sizes="120x120"><link rel="apple-touch-icon" href="https://colorlib.com/wp/wp-content/uploads/sites/2/2014/05/ipad-retina-colorlib.png" sizes="114x114"><noscript><style>body:not(.content-full-screen) .wpex-vc-row-stretched[data-vc-full-width-init="false"]{visibility:visible;}</style></noscript> <style id="wp-custom-css"> .single-blog-article .entry h2{margin-top:60px;}.intro-section .ticon,.builder-top-icon{font-size:62px;color:#77CC6D;}.builder-top-icon{margin:50px auto;}.step-block{border:1px solid #eee;}.step-block:nth-child(2){border-left:none;border-right:none;}.step-block,.intro-benefits{transition:background-color 0.5s ease;}.step-block:hover,.intro-benefits:hover{background-color:rgba(0,0,0,0.03);}.intro-benefits{border:1px solid #eee;height:auto;min-height:190px;padding:30px;padding-bottom:0;}.intro-benefits:nth-child(even){border-left:none;}.builder-title{font-size:26px;font-weight:600;}@media (max-width:767px){.intro-section{text-align:center;}}.colorlib-infogram{max-width:600px;margin:auto;float:none;}.postid-24602 .site-content{max-width:900px;margin:auto;float:none;color:#4b4b4b;}.postid-24602 .site-content p{margin:0 0 26px 0;}.postid-24602 .entry{max-width:900px;}.postid-24602 .single-post-title{font-size:31px;font-weight:600;}@media (min-width:1200px){.postid-24602 .single-blog-article .entry li:before{margin-left:40px;}}.web-steps .ticon{font-size:200px;padding:20px;color:#77CC6D;text-align:center;}.web-steps{text-align:center;margin:100px 0;}.web-steps h1{font-size:100px;text-transform:uppercase;}.web-steps h3{font-size:26px;}.postid-24602 .entry h2{margin-top:60px;font-size:28px;color:#4B4B4B;}.intro-section{margin-top:50px;}.builder-steps-row{text-align:center;}.postid-24602 .aligncenter{margin:30px 0;}.theme-button.graphical{float:none;min-width:140px;text-align:center;}pre:before{display:none;}.blog-entry.status-private{opacity:0.3;}#comments .comment-meta time{display:none;}h4.theme-heading.border-bottom.social-share-title span.text{visibility:hidden;}.single-portfolio .aff-disclosure,.single-portfolio .footer-notice{display:none;}.is-search-form.is-form-style{width:50%;margin:3% 25%;}.tax-portfolio_category ul.vcex-portfolio-filter{margin:0 20px;}.site-footer,.navbar-style-one{content-visibility:auto;}.colorlib-disclosure{background:#1a73e8;color:#fff;font-size:14px;line-height:1.5;padding:12px;text-align:center;margin-bottom:20px;}.single-post #post-media{margin-bottom:0;}figure.wp-block-image{margin-bottom:20px;}.colorlib-disclosure a{color:#fff;text-decoration:underline;}.colorlib-disclosure a:hover{text-decoration:none;color:#fff;}.slogan{margin-top:20px;text-align:center;}.colorlib-logo-white{display:block;margin-right:auto;width:50%;}.header-one #site-logo{max-width:140px;}h3 a{color:#1a73e8;}h3 a:hover{text-decoration:underline;}p.has-large-font-size{line-height:40px;}.wp-block-media-text{margin:50px 0;}ol.top-ten{border-left:4px solid #09aa59;padding:10px 36px;background:#f6f6f6;margin:20px 0;}.wp-block-image figcaption{text-align:center;}ul.has-on-accent-background-color.has-background{border:1px #d1d0d0 solid;border-radius:20px;margin:5px;}.wp-block-group.has-background{padding:30px;}figcaption{text-align:center;font-style:italic;font-size:0.8em;}.wp-block-image{margin-bottom:20px;}ul#portfolio-single-meta .meta-date{display:none;}.wp-container-core-details-layout-1.wp-container-core-details-layout-1{padding:15px;border:1px solid #ddd !important;border-radius:10px;}ul.vcex-portfolio-filter.vcex-filter-links.clr li{list-style:none;float:left;padding:3px;} </style> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><style data-type="wpex-css" id="wpex-css">:root{--wpex-term-63032-color:#81d742;}.has-term-63032-color{color:var(--wpex-term-63032-color)!important;}.has-term-63032-background-color{background-color:var(--wpex-term-63032-color)!important;}/*TYPOGRAPHY*/body{font-size:16px;color:#26282b;line-height:1.8em;}/*CUSTOMIZER STYLING*/:root{--wpex-accent:#1a73e8;--wpex-accent-alt:#1a73e8;--wpex-accent-alt:#1464cc;--wpex-link-color:#1a73e8;--wpex-hover-heading-link-color:#1a73e8;--wpex-hover-link-color:#1464cc;--wpex-site-header-shrink-start-height:43px;--wpex-site-header-shrink-end-height:30px;--wpex-vc-column-inner-margin-bottom:40px;}:root,.site-boxed.wpex-responsive #wrap{--wpex-container-width:1140px;}#top-bar-wrap{background-color:#1a73e8;}.wpex-top-bar-sticky{background-color:#1a73e8;}#top-bar{color:#ffffff;--wpex-text-2:#ffffff;--wpex-text-3:#ffffff;--wpex-text-4:#ffffff;--wpex-link-color:#d6d6d6;}#top-bar-social a.wpex-social-btn-no-style{color:#ffffff;}#top-bar-social a.wpex-social-btn-no-style:hover{color:#dddddd;}#site-navigation-wrap{--wpex-hover-main-nav-link-color:#1a73e8;--wpex-active-main-nav-link-color:#1a73e8;}#footer-callout-wrap{padding-block-start:70px;padding-block-end:70px;}@media only screen and (min-width:960px){:root{--wpex-content-area-width:840px;--wpex-primary-sidebar-width:250px;}#site-logo .logo-img{max-width:180px;}}@media only screen and (min-width:960px) and (max-width:1280px){:root,.site-boxed.wpex-responsive #wrap{--wpex-container-width:100%;}:root{--wpex-content-area-width:69%;--wpex-primary-sidebar-width:26%;}}</style><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> <style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.18.2" data-wpr-features="wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_automatic_lazy_rendering wpr_oci wpr_minify_css wpr_preload_links wpr_desktop wpr_dns_prefetch" /></head> <body class="page-template-default page page-id-47862 page-child parent-pageid-5091 wp-custom-logo wp-embed-responsive edd-js-none c60 wpex-theme wpex-responsive full-width-main-layout has-composer wpex-live-site site-full-width content-full-width has-topbar sidebar-widget-icons hasnt-overlay-header wpex-antialiased has-mobile-menu wpex-mobile-toggle-menu-icon_buttons wpex-no-js wpb-js-composer js-comp-ver-8.0 vc_responsive"> <a href="#content" class="skip-to-content">Skip to content</a> <style>.edd-js-none .edd-has-js, .edd-js .edd-no-js, body.edd-js input.edd-no-js { display: none; }</style> <script>/* <![CDATA[ */(function(){var c = document.body.classList;c.remove('edd-js-none');c.add('edd-js');})();/* ]]> */</script> <span data-ls_id="#site_top" tabindex="-1"></span> <div id="outer-wrap" class="wpex-clr"> <div id="wrap" class="wpex-clr"> <div id="top-bar-wrap" class="wpex-border-b wpex-border-main wpex-border-solid wpex-text-sm wpex-print-hidden"> <div id="top-bar" class="container wpex-relative wpex-py-15 wpex-md-flex wpex-justify-between wpex-items-center wpex-text-center wpex-md-text-initial"> <div id="top-bar-content" class="has-content top-bar-left wpex-clr"><span style="color:000;font-size:16px;" class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"/></svg></span> <strong>Our free WordPress themes are downloaded over 5 MILLION times.</strong> <a title="Awesome & Free WordPress Themes" href="https://colorlib.com/wp/themes/">Get them now!</a></div> <div id="top-bar-social" class="top-bar-right wpex-mt-10 wpex-md-mt-0 social-style-none"><ul id="top-bar-social-list" class="wpex-inline-flex wpex-flex-wrap wpex-gap-y-5 wpex-list-none wpex-m-0 wpex-last-mr-0 wpex-gap-x-15 wpex-justify-center wpex-md-justify-start"><li class="top-bar-social-list__item"><a href="https://twitter.com/colorlib" target="_blank" class="top-bar-social-list__link wpex-twitter wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></span><span class="screen-reader-text">Twitter</span></a></li><li class="top-bar-social-list__item"><a href="https://www.facebook.com/colorlib" target="_blank" class="top-bar-social-list__link wpex-facebook wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg></span><span class="screen-reader-text">Facebook</span></a></li><li class="top-bar-social-list__item"><a href="https://www.instagram.com/colorlib/" target="_blank" class="top-bar-social-list__link wpex-instagram wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></span><span class="screen-reader-text">Instagram</span></a></li><li class="top-bar-social-list__item"><a href="https://www.linkedin.com/company/colorlib" target="_blank" class="top-bar-social-list__link wpex-linkedin wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg></span><span class="screen-reader-text">LinkedIn</span></a></li><li class="top-bar-social-list__item"><a href="https://www.youtube.com/Colorlib" target="_blank" class="top-bar-social-list__link wpex-youtube wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg></span><span class="screen-reader-text">YouTube</span></a></li><li class="top-bar-social-list__item"><a href="https://feeds.feedburner.com/colorlib/aWTQ" target="_blank" class="top-bar-social-list__link wpex-rss wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg></span><span class="screen-reader-text">RSS</span></a></li><li class="top-bar-social-list__item"><a href="https://github.com/colorlibhq/" target="_blank" class="top-bar-social-list__link wpex-github wpex-social-btn wpex-social-btn-no-style" rel="noopener noreferrer"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg></span><span class="screen-reader-text">Github</span></a></li></ul></div></div> </div> <div id="site-header-sticky-wrapper" class="wpex-sticky-header-holder not-sticky wpex-print-hidden"> <header id="site-header" class="header-one wpex-z-sticky fixed-scroll has-sticky-dropshadow shrink-sticky-header on-shrink-adjust-height dyn-styles wpex-print-hidden wpex-relative wpex-clr"> <div id="site-header-inner" class="header-one-inner header-padding container wpex-relative wpex-h-100 wpex-py-30 wpex-clr"> <div id="site-logo" class="site-branding header-one-logo logo-padding wpex-flex wpex-items-center wpex-float-left wpex-h-100"> <div id="site-logo-inner" ><a id="site-logo-link" href="https://colorlib.com/wp/" rel="home" class="main-logo"><picture class="logo-img wpex-h-auto wpex-max-w-100 wpex-align-middle" fetchpriority="high"> <source type="image/webp" srcset="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top.png.webp"/> <img src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top.png" alt="Colorlib" width="895" height="217" fetchpriority="high"/> </picture> </a></div> </div> <div id="site-navigation-wrap" class="navbar-style-one navbar-fixed-height navbar-fixed-line-height wpex-dropdowns-caret wpex-stretch-megamenus hide-at-mm-breakpoint wpex-clr wpex-print-hidden"> <nav id="site-navigation" class="navigation main-navigation main-navigation-one wpex-clr" aria-label="Main menu"><ul id="menu-main-small-2022" class="main-navigation-ul dropdown-menu wpex-dropdown-menu wpex-dropdown-menu--onhover wpex-dropdown-menu--animate"><li id="menu-item-323583" class="menu-item"><a href="https://colorlib.com/wp/"><span class="link-inner">Home</span></a></li> <li id="menu-item-323587" class="menu-item"><a target="_blank" rel="noopener" href="https://colorlibsupport.com/"><span class="link-inner">Support</span></a></li> <li id="menu-item-323588" class="menu-item"><a title="Best Free WordPress Themes" href="https://colorlib.com/wp/themes/"><span class="link-inner">Free Themes</span></a></li> <li id="menu-item-323589" class="menu-item"><a href="https://colorlib.com/wp/category/collections/"><span class="link-inner">Premium Themes</span></a></li> <li id="menu-item-323603" class="menu-item"><a href="https://colorlib.com/wp/templates/"><span class="link-inner">Website Templates</span></a></li> <li id="menu-item-323604" class="menu-item"><a href="https://colorlib.com/wp/"><span class="link-inner">Blog</span></a></li> <li id="menu-item-323611" class="menu-item"><a href="https://colorlib.com/checkout/my-account/"><span class="link-inner">Account</span></a></li> <li class="search-toggle-li menu-item wpex-menu-extra no-icon-margin"><a href="#" class="site-search-toggle search-header-replace-toggle" role="button" aria-expanded="false" aria-controls="searchform-header-replace" aria-label="Search"><span class="link-inner"><span class="wpex-menu-search-text wpex-hidden">Search</span><span class="wpex-menu-search-icon wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg></span></span></a></li></ul></nav> </div> <div id="mobile-menu" class="wpex-mobile-menu-toggle show-at-mm-breakpoint wpex-flex wpex-items-center wpex-absolute wpex-top-50 -wpex-translate-y-50 wpex-right-0"> <div class="wpex-inline-flex wpex-items-center"> <a href="#" class="mobile-menu-toggle" role="button" aria-expanded="false"><span class="mobile-menu-toggle__icon wpex-flex"><span class="wpex-hamburger-icon wpex-hamburger-icon--inactive wpex-hamburger-icon--animate" aria-hidden="true"><span></span></span></span><span class="screen-reader-text" data-open-text>Open mobile menu</span><span class="screen-reader-text" data-open-text>Close mobile menu</span></a> </div> </div></div> <div id="searchform-header-replace" class="header-searchform-wrap wpex-absolute wpex-z-dropdown wpex-inset-0 wpex-transition-all wpex-duration-300 wpex-invisible wpex-opacity-0 wpex-text-xl"> <div class="searchform-header-replace__inner container wpex-flex wpex-justify-between wpex-items-center wpex-relative wpex-h-100"> <form role="search" method="get" class="searchform searchform--classic" action="https://colorlib.com/wp/"> <label for="searchform-input-67bd64793c804" class="searchform-label screen-reader-text">Search</label> <input id="searchform-input-67bd64793c804" type="search" class="searchform-input" name="s" placeholder="Search" required> <button type="submit" class="searchform-submit" aria-label="Submit search"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg></span></button> </form> <button id="searchform-header-replace-close" class="wpex-unstyled-button wpex-transition-colors wpex-flex wpex-items-center wpex-justify-center wpex-user-select-none wpex-hover-text-1"> <span class="searchform-header-replace-close__icon wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></span> <span class="screen-reader-text">Close search</span> </button> </div> </div> </header> </div> <main id="main" class="site-main wpex-clr"> <header class="page-header has-aside default-page-header wpex-relative wpex-mb-40 wpex-surface-2 wpex-py-20 wpex-border-t wpex-border-b wpex-border-solid wpex-border-surface-3 wpex-text-2 wpex-supports-mods"> <div class="page-header-inner container wpex-md-flex wpex-md-flex-wrap wpex-md-items-center wpex-md-justify-between"> <div class="page-header-content wpex-md-mr-15"> <h1 class="page-header-title wpex-block wpex-m-0 wpex-text-2xl"> <span>Shapely – One Page WordPress Theme</span> </h1> </div> <div class="page-header-aside wpex-md-text-right"><nav class="site-breadcrumbs position-page_header_aside wpex-text-4 wpex-text-sm" aria-label="You are here:"><span class="breadcrumb-trail"><span><span><a href="https://colorlib.com/wp/">Home</a></span> 禄 <span><a href="https://colorlib.com/wp/themes/">Best Responsive WordPress Themes</a></span> 禄 <span class="breadcrumb_last" aria-current="page">Shapely – One Page WordPress Theme</span></span></span></nav></div></div> </header> <div id="content-wrap" class="container wpex-clr"> <div id="primary" class="content-area wpex-clr"> <div id="content" class="site-content wpex-clr"> <article id="single-blocks" class="single-page-article wpex-clr"> <div class="single-page-content single-content entry wpex-clr"><div class="wpb-content-wrapper"><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_ wpb_content_element"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><picture class="vc_single_image-img attachment-full" title="flexible-free-multipurpose-wordpress-theme"> <source type="image/webp" srcset="https://colorlib.com/wp/wp-content/uploads/sites/2/flexible-free-multipurpose-wordpress-theme.jpg.webp"/> <img data-no-lazy="" fetchpriority="high" width="1600" height="999" src="https://colorlib.com/wp/wp-content/uploads/sites/2/flexible-free-multipurpose-wordpress-theme.jpg" alt=""/> </picture> </div> </figure> </div> </div></div></div></div><div class="vc_row wpb_row vc_row-fluid theme-download wpex-relative" style="margin-top: 10px;margin-bottom: 10px;"><div class="wpb_column vc_column_container vc_col-sm-2"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-button.vcex_67bd6479414cd{border-radius:3px;}</style><a href="https://colorlibhub.com/shapely/" class="vcex-button theme-button flat green large align-left inline vcex_67bd6479414cd" title="Demo" target="_blank" rel="nofollow noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.714 17.143q-2.714-4.214-6.804-6.304 1.089 1.857 1.089 4.018 0 3.304-2.348 5.652t-5.652 2.348-5.652-2.348-2.348-5.652q0-2.161 1.089-4.018-4.089 2.089-6.804 6.304 2.375 3.661 5.955 5.83t7.759 2.17 7.759-2.17 5.955-5.83zM16.857 10.286q0-0.357-0.25-0.607t-0.607-0.25q-2.232 0-3.83 1.598t-1.598 3.83q0 0.357 0.25 0.607t0.607 0.25 0.607-0.25 0.25-0.607q0-1.536 1.089-2.625t2.625-1.089q0.357 0 0.607-0.25t0.25-0.607zM32 17.143q0 0.607-0.357 1.232-2.5 4.107-6.723 6.58t-8.92 2.473-8.92-2.482-6.723-6.571q-0.357-0.625-0.357-1.232t0.357-1.232q2.5-4.089 6.723-6.571t8.92-2.482 8.92 2.482 6.723 6.571q0.357 0.625 0.357 1.232z"></path></svg></span></span>Demo</span></a> <style>.vcex-button.vcex_67bd64794232a{border-radius:3px;}</style><a href="https://colorlib.com/out/download-shapely/" class="vcex-button theme-button flat red large align-left inline vcex_67bd64794232a" title="Download Theme" target="_blank" rel="noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg></span></span>Download</span></a> <style>.vcex-button.vcex_67bd647942cf9{border-radius:3px;}</style><a href="https://colorlib.com/wp/support/shapely/" class="vcex-button theme-button flat blue large align-left inline vcex_67bd647942cf9" title="Theme Documentation" target="_blank" rel="noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M308.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L304 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L199 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C173.9 8.4 167.2 8 160.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L115 56.1c-13.3 5-25.5 12.1-36.2 20.9L50.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C32.6 161.9 32 168.9 32 176s.6 14.1 1.7 20.9L11.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM112 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM504.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L583.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L315.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM464 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/></svg></span></span>Documentation</span></a> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-2"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative" style="margin-bottom: 40px;"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more.</p> <p>Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast, and much more. Needless to say, that theme is mobile-friendly and responsive which makes it look stunning on any device.</p> <p>This theme is the best suited for business, landing page, portfolio, eCommerce, store, local business, and personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique <a href="https://colorlib.com/wp/best-one-page-wordpress-themes/">one page setup</a>. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen and it will deliver the best SEO results since we have well optimized it structure.</p> <p>Shapely works with all the most popular <a href="https://colorlib.com/wp/page-builder-wordpress-plugins/">WordPress page builder plugins</a> such as Elementor or WPBakery Page Builder.</p> </div> </div> </div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd6479449bc .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd6479449bc"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 64C0 28.7 28.7 0 64 0H384c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM256 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM384 64H64V384H384V64z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Responsive & Flat Design</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>This theme is developed using Bootstrap frontend framework which makes it fully responsive and optimized for all mobile devices such as iPad, iPhone, Android and Windows Phone. It executes “Mobile First” approach.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd647945bbf .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd647945bbf"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V288H64V64H512z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Retina Ready</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>Razor sharp text, vibrant colors, stunning graphics, sharp images, premium feel 聽and beautiful vectorized icons on HiDPI (Retina) displays.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd647946c63 .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd647946c63"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M308.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L304 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L199 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C173.9 8.4 167.2 8 160.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L115 56.1c-13.3 5-25.5 12.1-36.2 20.9L50.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C32.6 161.9 32 168.9 32 176s.6 14.1 1.7 20.9L11.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM112 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM504.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L583.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L315.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM464 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">WordPress Customizer Support</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>Shapely has dozens of聽options聽for additional customization. You can edit footer copyright information, change element color, add聽hero image, tweak sections聽and much more.</p> </div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794811d .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794811d"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M149.1 64.8L138.7 96H64C28.7 96 0 124.7 0 160V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H373.3L362.9 64.8C356.4 45.2 338.1 32 317.4 32H194.6c-20.7 0-39 13.2-45.5 32.8zM256 192a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Hero Image</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>Fullscreen hero image聽will make your most important content to stand out. Also great to call for action with style.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd6479491de .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd6479491de"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Awesome Support</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>We have an outstanding support team and we will help you free of charge. Some additional services and website development services are also available. Feel free to leave a message on our聽<a href="https://colorlibsupport.com/" target="_blank" rel="nofollow">support forum</a>.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794a1d1 .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794a1d1"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 32"><path d="M25.714 8q0-0.714-0.5-1.214t-1.214-0.5-1.214 0.5-0.5 1.214 0.5 1.214 1.214 0.5 1.214-0.5 0.5-1.214zM29.714 2.857q0 4.446-1.348 7.687t-4.527 6.438q-1.446 1.429-3.482 3.143l-0.357 6.768q-0.036 0.286-0.286 0.464l-6.857 4q-0.125 0.071-0.286 0.071-0.214 0-0.411-0.161l-1.143-1.143q-0.232-0.25-0.143-0.571l1.518-4.929-5.018-5.018-4.929 1.518q-0.054 0.018-0.161 0.018-0.25 0-0.411-0.161l-1.143-1.143q-0.304-0.339-0.089-0.696l4-6.857q0.179-0.25 0.464-0.286l6.768-0.357q1.714-2.036 3.143-3.482 3.357-3.339 6.393-4.607t7.696-1.268q0.25 0 0.429 0.17t0.179 0.402z"></path></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">One Page</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>Shapely theme features a sleek one page layout which is well suited for business and landing page style websites.</p> </div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794b4e1 .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794b4e1"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M18.286 25.143h11.429v-2.286h-11.429v2.286zM11.429 16h18.286v-2.286h-18.286v2.286zM22.857 6.857h6.857v-2.286h-6.857v2.286zM32 21.714v4.571q0 0.464-0.339 0.804t-0.804 0.339h-29.714q-0.464 0-0.804-0.339t-0.339-0.804v-4.571q0-0.464 0.339-0.804t0.804-0.339h29.714q0.464 0 0.804 0.339t0.339 0.804zM32 12.571v4.571q0 0.464-0.339 0.804t-0.804 0.339h-29.714q-0.464 0-0.804-0.339t-0.339-0.804v-4.571q0-0.464 0.339-0.804t0.804-0.339h29.714q0.464 0 0.804 0.339t0.339 0.804zM32 3.429v4.571q0 0.464-0.339 0.804t-0.804 0.339h-29.714q-0.464 0-0.804-0.339t-0.339-0.804v-4.571q0-0.464 0.339-0.804t0.804-0.339h29.714q0.464 0 0.804 0.339t0.339 0.804z"></path></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Plugin Support</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>This theme supports most if not all free and premium WordPress plugins. We did extra optimization for most popular plugins such as Contact Form 7, WordPress SEO Plugin, Jetpack, W3 Total Cache, iThemes Security, Easy Bootstrap Shortcodes and many more</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794c4dd .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794c4dd"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 32"><path d="M11.429 27.429q0 0.929-0.679 1.607t-1.607 0.679-1.607-0.679-0.679-1.607 0.679-1.607 1.607-0.679 1.607 0.679 0.679 1.607zM27.429 27.429q0 0.929-0.679 1.607t-1.607 0.679-1.607-0.679-0.679-1.607 0.679-1.607 1.607-0.679 1.607 0.679 0.679 1.607zM29.714 8v9.143q0 0.429-0.295 0.759t-0.723 0.384l-18.643 2.179q0.232 1.071 0.232 1.25 0 0.286-0.429 1.143h16.429q0.464 0 0.804 0.339t0.339 0.804-0.339 0.804-0.804 0.339h-18.286q-0.464 0-0.804-0.339t-0.339-0.804q0-0.196 0.143-0.563t0.286-0.643 0.384-0.714 0.277-0.527l-3.161-14.696h-3.643q-0.464 0-0.804-0.339t-0.339-0.804 0.339-0.804 0.804-0.339h4.571q0.286 0 0.509 0.116t0.348 0.277 0.232 0.438 0.143 0.464 0.098 0.527 0.080 0.464h21.446q0.464 0 0.804 0.339t0.339 0.804z"></path></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">WooCommerce</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>WooCommerce is no longer a premium theme feature and you can get it now for free. Build your own eCommerce website with ease.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794d59b .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794d59b"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C64 14.3 49.7 0 32 0S0 14.3 0 32V64 368 480c0 17.7 14.3 32 32 32s32-14.3 32-32V352l64.3-16.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30V66.1c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L64 48V32z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Translation Ready</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>Theme is translation and multilingual ready. More information is available on聽<a title="How to translate Travelify and Pinbin WordPress themes" href="https://colorlib.com/wp/how-to-translate-wordpress-theme/">how to translate WordPress themes</a>. We would really appreciate if you could help with translation into your language.</p> </div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794eae5 .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794eae5"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M88.7 223.8L0 375.8V96C0 60.7 28.7 32 64 32H181.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7H416c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224H544c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Font Awesome Icons</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>This theme has a built in Font Awesome support. These are vector based icons that can be used in any color and size anywhere in the website.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd64794fb70 .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd64794fb70"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M288 0c-12.2 .1-23.3 7-28.6 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288 439.8V0zM429.9 512c1.1 .1 2.1 .1 3.2 0h-3.2z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Unlimited Color Options</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>It is a highly customizable theme with unlimited color options. There are several one-click color pickers to change colors for each and every theme element.</p> </div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-icon-box.vcex_67bd647950c1d .vcex-icon-box-icon{font-size:42px;color:#81b65f;}</style><div class="vcex-module vcex-icon-box vcex-icon-box-two wpex-block wpex-text-center vcex_67bd647950c1d"><div class="vcex-icon-box-symbol vcex-icon-box-symbol--icon wpex-mb-20"><div class="vcex-icon-box-icon wpex-items-center wpex-justify-center wpex-child-inherit-color wpex-text-center wpex-leading-none wpex-inline-flex wpex-text-1"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M88.7 223.8L0 375.8V96C0 60.7 28.7 32 64 32H181.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7H416c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224H544c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z"/></svg></span></div></div><div class="vcex-icon-box-text"><h2 class="vcex-icon-box-heading wpex-heading wpex-text-md wpex-mb-10">Theme Documentation</h2><div class="vcex-icon-box-content wpex-last-mb-0 wpex-clr"><p>We have covered the most important functions on the detailed Theme instructions page that聽<a title="Travelify Theme Instructions" href="https://colorlib.com/wp/support/shapely/">you can find here</a>.</p> </div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid theme-download wpex-relative" style="margin-top: 10px;margin-bottom: 10px;"><div class="wpb_column vc_column_container vc_col-sm-2"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper"><style>.vcex-button.vcex_67bd64795227c{border-radius:3px;}</style><a href="https://colorlibhub.com/shapely/" class="vcex-button theme-button flat green large align-left inline vcex_67bd64795227c" title="Demo" target="_blank" rel="nofollow noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.714 17.143q-2.714-4.214-6.804-6.304 1.089 1.857 1.089 4.018 0 3.304-2.348 5.652t-5.652 2.348-5.652-2.348-2.348-5.652q0-2.161 1.089-4.018-4.089 2.089-6.804 6.304 2.375 3.661 5.955 5.83t7.759 2.17 7.759-2.17 5.955-5.83zM16.857 10.286q0-0.357-0.25-0.607t-0.607-0.25q-2.232 0-3.83 1.598t-1.598 3.83q0 0.357 0.25 0.607t0.607 0.25 0.607-0.25 0.25-0.607q0-1.536 1.089-2.625t2.625-1.089q0.357 0 0.607-0.25t0.25-0.607zM32 17.143q0 0.607-0.357 1.232-2.5 4.107-6.723 6.58t-8.92 2.473-8.92-2.482-6.723-6.571q-0.357-0.625-0.357-1.232t0.357-1.232q2.5-4.089 6.723-6.571t8.92-2.482 8.92 2.482 6.723 6.571q0.357 0.625 0.357 1.232z"></path></svg></span></span>Demo</span></a> <style>.vcex-button.vcex_67bd647952c3e{border-radius:3px;}</style><a href="https://colorlib.com/out/download-shapely/" class="vcex-button theme-button flat red large align-left inline vcex_67bd647952c3e" title="Download Theme" target="_blank" rel="noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg></span></span>Download</span></a> <style>.vcex-button.vcex_67bd647953676{border-radius:3px;}</style><a href="https://colorlib.com/wp/support/shapely/" class="vcex-button theme-button flat blue large align-left inline vcex_67bd647953676" title="Theme Documentation" target="_blank" rel="noopener noreferrer"><span class="vcex-button-inner theme-button-inner wpex-flex wpex-flex-wrap wpex-items-center wpex-justify-center"><span class="vcex-button-icon vcex-icon-wrap theme-button-icon-left"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M308.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L304 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L199 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C173.9 8.4 167.2 8 160.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L115 56.1c-13.3 5-25.5 12.1-36.2 20.9L50.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C32.6 161.9 32 168.9 32 176s.6 14.1 1.7 20.9L11.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM112 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM504.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L583.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L315.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM464 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/></svg></span></span>Documentation</span></a> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-2"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpex-relative"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_tta-container" data-vc-action="collapse"><div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left"><div class="vc_tta-tabs-container"><ul class="vc_tta-tabs-list"><li class="vc_tta-tab vc_active" data-vc-tab><a href="#1449772635573-67167a3c-0a24" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Latest version</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1449772664505-916959e1-4caf" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Documentation</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1449772636037-0a0e2f72-91c0" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Changelog</span></a></li></ul></div><div class="vc_tta-panels-container"><div class="vc_tta-panels"><div class="vc_tta-panel vc_active" id="1449772635573-67167a3c-0a24" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1449772635573-67167a3c-0a24" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Latest version</span></a></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <ul> <li><strong>Version:</strong> 聽1.2.14</li> <li><strong>Last updated:</strong> April 2022</li> </ul> </div> </div> </div></div><div class="vc_tta-panel" id="1449772664505-916959e1-4caf" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1449772664505-916959e1-4caf" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Documentation</span></a></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <ul> <li><a title="Shapely Theme Documentation" href="https://colorlib.com/wp/support/shapely/">Theme Documentation</a></li> </ul> </div> </div> </div></div><div class="vc_tta-panel" id="1449772636037-0a0e2f72-91c0" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1449772636037-0a0e2f72-91c0" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Changelog</span></a></h4></div><div class="vc_tta-panel-body"> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p>== Changelog ==<br /> = 1.2.0 =</p> <p>* Implemented milestone https://github.com/puikinsh/shapely/milestone/4</p> <p>= 1.1.6 =</p> <p>* Implemented milestone https://github.com/puikinsh/shapely/milestone/2</p> <p>= 1.1.5 =</p> <p>* Added French translation thanks to Micha毛l Crofte</p> <p>= 1.1.0 =</p> <p>* Major upgrade to comply with WordPress.org guidelines and best practices.</p> <p>= 1.0.5 =</p> <p>* Improved theme translation</p> <p>= 1.0.4 =</p> <p>* Removed deprecated tags</p> <p>= 1.0.3 =</p> <p>* Small bug fixes and improvements</p> <p>= 1.0.2 =</p> <p>* Fixed parse error for older version of PHP.<br /> * Fixed error when mobile menu was appearing along regular menu between 990px – 991px.</p> <p>= 1.0.1 =</p> <p>* Renamed JavaScript file to get rid of not found error.<br /> * Updated Smooth Scroll to 1.7.2</p> <p>= 1.0.0 =<br /> * Initial release</p> </div> </div> </div></div></div></div></div></div></div></div></div></div> </div></div> </article> </div> </div> </div> </main> <div data-wpr-lazyrender="1" id="footer-callout-wrap" class="wpex-surface-2 wpex-text-2 wpex-py-30 wpex-border-solid wpex-border-surface-3 wpex-border-y wpex-print-hidden"> <div id="footer-callout" class="container wpex-md-flex wpex-md-items-center"> <div id="footer-callout-left" class="footer-callout-content wpex-text-xl wpex-md-flex-grow wpex-md-w-75">We change everything WordPress. One WordPress theme at a time. </div> <div id="footer-callout-right" class="footer-callout-button wpex-mt-20 wpex-md-w-25 wpex-md-pl-20 wpex-md-mt-0"><a href="https://colorlib.com/wp/themes/" class="footer-callout-button-link theme-button wpex-flex wpex-items-center wpex-justify-center wpex-m-0 wpex-py-15 wpex-px-20 wpex-text-lg" target="_blank" rel="noopener noreferrer"><span class="footer-callout-button-text">Find out more!</span><span class="footer-callout-button-icon theme-button-icon-right wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 32"><path d="M25.714 8q0-0.714-0.5-1.214t-1.214-0.5-1.214 0.5-0.5 1.214 0.5 1.214 1.214 0.5 1.214-0.5 0.5-1.214zM29.714 2.857q0 4.446-1.348 7.687t-4.527 6.438q-1.446 1.429-3.482 3.143l-0.357 6.768q-0.036 0.286-0.286 0.464l-6.857 4q-0.125 0.071-0.286 0.071-0.214 0-0.411-0.161l-1.143-1.143q-0.232-0.25-0.143-0.571l1.518-4.929-5.018-5.018-4.929 1.518q-0.054 0.018-0.161 0.018-0.25 0-0.411-0.161l-1.143-1.143q-0.304-0.339-0.089-0.696l4-6.857q0.179-0.25 0.464-0.286l6.768-0.357q1.714-2.036 3.143-3.482 3.357-3.339 6.393-4.607t7.696-1.268q0.25 0 0.429 0.17t0.179 0.402z"></path></svg></span></a></div> </div> </div> <footer id="footer" class="site-footer wpex-surface-dark wpex-print-hidden"> <div id="footer-inner" class="site-footer-inner container wpex-pt-40 wpex-clr"> <div id="footer-widgets" class="wpex-row wpex-clr gap-30"> <div class="footer-box span_1_of_3 col col-1"><div id="nav_menu-8" class="wpex-bordered-list footer-widget widget wpex-pb-40 wpex-clr widget_nav_menu"><div class='widget-title wpex-heading wpex-text-md wpex-mb-20'>Useful</div><div class="menu-useful-container"><ul id="menu-useful" class="menu"><li id="menu-item-16463" class="menu-item"><a href="https://colorlib.com/wp/about/">About Colorlib</a></li> <li id="menu-item-16464" class="menu-item"><a href="https://colorlib.com/wp/advertise/" title="Advertise on Colorlib">Advertise</a></li> <li id="menu-item-360208" class="menu-item"><a href="https://colorlib.com/wp/squarespace-templates/">Squarespace Templates</a></li> <li id="menu-item-16465" class="menu-item"><a href="https://colorlib.com/wp/themes/" title="Free WordPress Themes 2021">WordPress Themes</a></li> <li id="menu-item-133453" class="menu-item"><a href="https://colorlib.com/wp/templates/" title="HTML website templates">Website Templates</a></li> <li id="menu-item-211142" class="menu-item"><a href="https://colorlib.com/wp/cat/bootstrap/" title="Free Bootstrap templates">Bootstrap Templates</a></li> <li id="menu-item-16766" class="menu-item"><a target="_blank" rel="noopener" href="https://colorlibsupport.com/">Support Forum<span class="wpex-open-submenu wpex-items-center wpex-justify-end wpex-absolute wpex-top-0 wpex-right-0 wpex-h-100 wpex-w-100 wpex-cursor-pointer wpex-overflow-hidden"><span class="wpex-open-submenu__icon wpex-mr-10 wpex-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="24" width="24"/><g transform="matrix(0, -1, 1, 0, -0.115, 23.885)"><polygon points="17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12"/></g></svg></span></span></a> <ul class="sub-menu"> <li id="menu-item-144353" class="menu-item"><a href="https://colorlib.com/wp/support-policy/">– Support Policy</a></li> </ul> </li> <li id="menu-item-16466" class="menu-item"><a href="https://colorlib.com/wp/contact-us/">Contact us</a></li> <li id="menu-item-23229" class="menu-item"><a href="https://colorlib.com/wp/jobs/">We Are Hiring!</a></li> </ul></div></div></div> <div class="footer-box span_1_of_3 col col-3"><div id="block-9" class="footer-widget widget wpex-pb-40 wpex-clr widget_block"><p><a href="https://colorlib.com/"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20170%2041'%3E%3C/svg%3E" class="colorlib-logo-white" alt="Colorlib-logo" width="170" height="41" data-lazy-src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-white.png.webp"><noscript><img decoding="async" src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-white.png.webp" class="colorlib-logo-white" loading="lazy" alt="Colorlib-logo" width="170" height="41"></noscript></a></p> <p>We change everything WordPress.</p> <p>One WP theme at a time.</p></div></div> </div> </div> </footer> <div data-wpr-lazyrender="1" id="footer-bottom" class="wpex-py-20 wpex-text-sm wpex-surface-dark wpex-bg-gray-900 wpex-text-center wpex-md-text-left wpex-print-hidden"> <div id="footer-bottom-inner" class="container"><div class="footer-bottom-flex wpex-md-flex wpex-md-justify-between wpex-md-items-center"> <div id="copyright" class="wpex-last-mb-0">Copyright 2013-2025 colorlib.com | operated by Divilab LLC聽<a title="Privacy Policy" href="https://colorlib.com/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>聽| <a title="Terms and Conditions" href="https://colorlib.com/wp/terms-conditions/" target="_blank" rel="noopener">Site Terms</a> & <a href="https://colorlib.com/wp/colorlib-disclaimer/" target="_blank" rel="noopener">Disclosures</a>. <span style="float:right">Hosted by <a href="https://colorlib.com/wp/kinsta-review/">Kinsta</a></span></div> </div></div> </div> </div> </div> <div id="mobile-menu-alternative" class="wpex-hidden"><ul id="menu-useful-1" class="dropdown-menu"><li class="menu-item"><a href="https://colorlib.com/wp/about/"><span class="link-inner">About Colorlib</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/advertise/" title="Advertise on Colorlib"><span class="link-inner">Advertise</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/squarespace-templates/"><span class="link-inner">Squarespace Templates</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/themes/" title="Free WordPress Themes 2021"><span class="link-inner">WordPress Themes</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/templates/" title="HTML website templates"><span class="link-inner">Website Templates</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/cat/bootstrap/" title="Free Bootstrap templates"><span class="link-inner">Bootstrap Templates</span></a></li> <li class="menu-item"><a target="_blank" rel="noopener" href="https://colorlibsupport.com/"><span class="link-inner">Support Forum</span></a> <ul class="sub-menu"> <li class="menu-item"><a href="https://colorlib.com/wp/support-policy/"><span class="link-inner">– Support Policy</span></a></li> </ul> </li> <li class="menu-item"><a href="https://colorlib.com/wp/contact-us/"><span class="link-inner">Contact us</span></a></li> <li class="menu-item"><a href="https://colorlib.com/wp/jobs/"><span class="link-inner">We Are Hiring!</span></a></li> </ul></div> <a href="#top" id="site-scroll-top" class="wpex-z-popover wpex-flex wpex-items-center wpex-justify-center wpex-fixed wpex-rounded-full wpex-text-center wpex-box-content wpex-transition-all wpex-duration-200 wpex-bottom-0 wpex-right-0 wpex-mr-25 wpex-mb-25 wpex-no-underline wpex-print-hidden wpex-surface-2 wpex-text-4 wpex-hover-bg-accent wpex-invisible wpex-opacity-0"><span class="wpex-flex wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg></span><span class="screen-reader-text">Back To Top</span></a> <div id="mobile-menu-search" class="wpex-hidden"> <form method="get" action="https://colorlib.com/wp/" class="mobile-menu-searchform wpex-relative"> <label for="mobile-menu-search-input" class="screen-reader-text">Search</label> <input id="mobile-menu-search-input" class="mobile-menu-searchform__input wpex-unstyled-input wpex-outline-0 wpex-w-100" type="search" name="s" autocomplete="off" placeholder="Search" required> <button type="submit" class="mobile-menu-searchform__submit searchform-submit wpex-unstyled-button wpex-block wpex-absolute wpex-top-50 wpex-text-right" aria-label="Submit search"><span class="wpex-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg></span></button> </form> </div> <template id="wpex-template-sidr-mobile-menu-top"> <div class="wpex-mobile-menu__top wpex-p-20 wpex-gap-15 wpex-flex wpex-justify-between"> <a href="#" role="button" class="wpex-mobile-menu__close wpex-inline-flex wpex-no-underline" aria-label="Close mobile menu"><span class="wpex-mobile-menu__close-icon wpex-flex wpex-icon wpex-icon--xl" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></span></a> </div> </template> <div class="wpex-sidr-overlay wpex-fixed wpex-inset-0 wpex-hidden wpex-z-backdrop wpex-bg-backdrop"></div> <script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script> <style type="text/css"> .cfd-popup { position: fixed; width: 100%; height: 100vh; display: none; align-items: center;justify-content: center; top:0; left:0; z-index: 9999; } .cfd-popup.show { display: flex; } .cfd-popup .cfd-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0,0,0,.7 ); } .cfd-popup .cfd-popup-cotnent { max-width: 550px; width: 90%; background: #fff; z-index: 1; padding: 20px; } #cfd-subscribe { margin-bottom: 0; position: relative; } .cfd-subscribe-item + .cfd-subscribe-item { margin-top: 20px; } .cfd-subscribe-item input[type="email"] { display: block; width: 100%; } .cfd-gdpr-item { font-size: 14px; } .cfd-gdpr-explained { margin-top: 20px; font-size: 10px; margin-bottom: 0; } .cfd-subscribe-submit { text-align: center; } .cfd-subscribe-submit button { display: flex; align-items: center; margin-left: auto; margin-right: auto; font-size: 18px; } .cfd-loader, .cfd-loader:after { border-radius: 50%; width: 20px; height: 20px; } .cfd-loader { display: none; margin-right: 10px; border-top: 2.2px solid rgba(255, 255, 255, 0.2); border-right: 2.2px solid rgba(255, 255, 255, 0.2); border-bottom: 2.2px solid rgba(255, 255, 255, 0.2); border-left: 2.2px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .is-loading .cfd-loader { display: inline-block; } .cfd-popup-close { color: #fff; position: absolute; top: 20px; right: 20px; cursor: pointer; } .cfd-popup-close svg { width: 30px; } #cfd-subscribe.is-loading:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba( 255,255,255, .6 ); } .cfd-subscriber-error { color: red; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } </style> <div class="cfd-popup"> <div class="cfd-popup-overlay"></div> <div class="cfd-popup-close"><svg role="img" xmlns="http://www.w3.org/2000/svg" height="10px" width="10px" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path></svg></div> <div class="cfd-popup-cotnent"> <form id="cfd-subscribe"> <div class="cfd-subscribe-item"> <label><span>email address</span> <input type="email" name="email" value="" placeholder="Your email" required> <input type="hidden" name="download_name" id="download_name" value="shapely"> </label> </div> <div class="cfd-subscribe-item cfd-gdpr-item"> <label> <input type="checkbox" name="gdpr" required> <span>I give my consent to to be in touch with me via email using the information I have provided in this form for the purpose of news, updates and marketing.</span> </label><br> </div> <div class="cfd-subscribe-item cfd-subscribe-submit"> <button type="sumint"> <div class="cfd-loader"></div> <span>Download Now!</span> </button> </div> <div class="cfd-subscriber-error"></div> <p class="cfd-gdpr-explained">If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at support@colorlib.com. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.</p> </form> </div> </div> <script type="text/javascript"> (function($){ $(document).ready(function(){ $('#cfd-button').click(function(evt){ evt.preventDefault(); $('.cfd-popup').addClass( 'show' ); }); $('.single-portfolio a[title="Download this template"]').click(function(evt){ evt.preventDefault(); $('.cfd-popup').addClass( 'show' ); }); $('.cfd-popup-overlay, .cfd-popup-close').click(function(){ $('.cfd-popup').removeClass( 'show' ); }); $('#cfd-subscribe').submit(function( event ){ event.preventDefault(); var form = $(this).serializeArray(), data = { 'action': 'cfd_sendy', 'data': {} }, $form = $(this); $(this).addClass( 'is-loading' ); $.each( form, function( i, field ) { if ( 'gdpr' == field.name ) { data['data'][field.name] = true; }else{ data['data'][field.name] = field.value; } }); $.post( 'https://colorlib.com/wp/wp-admin/admin-ajax.php', data, function( r ) { if ( r.success ) { $('.cfd-popup-cotnent').html( r.data.message ); if ( 'undefined' != typeof r.data.link ) { window.location.href = r.data.link; } }else{ $('.cfd-subscriber-error').text( r.data ); $form.removeClass( 'is-loading' ); } console.log( r ); }); }); }); })(jQuery); </script> <script src="https://colorlib.com/wp/wp-content/plugins/faq-schema-block-to-accordion/assets/js/YSFA-JS.min.js?ver=1.0.5" id="YSFA-js-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":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/wp\/checkout-2\/|http:\/\/(\/%5B\/%5D+)?\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/colorlib.com\/wp","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 id="q2w3_fixed_widget-js-extra"> var q2w3_sidebar_options = [{"use_sticky_position":false,"margin_top":100,"margin_bottom":800,"stop_elements_selectors":"","screen_max_width":1024,"screen_max_height":0,"widgets":[]}]; </script> <script src="https://colorlib.com/wp/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.2.3" id="q2w3_fixed_widget-js"></script> <script id="ivory-search-scripts-js-extra"> var IvorySearchVars = {"is_analytics_enabled":"1"}; </script> <script src="https://colorlib.com/wp/wp-content/plugins/add-search-to-menu/public/js/ivory-search.min.js?ver=5.5.9" id="ivory-search-scripts-js"></script> <script src="https://colorlib.com/wp/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=8.0" id="wpb_composer_front_js-js"></script> <script src="https://colorlib.com/wp/wp-content/plugins/js_composer/assets/lib/vc/vc_accordion/vc-accordion.min.js?ver=8.0" id="vc_accordion_script-js"></script> <script src="https://colorlib.com/wp/wp-content/plugins/js_composer/assets/lib/vc/vc-tta-autoplay/vc-tta-autoplay.min.js?ver=8.0" id="vc_tta_autoplay_script-js"></script> <script src="https://colorlib.com/wp/wp-content/plugins/js_composer/assets/lib/vc/vc_tabs/vc-tabs.min.js?ver=8.0" id="vc_tabs_script-js"></script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/wp/widget-nav-menu.min.js?ver=6.0" id="wpex-widget-nav-menu-js" defer data-wp-strategy="defer"></script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/wpbakery/vc_tabs-accessibility.min.js?ver=6.0" id="wpex-vc_tabs-accessibility-js"></script> <script src="https://colorlib.com/wp/wp-content/themes/c60/assets/js/frontend/wpbakery/vc_accordion-events.min.js?ver=6.0" id="wpex-vc_accordion-events-js"></script> <script></script> <script type="text/javascript"> (function() { var t = document.createElement( 'script' ); t.type = 'text/javascript'; t.async = true; t.id = 'gauges-tracker'; t.setAttribute( 'data-site-id', '63350d5c6027a762825f4391' ); t.src = '//secure.gaug.es/track.js'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( t, s ); })(); </script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://colorlib.com/wp/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script> <script type="text/javascript">jQuery('a.nectar-button.extra-color-2, a.nectar-button.extra-color-3').after("<a href=\"https://colorlib.com/out/bestwphost\" style=\"margin-left:4px;\" onclick=\"__gaTracker('send', 'event', 'hosting-inside-post', 'https://colorlib.com/out/bestwphost', 'Hosting');\" class=\"nectar-button medium extra-color-1\" target=\"_blank\" rel=\"nofollow\">Get Hosting</a>");</script> </body> </html>