CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>Design Guideline – Coinage</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" type="application/rss+xml" title="Coinage » Feed" href="https://container.deverust.com/coinage/feed/" /> <link rel="alternate" type="application/rss+xml" title="Coinage » Comments Feed" href="https://container.deverust.com/coinage/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/container.deverust.com\/coinage\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :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--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='template-kit-export-css' href='https://container.deverust.com/coinage/wp-content/plugins/template-kit-export/assets/public/template-kit-export-public.css?ver=1.0.23' media='all' /> <link rel='stylesheet' id='hello-elementor-css' href='https://container.deverust.com/coinage/wp-content/themes/hello-elementor/style.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://container.deverust.com/coinage/wp-content/themes/hello-elementor/theme.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://container.deverust.com/coinage/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='elementor-post-9-css' href='https://container.deverust.com/coinage/wp-content/uploads/sites/22/elementor/css/post-9.css?ver=1732089840' media='all' /> <link rel='stylesheet' id='widget-menu-anchor-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-menu-anchor.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-nav-menu-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-divider-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-image-box-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-image-box.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' /> <link rel='stylesheet' id='e-swiper-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='e-popup-style-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/conditionals/popup.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-icon-box-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-icon-box.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-counter-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/css/widget-counter.min.css?ver=3.25.8' media='all' /> <link rel='stylesheet' id='widget-form-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/widget-form.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-blockquote-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/widget-blockquote.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='elementor-post-49-css' href='https://container.deverust.com/coinage/wp-content/uploads/sites/22/elementor/css/post-49.css?ver=1732108035' media='all' /> <link rel='stylesheet' id='elementor-post-27-css' href='https://container.deverust.com/coinage/wp-content/uploads/sites/22/elementor/css/post-27.css?ver=1732089840' media='all' /> <link rel='stylesheet' id='elementor-post-23-css' href='https://container.deverust.com/coinage/wp-content/uploads/sites/22/elementor/css/post-23.css?ver=1732089840' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Manrope%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CInter%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&ver=6.7.1' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script src="https://container.deverust.com/coinage/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://container.deverust.com/coinage/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/template-kit-export/assets/public/template-kit-export-public.js?ver=1.0.23" id="template-kit-export-js"></script> <link rel="https://api.w.org/" href="https://container.deverust.com/coinage/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://container.deverust.com/coinage/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://container.deverust.com/coinage/template-kit/design-guideline/" /> <link rel='shortlink' href='https://container.deverust.com/coinage/?p=49' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://container.deverust.com/coinage/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcontainer.deverust.com%2Fcoinage%2Ftemplate-kit%2Fdesign-guideline%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://container.deverust.com/coinage/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcontainer.deverust.com%2Fcoinage%2Ftemplate-kit%2Fdesign-guideline%2F&format=xml" /> <meta name="generator" content="Elementor 3.25.8; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-auto"> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> </head> <body class="envato_tk_templates-template-default single single-envato_tk_templates postid-49 wp-custom-logo elementor-default elementor-template-full-width elementor-kit-9 elementor-page elementor-page-49"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div data-elementor-type="header" data-elementor-id="27" class="elementor elementor-27 elementor-location-header" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-7df9a597 e-flex e-con-boxed e-con e-parent" data-id="7df9a597" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-600934cc elementor-absolute elementor-widget elementor-widget-menu-anchor" data-id="600934cc" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="menu-anchor.default"> <div class="elementor-widget-container"> <div class="elementor-menu-anchor" id="gotop"></div> </div> </div> </div> </div> <header class="elementor-element elementor-element-7f15350 e-flex e-con-boxed e-con e-parent" data-id="7f15350" data-element_type="container" data-settings="{"background_background":"classic","background_motion_fx_motion_fx_scrolling":"yes","background_motion_fx_opacity_effect":"yes","background_motion_fx_opacity_range":{"unit":"%","size":"","sizes":{"start":0,"end":2}},"background_motion_fx_range":"page","sticky":"top","position":"absolute","background_motion_fx_opacity_direction":"out-in","background_motion_fx_opacity_level":{"unit":"px","size":10,"sizes":[]},"background_motion_fx_devices":["desktop","tablet","mobile"],"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-279483f5 e-con-full e-flex e-con e-child" data-id="279483f5" data-element_type="container" data-settings="{"background_background":"classic","sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}"> <div class="elementor-element elementor-element-426a7d2 e-con-full e-flex e-con e-child" data-id="426a7d2" data-element_type="container"> <div class="elementor-element elementor-element-29758160 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="29758160" data-element_type="widget" data-widget_type="theme-site-logo.default"> <div class="elementor-widget-container"> <a href="https://container.deverust.com/coinage/template-kit/home/"> <img width="349" height="100" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color.png" class="attachment-full size-full wp-image-530" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color.png 349w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color-300x86.png 300w" sizes="(max-width: 349px) 100vw, 349px" /> </a> </div> </div> <div class="elementor-element elementor-element-5d3041f4 elementor-nav-menu__align-start elementor-nav-menu--stretch elementor-widget__width-auto elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="5d3041f4" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<svg class=\"fa-svg-chevron-down e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg>","library":"fa-solid"},"full_width":"stretch","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> <ul id="menu-1-5d3041f4" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="https://container.deverust.com/coinage/template-kit/home/" class="elementor-item">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"><a href="https://container.deverust.com/coinage/template-kit/about-us/" class="elementor-item">About Us</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-32"><a href="#" class="elementor-item elementor-item-anchor">Pages</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"><a href="https://container.deverust.com/coinage/template-kit/products/" class="elementor-sub-item">Products</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"><a href="https://container.deverust.com/coinage/template-kit/pricing/" class="elementor-sub-item">Pricing</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="https://container.deverust.com/coinage/template-kit/features/" class="elementor-sub-item">Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37"><a href="https://container.deverust.com/coinage/template-kit/review/" class="elementor-sub-item">Review</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38"><a href="https://container.deverust.com/coinage/template-kit/our-app/" class="elementor-sub-item">Our App</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39"><a href="https://container.deverust.com/coinage/template-kit/integration/" class="elementor-sub-item">Integration</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-40"><a href="https://container.deverust.com/coinage/template-kit/partners/" class="elementor-sub-item">Partners</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41"><a href="https://container.deverust.com/coinage/template-kit/faq/" class="elementor-sub-item">FAQ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="/coinage/error/" class="elementor-sub-item">404</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-72"><a href="https://container.deverust.com/coinage/template-kit/design-guideline/" aria-current="page" class="elementor-sub-item elementor-item-active">Design Guideline</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-44"><a href="#" class="elementor-item elementor-item-anchor">Blog</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45"><a href="https://container.deverust.com/coinage/template-kit/our-blog/" class="elementor-sub-item">Our Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46"><a href="https://container.deverust.com/coinage/category/financial-technology/" class="elementor-sub-item">Archive</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47"><a href="https://container.deverust.com/coinage/2022/01/16/optimizing-user-experience-designing-seamless-digital-payment-systems/" class="elementor-sub-item">Single Post</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-48"><a href="https://container.deverust.com/coinage/template-kit/contact-us/" class="elementor-item">Contact Us</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-5d3041f4" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="https://container.deverust.com/coinage/template-kit/home/" class="elementor-item" tabindex="-1">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"><a href="https://container.deverust.com/coinage/template-kit/about-us/" class="elementor-item" tabindex="-1">About Us</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-32"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Pages</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"><a href="https://container.deverust.com/coinage/template-kit/products/" class="elementor-sub-item" tabindex="-1">Products</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"><a href="https://container.deverust.com/coinage/template-kit/pricing/" class="elementor-sub-item" tabindex="-1">Pricing</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="https://container.deverust.com/coinage/template-kit/features/" class="elementor-sub-item" tabindex="-1">Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37"><a href="https://container.deverust.com/coinage/template-kit/review/" class="elementor-sub-item" tabindex="-1">Review</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38"><a href="https://container.deverust.com/coinage/template-kit/our-app/" class="elementor-sub-item" tabindex="-1">Our App</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-39"><a href="https://container.deverust.com/coinage/template-kit/integration/" class="elementor-sub-item" tabindex="-1">Integration</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-40"><a href="https://container.deverust.com/coinage/template-kit/partners/" class="elementor-sub-item" tabindex="-1">Partners</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41"><a href="https://container.deverust.com/coinage/template-kit/faq/" class="elementor-sub-item" tabindex="-1">FAQ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="/coinage/error/" class="elementor-sub-item" tabindex="-1">404</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-72"><a href="https://container.deverust.com/coinage/template-kit/design-guideline/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">Design Guideline</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-44"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Blog</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45"><a href="https://container.deverust.com/coinage/template-kit/our-blog/" class="elementor-sub-item" tabindex="-1">Our Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46"><a href="https://container.deverust.com/coinage/category/financial-technology/" class="elementor-sub-item" tabindex="-1">Archive</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47"><a href="https://container.deverust.com/coinage/2022/01/16/optimizing-user-experience-designing-seamless-digital-payment-systems/" class="elementor-sub-item" tabindex="-1">Single Post</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-48"><a href="https://container.deverust.com/coinage/template-kit/contact-us/" class="elementor-item" tabindex="-1">Contact Us</a></li> </ul> </nav> </div> </div> </div> <div class="elementor-element elementor-element-41e1e44d elementor-hidden-mobile e-con-full e-flex e-con e-child" data-id="41e1e44d" data-element_type="container"> <div class="elementor-element elementor-element-26f558f5 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="26f558f5" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Sign Up</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-cc08758 elementor-widget elementor-widget-button" data-id="cc08758" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://container.deverust.com/coinage/template-kit/sign-in/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Sign In</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5f8dfb0 elementor-absolute elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5f8dfb0" data-element_type="widget" data-settings="{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_opacity_effect":"yes","motion_fx_opacity_range":{"unit":"%","size":"","sizes":{"start":0,"end":2}},"motion_fx_range":"page","motion_fx_opacity_direction":"out-in","motion_fx_opacity_level":{"unit":"px","size":10,"sizes":[]},"motion_fx_devices":["desktop","tablet","mobile"]}" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> </div> </header> </div> <div data-elementor-type="wp-post" data-elementor-id="49" class="elementor elementor-49" data-elementor-post-type="envato_tk_templates"> <div class="elementor-element elementor-element-f3ebf9a e-flex e-con-boxed e-con e-parent" data-id="f3ebf9a" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-7f47990 e-flex e-con-boxed e-con e-child" data-id="7f47990" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-ca47061 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="ca47061" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">Design Guideline</h1> </div> </div> </div> </div> <div class="elementor-element elementor-element-f21e0e5 elementor-absolute elementor-widget elementor-widget-image" data-id="f21e0e5" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img fetchpriority="high" decoding="async" width="564" height="548" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur1-coinage.png" class="attachment-full size-full wp-image-559" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur1-coinage.png 564w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur1-coinage-300x291.png 300w" sizes="(max-width: 564px) 100vw, 564px" /> </div> </div> <div class="elementor-element elementor-element-1544633 elementor-absolute elementor-widget elementor-widget-image" data-id="1544633" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img decoding="async" width="525" height="554" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur2-coinage.png" class="attachment-full size-full wp-image-558" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur2-coinage.png 525w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Blur2-coinage-284x300.png 284w" sizes="(max-width: 525px) 100vw, 525px" /> </div> </div> </div> </div> <div class="elementor-element elementor-element-29544f83 e-flex e-con-boxed e-con e-parent" data-id="29544f83" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-3b653bab e-con-full e-flex e-con e-child" data-id="3b653bab" data-element_type="container"> <div class="elementor-element elementor-element-421613bf e-con-full e-flex e-con e-child" data-id="421613bf" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-43f0d554 e-con-full e-flex e-con e-child" data-id="43f0d554" data-element_type="container"> <div class="elementor-element elementor-element-66bc8b7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="66bc8b7" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Deverust Design System for Elementor Template Kit</h2> </div> </div> <div class="elementor-element elementor-element-2c393e02 elementor-widget-mobile__width-inherit elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="2c393e02" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>A set of assets and guidelines for building a consistent and good user experience across elementor template kits by deverust</p> </div> </div> </div> <div class="elementor-element elementor-element-74572611 e-con-full e-flex e-con e-child" data-id="74572611" data-element_type="container"> <div class="elementor-element elementor-element-59a45f8a elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="59a45f8a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Version: </h2> </div> </div> <div class="elementor-element elementor-element-7aa8ff72 elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="7aa8ff72" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">light-dds</p> </div> </div> <div class="elementor-element elementor-element-347fe820 elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="347fe820" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">v4.0.0</p> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3e1cdb08 e-flex e-con-boxed e-con e-parent" data-id="3e1cdb08" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-2d1cb5c8 e-con-full e-flex e-con e-child" data-id="2d1cb5c8" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-db0d148 e-con-full e-flex e-con e-child" data-id="db0d148" data-element_type="container"> <div class="elementor-element elementor-element-4b529f80 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="4b529f80" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="512" height="512" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/bucket-1.png" class="attachment-full size-full wp-image-18" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/bucket-1.png 512w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/bucket-1-300x300.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/bucket-1-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /> </div> </div> <div class="elementor-element elementor-element-71a35a6a elementor-icon-list--layout-inline elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="71a35a6a" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-text">Foundation</span> </li> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg> </span> <span class="elementor-icon-list-text">Colors</span> </li> </ul> </div> </div> <div class="elementor-element elementor-element-45f9f73e elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="45f9f73e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>The color palette with various color tones allows you to create a beautiful User Interface to match your website. You can simply import this template and save it without needing to modify anything. Changes are only enough to be done through the global style elementor. Everything will change automatically</p> </div> </div> <div class="elementor-element elementor-element-38acc7d5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="38acc7d5" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-5dc3d239 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget elementor-widget-divider" data-id="5dc3d239" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> Brand Color </span> </span> </div> </div> </div> <div class="elementor-element elementor-element-1c5643b1 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="1c5643b1" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Primary </span> </div> <p class="elementor-icon-box-description"> This color is used for all important interactive elements like Buttons, CTAs, links </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-bcd4bb1 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="bcd4bb1" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 10 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6d409fd3 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="6d409fd3" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 30 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-615388d2 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="615388d2" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 50 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-659752fc elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="659752fc" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 70 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2188ff6f elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="2188ff6f" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 90 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2d711c3f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2d711c3f" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-7ddad278 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="7ddad278" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Secondary </span> </div> <p class="elementor-icon-box-description"> Secondary colors come from alternative brand colors. This color is used for variation </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-67dd757 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="67dd757" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 10 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2a8a497c elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="2a8a497c" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 30 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3b578440 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="3b578440" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 50 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-b14e684 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="b14e684" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 70 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6d0a131d elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="6d0a131d" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 90 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-765508a1 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget elementor-widget-divider" data-id="765508a1" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> Neutral </span> </span> </div> </div> </div> <div class="elementor-element elementor-element-748fe707 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="748fe707" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Greyscale </span> </div> <p class="elementor-icon-box-description"> Gray tones are the essence of the UI. Used for text or cards, etc </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-52048a47 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="52048a47" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 10 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7f3627ea elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="7f3627ea" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 30 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3fb51819 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="3fb51819" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 50 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-57fd73c4 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="57fd73c4" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 70 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4704427f elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="4704427f" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > 90 % </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3afbc19b elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget elementor-widget-divider" data-id="3afbc19b" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> System </span> </span> </div> </div> </div> <div class="elementor-element elementor-element-1492d255 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="1492d255" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Alert </span> </div> <p class="elementor-icon-box-description"> Alerts are four colors used to indicate certain situations </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-66bfb97f elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-widget-tablet__width-initial elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="66bfb97f" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Success </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-d70ad08 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-widget-tablet__width-initial elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="d70ad08" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Danger / Error </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-44a53933 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-widget-tablet__width-initial elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="44a53933" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Warning </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5cfaba72 elementor-widget__width-auto elementor-view-framed elementor-shape-square elementor-widget-tablet__width-initial elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="5cfaba72" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Info </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1d94dc4d elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget elementor-widget-divider" data-id="1d94dc4d" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> Base </span> </span> </div> </div> </div> <div class="elementor-element elementor-element-3c8a749a elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="3c8a749a" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Background </span> </div> <p class="elementor-icon-box-description"> Base color used for the background color of sections, cards </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-4bfab068 elementor-widget__width-initial elementor-view-framed elementor-shape-square elementor-widget-mobile__width-inherit elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="4bfab068" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Main Background </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2d4365a4 elementor-widget__width-initial elementor-view-framed elementor-shape-square elementor-widget-mobile__width-inherit elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="2d4365a4" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Variant Background </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3f8d9875 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3f8d9875" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-4cd39885 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="4cd39885" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Border </span> </div> <p class="elementor-icon-box-description"> Base color used for divider, border, etc </p> </div> </div> </div> </div> <div class="elementor-element elementor-element-79fe2a7a elementor-widget__width-initial elementor-view-framed elementor-shape-square elementor-widget-mobile__width-inherit elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="79fe2a7a" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <span class="elementor-icon elementor-animation-"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-square-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M512 512H0V0h512v512z"></path></svg> </span> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Border </span> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-602587a8 e-con-full e-flex e-con e-child" data-id="602587a8" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-416a2ce e-con-full e-flex e-con e-child" data-id="416a2ce" data-element_type="container"> <div class="elementor-element elementor-element-121ed456 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="121ed456" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="512" height="512" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/edit-1.png" class="attachment-full size-full wp-image-19" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/edit-1.png 512w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/edit-1-300x300.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/edit-1-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /> </div> </div> <div class="elementor-element elementor-element-14479269 elementor-icon-list--layout-inline elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="14479269" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-text">Foundation</span> </li> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg> </span> <span class="elementor-icon-list-text">Typography</span> </li> </ul> </div> </div> <div class="elementor-element elementor-element-72f31df1 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="72f31df1" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Flexible typography scale works perfectly for all breakpoints – desktop, tablet and mobile. You can simply import this template and save it without needing to change anything. Changes are simply made via the global style element. Everything will change automatically</p> </div> </div> <div class="elementor-element elementor-element-5f138e37 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5f138e37" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-6896362b e-con-full e-flex e-con e-child" data-id="6896362b" data-element_type="container"> <div class="elementor-element elementor-element-35f49b75 elementor-widget elementor-widget-heading" data-id="35f49b75" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 1</h4> </div> </div> <div class="elementor-element elementor-element-49ee8613 elementor-widget elementor-widget-heading" data-id="49ee8613" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">Pack my box with five dozen liquor jugs.</h1> </div> </div> <div class="elementor-element elementor-element-5306406e elementor-widget elementor-widget-heading" data-id="5306406e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 2</h4> </div> </div> <div class="elementor-element elementor-element-6cc300ad elementor-widget elementor-widget-heading" data-id="6cc300ad" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Bright vixens jump; dozy fowl quack.</h2> </div> </div> <div class="elementor-element elementor-element-6cbd24fb elementor-widget elementor-widget-heading" data-id="6cbd24fb" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 3</h4> </div> </div> <div class="elementor-element elementor-element-77c8579 elementor-widget elementor-widget-heading" data-id="77c8579" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">John quickly extemporized five tow bags.</h3> </div> </div> <div class="elementor-element elementor-element-5f545fff elementor-widget elementor-widget-heading" data-id="5f545fff" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 4</h4> </div> </div> <div class="elementor-element elementor-element-4a363831 elementor-widget elementor-widget-heading" data-id="4a363831" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Viewing quizzical abstracts mixed up hefty jocks.</h4> </div> </div> <div class="elementor-element elementor-element-74bc70a6 elementor-widget elementor-widget-heading" data-id="74bc70a6" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 5</h4> </div> </div> <div class="elementor-element elementor-element-38150719 elementor-widget elementor-widget-heading" data-id="38150719" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h5 class="elementor-heading-title elementor-size-default">My girl wove six dozen plaid jackets before she quit.</h5> </div> </div> <div class="elementor-element elementor-element-68c7c367 elementor-widget elementor-widget-heading" data-id="68c7c367" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Heading 6</h4> </div> </div> <div class="elementor-element elementor-element-433d7602 elementor-widget elementor-widget-heading" data-id="433d7602" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf.</h6> </div> </div> </div> <div class="elementor-element elementor-element-c1901f1 e-con-full e-flex e-con e-child" data-id="c1901f1" data-element_type="container"> <div class="elementor-element elementor-element-171d584a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="171d584a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Body</h4> </div> </div> <div class="elementor-element elementor-element-4c1f26b3 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="4c1f26b3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque tellus vitae lorem laoreet, nec dapibus ex vehicula. Etiam malesuada justo non molestie sollicitudin</p> </div> </div> <div class="elementor-element elementor-element-6ff33533 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6ff33533" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-4fc0fd4c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="4fc0fd4c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Caption</h4> </div> </div> <div class="elementor-element elementor-element-1b729cdf elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="1b729cdf" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Vivamus finibus congue arcu et ullamcorper. Sed eget condimentum neque.</p> </div> </div> <div class="elementor-element elementor-element-81b90d6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="81b90d6" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-79ca1985 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="79ca1985" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Sub Title</h4> </div> </div> <div class="elementor-element elementor-element-39869c39 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="39869c39" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Alve bazige</h2> </div> </div> <div class="elementor-element elementor-element-3f482f88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3f482f88" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-ddd0477 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="ddd0477" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Quote</h4> </div> </div> <div class="elementor-element elementor-element-184f74e6 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="184f74e6" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Curabitur non est sed urna facilisis aliquam. Pellentesque vel commodo ex, eget tristique augue. Quisque pharetra bibendum elit eget commodo. Ut eu imperdiet massa</p> </div> </div> <div class="elementor-element elementor-element-237d5fda elementor-widget elementor-widget-text-editor" data-id="237d5fda" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.聽</p> </div> </div> <div class="elementor-element elementor-element-7c899885 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7c899885" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-24856506 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="24856506" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Huge</h4> </div> </div> <div class="elementor-element elementor-element-18a652ec elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="18a652ec" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Quel vituperabile xenofobo zelante assaggia il whisky ed esclama: alleluja!</p> </div> </div> <div class="elementor-element elementor-element-866765e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="866765e" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-78fdd67 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="78fdd67" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Tiny</h4> </div> </div> <div class="elementor-element elementor-element-29ebc625 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="29ebc625" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Nulla nec ante nec enim maximus cursus sit amet vel nunc. Cras eu massa nisl. Donec ac elementum tortor</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-3e51561a e-con-full e-flex e-con e-child" data-id="3e51561a" data-element_type="container"> <div class="elementor-element elementor-element-578b8291 e-con-full e-flex e-con e-child" data-id="578b8291" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-47ecf016 e-con-full e-flex e-con e-child" data-id="47ecf016" data-element_type="container"> <div class="elementor-element elementor-element-77f68340 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="77f68340" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="512" height="512" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/colorfilter-1.png" class="attachment-full size-full wp-image-21" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/colorfilter-1.png 512w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/colorfilter-1-300x300.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/colorfilter-1-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /> </div> </div> <div class="elementor-element elementor-element-59477aed elementor-icon-list--layout-inline elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="59477aed" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-text">Foundation</span> </li> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg> </span> <span class="elementor-icon-list-text">Components</span> </li> </ul> </div> </div> <div class="elementor-element elementor-element-14d026ec elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="14d026ec" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>A collection of widgets used as sample of the use of color and typography. You can simply import this template and save it without needing to change anything. Changes are simply made via the global style element. Everything will change automatically</p> </div> </div> <div class="elementor-element elementor-element-5331caec elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5331caec" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-284fcbe7 e-con-full e-flex e-con e-child" data-id="284fcbe7" data-element_type="container"> <div class="elementor-element elementor-element-d067e01 e-con-full e-flex e-con e-child" data-id="d067e01" data-element_type="container"> <div class="elementor-element elementor-element-2611483c elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="2611483c" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Button </span> </div> <p class="elementor-icon-box-description"> Collection of buttons used in website ui design with variations </p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-383c3c76 e-con-full e-flex e-con e-child" data-id="383c3c76" data-element_type="container"> <div class="elementor-element elementor-element-7d1d3b0f elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="7d1d3b0f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Button Size Variant</h2> </div> </div> <div class="elementor-element elementor-element-19806439 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="19806439" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Extra large</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-63ee3c5c elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="63ee3c5c" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Large</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-6efa1e86 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="6efa1e86" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Medium</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-5494ac elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="5494ac" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Small</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-35ac2cae elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="35ac2cae" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xs" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Extra small</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-4d30db5 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="4d30db5" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Button Type Variant</h2> </div> </div> <div class="elementor-element elementor-element-7d271a38 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="7d271a38" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Primary</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-fc931b6 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="fc931b6" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Secondary</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-721af236 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="721af236" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Button Icon</h2> </div> </div> <div class="elementor-element elementor-element-5fdef76 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="5fdef76" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-cloud-download-alt" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zm-132.9 88.7L299.3 420.7c-6.2 6.2-16.4 6.2-22.6 0L171.3 315.3c-10.1-10.1-2.9-27.3 11.3-27.3H248V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v112h65.4c14.2 0 21.4 17.2 11.3 27.3z"></path></svg> </span> <span class="elementor-button-text">Leading</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-21ffb8d0 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="21ffb8d0" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-cloud-download-alt" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zm-132.9 88.7L299.3 420.7c-6.2 6.2-16.4 6.2-22.6 0L171.3 315.3c-10.1-10.1-2.9-27.3 11.3-27.3H248V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v112h65.4c14.2 0 21.4 17.2 11.3 27.3z"></path></svg> </span> <span class="elementor-button-text">Trailing</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-60bd8f92 e-con-full e-flex e-con e-child" data-id="60bd8f92" data-element_type="container"> <div class="elementor-element elementor-element-57f157c e-con-full e-flex e-con e-child" data-id="57f157c" data-element_type="container"> <div class="elementor-element elementor-element-1ce5ea7 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="1ce5ea7" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Counter </span> </div> <p class="elementor-icon-box-description"> Counting numbers that rotate and stop at a certain value to show an achievement in numbers </p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-76e68d9d e-con-full e-flex e-con e-child" data-id="76e68d9d" data-element_type="container"> <div class="elementor-element elementor-element-5092d6fd elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-counter" data-id="5092d6fd" data-element_type="widget" data-widget_type="counter.default"> <div class="elementor-widget-container"> <div class="elementor-counter"> <div class="elementor-counter-title">Registered Clients</div> <div class="elementor-counter-number-wrapper"> <span class="elementor-counter-number-prefix"></span> <span class="elementor-counter-number" data-duration="2000" data-to-value="22" data-from-value="0" data-delimiter=",">0</span> <span class="elementor-counter-number-suffix">K</span> </div> </div> </div> </div> <div class="elementor-element elementor-element-37543c53 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-counter" data-id="37543c53" data-element_type="widget" data-widget_type="counter.default"> <div class="elementor-widget-container"> <div class="elementor-counter"> <div class="elementor-counter-title">Branch Offices</div> <div class="elementor-counter-number-wrapper"> <span class="elementor-counter-number-prefix"></span> <span class="elementor-counter-number" data-duration="2000" data-to-value="3976" data-from-value="0" data-delimiter=",">0</span> <span class="elementor-counter-number-suffix">+</span> </div> </div> </div> </div> <div class="elementor-element elementor-element-442d2cf6 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-counter" data-id="442d2cf6" data-element_type="widget" data-widget_type="counter.default"> <div class="elementor-widget-container"> <div class="elementor-counter"> <div class="elementor-counter-title">Total Revenue</div> <div class="elementor-counter-number-wrapper"> <span class="elementor-counter-number-prefix"></span> <span class="elementor-counter-number" data-duration="2000" data-to-value="5" data-from-value="0" data-delimiter=",">0</span> <span class="elementor-counter-number-suffix">M</span> </div> </div> </div> </div> <div class="elementor-element elementor-element-38ec7b7a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-counter" data-id="38ec7b7a" data-element_type="widget" data-widget_type="counter.default"> <div class="elementor-widget-container"> <div class="elementor-counter"> <div class="elementor-counter-title">Awards</div> <div class="elementor-counter-number-wrapper"> <span class="elementor-counter-number-prefix"></span> <span class="elementor-counter-number" data-duration="2000" data-to-value="45" data-from-value="0" data-delimiter=",">0</span> <span class="elementor-counter-number-suffix">+</span> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-46e8bfa6 e-con-full e-flex e-con e-child" data-id="46e8bfa6" data-element_type="container"> <div class="elementor-element elementor-element-7044a5d6 e-con-full e-flex e-con e-child" data-id="7044a5d6" data-element_type="container"> <div class="elementor-element elementor-element-5811fb4b elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="5811fb4b" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Form </span> </div> <p class="elementor-icon-box-description"> The form widget shows you several components like datepicker, time picker, textarea, radio button, etc </p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5218f831 e-con-full e-flex e-con e-child" data-id="5218f831" data-element_type="container"> <div class="elementor-element elementor-element-7afe4959 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="7afe4959" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"25","button_width_tablet":"33","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="Form"> <input type="hidden" name="post_id" value="49"/> <input type="hidden" name="form_id" value="7afe4959"/> <input type="hidden" name="referer_title" value="Design Guideline" /> <input type="hidden" name="queried_id" value="49"/> <div class="elementor-form-fields-wrapper elementor-labels-above"> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50"> <label for="form-field-name" class="elementor-field-label"> Full name </label> <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-lg elementor-field-textual" placeholder="e.g. John Doe"> </div> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-email" class="elementor-field-label"> Email </label> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-lg elementor-field-textual" placeholder="e.g. hello@deverust.com" required="required" aria-required="true"> </div> <div class="elementor-field-type-number elementor-field-group elementor-column elementor-field-group-field_9f649f5 elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_9f649f5" class="elementor-field-label"> Phone </label> <input type="number" name="form_fields[field_9f649f5]" id="form-field-field_9f649f5" class="elementor-field elementor-size-lg elementor-field-textual" placeholder="e.g. +1 373 3783" required="required" aria-required="true" min="" max="" > </div> <div class="elementor-field-type-url elementor-field-group elementor-column elementor-field-group-field_e13e877 elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_e13e877" class="elementor-field-label"> What is your website? </label> <input size="1" type="url" name="form_fields[field_e13e877]" id="form-field-field_e13e877" class="elementor-field elementor-size-lg elementor-field-textual" placeholder="e.g. www.deverust.com" required="required" aria-required="true"> </div> <div class="elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_9991da5 elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_9991da5" class="elementor-field-label"> What is your sex? </label> <div class="elementor-field elementor-select-wrapper remove-before "> <div class="select-caret-down-wrapper"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-caret-down" viewBox="0 0 571.4 571.4" xmlns="http://www.w3.org/2000/svg"><path d="M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z"></path></svg> </div> <select name="form_fields[field_9991da5]" id="form-field-field_9991da5" class="elementor-field-textual elementor-size-lg" required="required" aria-required="true"> <option value="Select">Select</option> <option value="Man">Man</option> <option value="Woman">Woman</option> </select> </div> </div> <div class="elementor-field-type-number elementor-field-group elementor-column elementor-field-group-field_6d93e7b elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_6d93e7b" class="elementor-field-label"> Write your ID </label> <input type="number" name="form_fields[field_6d93e7b]" id="form-field-field_6d93e7b" class="elementor-field elementor-size-lg elementor-field-textual" placeholder="dev123" required="required" aria-required="true" min="" max="" > </div> <div class="elementor-field-type-date elementor-field-group elementor-column elementor-field-group-field_fb824e3 elementor-col-50"> <label for="form-field-field_fb824e3" class="elementor-field-label"> Pick the date </label> <input type="date" name="form_fields[field_fb824e3]" id="form-field-field_fb824e3" class="elementor-field elementor-size-lg elementor-field-textual elementor-date-field elementor-use-native" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"> </div> <div class="elementor-field-type-time elementor-field-group elementor-column elementor-field-group-field_b12beb3 elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_b12beb3" class="elementor-field-label"> Choose your time </label> <input type="time" name="form_fields[field_b12beb3]" id="form-field-field_b12beb3" class="elementor-field elementor-size-lg elementor-field-textual elementor-time-field elementor-use-native" required="required" aria-required="true"> </div> <div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_ed0f8f1 elementor-col-50 elementor-field-required elementor-mark-required"> <label for="form-field-field_ed0f8f1" class="elementor-field-label"> What do you prefer? </label> <div class="elementor-field-subgroup elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="City" id="form-field-field_ed0f8f1-0" name="form_fields[field_ed0f8f1]" required="required" aria-required="true"> <label for="form-field-field_ed0f8f1-0">City</label></span><span class="elementor-field-option"><input type="radio" value="Village" id="form-field-field_ed0f8f1-1" name="form_fields[field_ed0f8f1]" required="required" aria-required="true"> <label for="form-field-field_ed0f8f1-1">Village</label></span></div> </div> <div class="elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-field_a787a7a elementor-col-50"> <label for="form-field-field_a787a7a" class="elementor-field-label"> Your music genre </label> <div class="elementor-field-subgroup elementor-subgroup-inline"><span class="elementor-field-option"><input type="checkbox" value="Jazz" id="form-field-field_a787a7a-0" name="form_fields[field_a787a7a][]"> <label for="form-field-field_a787a7a-0">Jazz</label></span><span class="elementor-field-option"><input type="checkbox" value="Pop" id="form-field-field_a787a7a-1" name="form_fields[field_a787a7a][]"> <label for="form-field-field_a787a7a-1">Pop</label></span><span class="elementor-field-option"><input type="checkbox" value="Rock" id="form-field-field_a787a7a-2" name="form_fields[field_a787a7a][]"> <label for="form-field-field_a787a7a-2">Rock</label></span></div> </div> <div class="elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100"> <label for="form-field-message" class="elementor-field-label"> Message </label> <textarea class="elementor-field-textual elementor-field elementor-size-lg" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Write yourr message or question here ..."></textarea> </div> <div class="elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_7c681ce elementor-col-100"> <div class="elementor-field-subgroup"> <span class="elementor-field-option"> <input type="checkbox" name="form_fields[field_7c681ce]" id="form-field-field_7c681ce" class="elementor-field elementor-size-lg elementor-acceptance-field"> <label for="form-field-field_7c681ce">I have read and accepted <a href="#">terms</a> and <a href="#">privacy</a> </label> </span> </div> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons elementor-md-33"> <button class="elementor-button elementor-size-lg" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Submit</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> <div class="elementor-element elementor-element-473bfde8 e-con-full e-flex e-con e-child" data-id="473bfde8" data-element_type="container"> <div class="elementor-element elementor-element-1d473a49 e-con-full e-flex e-con e-child" data-id="1d473a49" data-element_type="container"> <div class="elementor-element elementor-element-102b34e3 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-icon-box" data-id="102b34e3" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-widget-container"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <span > Quote </span> </div> <p class="elementor-icon-box-description"> Highlighted special sentences that form a series as an expression or statement </p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-47b6b746 e-con-full e-flex e-con e-child" data-id="47b6b746" data-element_type="container"> <div class="elementor-element elementor-element-3ca52031 elementor-blockquote--skin-boxed elementor-blockquote--button-color-custom elementor-widget elementor-widget-blockquote" data-id="3ca52031" data-element_type="widget" data-widget_type="blockquote.default"> <div class="elementor-widget-container"> <blockquote class="elementor-blockquote"> <p class="elementor-blockquote__content"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor </p> <div class="e-q-footer"> <cite class="elementor-blockquote__author">John Doe</cite> </div> </blockquote> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5698e1c e-con-full e-flex e-con e-child" data-id="5698e1c" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-73ca44a0 e-con-full e-flex e-con e-child" data-id="73ca44a0" data-element_type="container"> <div class="elementor-element elementor-element-72ed1bd0 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="72ed1bd0" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="512" height="512" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/element-equal.png" class="attachment-full size-full wp-image-22" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/element-equal.png 512w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/element-equal-300x300.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/element-equal-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /> </div> </div> <div class="elementor-element elementor-element-5e180b2f elementor-icon-list--layout-inline elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5e180b2f" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-text">Foundation</span> </li> <li class="elementor-icon-list-item elementor-inline-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-long-arrow-alt-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg> </span> <span class="elementor-icon-list-text">Overview</span> </li> </ul> </div> </div> <div class="elementor-element elementor-element-1664e03 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="1664e03" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>An example of using a style guide and some globally managed components</p> </div> </div> <div class="elementor-element elementor-element-2ba90372 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2ba90372" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-20aaa667 e-con-full e-flex e-con e-child" data-id="20aaa667" data-element_type="container"> <div class="elementor-element elementor-element-7a725b17 e-con-full e-flex e-con e-child" data-id="7a725b17" data-element_type="container"> <div class="elementor-element elementor-element-748ac81f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="748ac81f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">This is a subtitle</h2> </div> </div> <div class="elementor-element elementor-element-197da549 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="197da549" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">The place where you can write the main title of a section</h2> </div> </div> <div class="elementor-element elementor-element-5b0a1292 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="5b0a1292" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Examples of placement and use of a short description of the title of a particular section which will provide more detailed information to the reader</p> </div> </div> <div class="elementor-element elementor-element-1c8a2927 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="1c8a2927" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Primary medium button</span> </span> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-75f47ae2 e-con-full e-flex e-con e-child" data-id="75f47ae2" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-26f85a6f elementor-widget elementor-widget-text-editor" data-id="26f85a6f" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> You can either experience the pain of discipline or the pain of regret. The choice is yours </div> </div> <div class="elementor-element elementor-element-1306c836 elementor-widget elementor-widget-heading" data-id="1306c836" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Adelynn Lindsey</h6> </div> </div> <div class="elementor-element elementor-element-45254690 elementor-widget elementor-widget-heading" data-id="45254690" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Street Artist</h6> </div> </div> <div class="elementor-element elementor-element-70b85dd7 elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="70b85dd7" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Secondary medium button</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-elementor-type="footer" data-elementor-id="23" class="elementor elementor-23 elementor-location-footer" data-elementor-post-type="elementor_library"> <footer class="elementor-element elementor-element-7da306e8 e-flex e-con-boxed e-con e-parent" data-id="7da306e8" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-7908b954 e-flex e-con-boxed e-con e-child" data-id="7908b954" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6cdeeb0b e-con-full e-flex e-con e-child" data-id="6cdeeb0b" data-element_type="container"> <div class="elementor-element elementor-element-44a39b1 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="44a39b1" data-element_type="widget" data-widget_type="theme-site-logo.default"> <div class="elementor-widget-container"> <a href="https://container.deverust.com/coinage/template-kit/home/"> <img width="349" height="100" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color.png" class="attachment-full size-full wp-image-530" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color.png 349w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/dark-coinage-color-300x86.png 300w" sizes="(max-width: 349px) 100vw, 349px" /> </a> </div> </div> <div class="elementor-element elementor-element-5c6a751 elementor-widget elementor-widget-text-editor" data-id="5c6a751" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Riding the wave of digital payments.</p> </div> </div> <div class="elementor-element elementor-element-0c71c87 e-flex e-con-boxed e-con e-child" data-id="0c71c87" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-7fc8a35 elementor-widget__width-initial elementor-widget elementor-widget-image-box" data-id="7fc8a35" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">CALL US</h3><p class="elementor-image-box-description">+ 01 973 - 397</p></div></div> </div> </div> <div class="elementor-element elementor-element-0187d93 elementor-widget__width-initial elementor-widget elementor-widget-image-box" data-id="0187d93" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">MAIL US</h3><p class="elementor-image-box-description">info@yoursite.com</p></div></div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4b29b94d e-con-full e-flex e-con e-child" data-id="4b29b94d" data-element_type="container"> <div class="elementor-element elementor-element-1f0828ab e-con-full e-flex e-con e-child" data-id="1f0828ab" data-element_type="container"> <div class="elementor-element elementor-element-7d4b796d elementor-widget elementor-widget-heading" data-id="7d4b796d" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Company</h2> </div> </div> <div class="elementor-element elementor-element-659c4c50 elementor-tablet-align-left elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="659c4c50" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">About</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Career</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Review</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Partners</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-186a2ef7 e-con-full e-flex e-con e-child" data-id="186a2ef7" data-element_type="container"> <div class="elementor-element elementor-element-653d7bac elementor-widget elementor-widget-heading" data-id="653d7bac" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Product</h2> </div> </div> <div class="elementor-element elementor-element-e84b68c elementor-tablet-align-left elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e84b68c" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Pricing</span> </a> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-text">Our App</span> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Features</span> </a> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-text">Integration</span> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-13dc73fa e-con-full e-flex e-con e-child" data-id="13dc73fa" data-element_type="container"> <div class="elementor-element elementor-element-4c0dd854 elementor-widget elementor-widget-heading" data-id="4c0dd854" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Support</h2> </div> </div> <div class="elementor-element elementor-element-656dde76 elementor-tablet-align-left elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="656dde76" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Knowledge</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Help Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Documentation</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-288e45f e-con-full e-flex e-con e-child" data-id="288e45f" data-element_type="container"> <div class="elementor-element elementor-element-cbb5997 elementor-widget elementor-widget-heading" data-id="cbb5997" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Download Our App</h2> </div> </div> <div class="elementor-element elementor-element-8908a42 elementor-widget elementor-widget-image" data-id="8908a42" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="#"> <img width="1120" height="358" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New.png" class="attachment-full size-full wp-image-159" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New.png 1120w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New-300x96.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New-1024x327.png 1024w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New-768x245.png 768w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Google_Play_Store-New-800x256.png 800w" sizes="(max-width: 1120px) 100vw, 1120px" /> </a> </div> </div> <div class="elementor-element elementor-element-154d9ef elementor-widget elementor-widget-image" data-id="154d9ef" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="#"> <img width="964" height="358" src="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Apple_App_Store-New.png" class="attachment-full size-full wp-image-160" alt="" srcset="https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Apple_App_Store-New.png 964w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Apple_App_Store-New-300x111.png 300w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Apple_App_Store-New-768x285.png 768w, https://container.deverust.com/coinage/wp-content/uploads/sites/22/2024/05/Apple_App_Store-New-800x297.png 800w" sizes="(max-width: 964px) 100vw, 964px" /> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4d9ae31d e-flex e-con-boxed e-con e-child" data-id="4d9ae31d" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-22a53b19 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="22a53b19" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-70c8b0e e-con-full e-flex e-con e-child" data-id="70c8b0e" data-element_type="container"> <div class="elementor-element elementor-element-56e591cb elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="56e591cb" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> © 2024 Coinage Template Kit </div> </div> <div class="elementor-element elementor-element-487c9d9c elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="487c9d9c" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><a href="https://themeforest.net/user/deverust">by Deverust Studio</a></p> </div> </div> </div> <div class="elementor-element elementor-element-31ee05f7 e-con-full e-flex e-con e-child" data-id="31ee05f7" data-element_type="container"> <div class="elementor-element elementor-element-4685fbdc elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="4685fbdc" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Follow Us</h2> </div> </div> <div class="elementor-element elementor-element-4a3d276f elementor-shape-circle elementor-widget__width-auto elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="4a3d276f" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-700bc3f" target="_blank"> <span class="elementor-screen-only">Facebook</span> <svg class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-0a70dc9" target="_blank"> <span class="elementor-screen-only">Twitter</span> <svg class="e-font-icon-svg e-fab-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-a547b7b" target="_blank"> <span class="elementor-screen-only">Youtube</span> <svg class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-3db327c" target="_blank"> <span class="elementor-screen-only">Linkedin</span> <svg class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </a> </span> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3930787f elementor-fixed elementor-view-default elementor-widget elementor-widget-icon" data-id="3930787f" data-element_type="widget" data-settings="{"_position":"fixed","motion_fx_motion_fx_scrolling":"yes","motion_fx_opacity_effect":"yes","motion_fx_opacity_range":{"unit":"%","size":"","sizes":{"start":25,"end":30}},"motion_fx_range":"page","motion_fx_opacity_direction":"out-in","motion_fx_opacity_level":{"unit":"px","size":10,"sizes":[]},"motion_fx_devices":["desktop","tablet","mobile"]}" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#gotop"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 0L14 6.5625L13.4261 7.17468L7.41957 1.54357V16.5186H6.58043V1.54357L0.573916 7.17468L0 6.5625L7 0Z" fill="white"></path></svg> </a> </div> </div> </div> </div> </footer> </div> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='flatpickr-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/lib/flatpickr/flatpickr.min.css?ver=4.1.4' media='all' /> <link rel='stylesheet' id='e-motion-fx-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/modules/motion-fx.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='e-sticky-css' href='https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.25.3' media='all' /> <script src="https://container.deverust.com/coinage/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.1.1" id="hello-theme-frontend-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.25.3" id="e-sticky-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/lib/jquery-numerator/jquery-numerator.min.js?ver=0.2.1" id="jquery-numerator-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/lib/flatpickr/flatpickr.min.js?ver=4.1.4" id="flatpickr-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.25.3" id="elementor-pro-webpack-runtime-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.25.8" id="elementor-webpack-runtime-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.25.8" id="elementor-frontend-modules-js"></script> <script src="https://container.deverust.com/coinage/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://container.deverust.com/coinage/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/container.deverust.com\/coinage\/wp-admin\/admin-ajax.php","nonce":"aa9cd5779c","urls":{"assets":"https:\/\/container.deverust.com\/coinage\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/container.deverust.com\/coinage\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/container.deverust.com\/coinage\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.25.3" id="elementor-pro-frontend-js"></script> <script src="https://container.deverust.com/coinage/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.25.8","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"e_css_smooth_scroll":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/container.deverust.com\/coinage\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/container.deverust.com\/coinage\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/container.deverust.com\/coinage\/wp-content\/uploads\/sites\/22"},"nonces":{"floatingButtonsClickTracking":"e881d5ae6d"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":49,"title":"Design%20Guideline%20%E2%80%93%20Coinage","excerpt":"","featuredImage":"https:\/\/container.deverust.com\/coinage\/wp-content\/uploads\/sites\/22\/2024\/07\/Design-Guideline-247x1024.jpg"}}; </script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.25.8" id="elementor-frontend-js"></script> <script src="https://container.deverust.com/coinage/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.25.3" id="pro-elements-handlers-js"></script> </body> </html>