CINXE.COM

<!DOCTYPE html> <html lang=en-US> <head> <meta charset=UTF-8> <meta name=robots content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1'/> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name=dlm-version content=5.0.22><meta name=viewport content="width=device-width, initial-scale=1">  <title>30+ Material Design HTML5 Templates (Free Download & Premium) - Super Dev Resources</title> <meta name=description content="With Material Design becoming a well-known standard in web design, many business as well as startups have started adopting it. Websites with material"/> <link rel=canonical href="https://superdevresources.com/material-design-html5-templates-free-download/"/> <meta property=og:locale content=en_US /> <meta property=og:type content=article /> <meta property=og:title content="30+ Material Design HTML5 Templates (Free Download & Premium) - Super Dev Resources"/> <meta property=og:description content="With Material Design becoming a well-known standard in web design, many business as well as startups have started adopting it. Websites with material"/> <meta property=og:url content="https://superdevresources.com/material-design-html5-templates-free-download/"/> <meta property=og:site_name content="Super Dev Resources"/> <meta property=article:publisher content="https://www.facebook.com/superdevresources"/> <meta property=article:author content="https://www.facebook.com/superdevresources"/> <meta property=article:published_time content="2021-03-15T16:08:23+00:00"/> <meta property=article:modified_time content="2022-09-13T08:00:24+00:00"/> <meta property=og:image content="https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png"/> <meta property=og:image:width content=1280 /> <meta property=og:image:height content=720 /> <meta property=og:image:type content="image/png"/> <meta name=author content="SDR Team"/> <meta name=twitter:card content=summary_large_image /> <meta name=twitter:creator content="@superdevres42"/> <meta name=twitter:site content="@superdevres42"/> <meta name=twitter:label1 content="Written by"/> <meta name=twitter:data1 content="SDR Team"/> <meta name=twitter:label2 content="Est. reading time"/> <meta name=twitter:data2 content="17 minutes"/> <script type="application/ld+json" class=yoast-schema-graph>{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://superdevresources.com/material-design-html5-templates-free-download/#article","isPartOf":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/"},"author":{"name":"SDR Team","@id":"https://45.32.231.40/#/schema/person/c029b7037f3e808f68a95b05d4e5b13d"},"headline":"30+ Material Design HTML5 Templates (Free Download & Premium)","datePublished":"2021-03-15T16:08:23+00:00","dateModified":"2022-09-13T08:00:24+00:00","mainEntityOfPage":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/"},"wordCount":2218,"commentCount":18,"publisher":{"@id":"https://45.32.231.40/#organization"},"image":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/#primaryimage"},"thumbnailUrl":"https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png","keywords":["Material Design"],"articleSection":["Themes & Templates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://superdevresources.com/material-design-html5-templates-free-download/#respond"]}]},{"@type":"WebPage","@id":"https://superdevresources.com/material-design-html5-templates-free-download/","url":"https://superdevresources.com/material-design-html5-templates-free-download/","name":"30+ Material Design HTML5 Templates (Free Download & Premium) - Super Dev Resources","isPartOf":{"@id":"https://45.32.231.40/#website"},"primaryImageOfPage":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/#primaryimage"},"image":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/#primaryimage"},"thumbnailUrl":"https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png","datePublished":"2021-03-15T16:08:23+00:00","dateModified":"2022-09-13T08:00:24+00:00","description":"With Material Design becoming a well-known standard in web design, many business as well as startups have started adopting it. Websites with material","breadcrumb":{"@id":"https://superdevresources.com/material-design-html5-templates-free-download/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://superdevresources.com/material-design-html5-templates-free-download/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://superdevresources.com/material-design-html5-templates-free-download/#primaryimage","url":"https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png","contentUrl":"https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png","width":1280,"height":720,"caption":"Material Design HTML Templates"},{"@type":"BreadcrumbList","@id":"https://superdevresources.com/material-design-html5-templates-free-download/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://superdevresources.com/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://45.32.231.40/blog/"},{"@type":"ListItem","position":3,"name":"Themes & Templates","item":"https://45.32.231.40/category/themes-templates/"},{"@type":"ListItem","position":4,"name":"30+ Material Design HTML5 Templates (Free Download & Premium)"}]},{"@type":"WebSite","@id":"https://45.32.231.40/#website","url":"https://45.32.231.40/","name":"Super Dev Resources","description":"Design, Development, Business & Marketing Resources","publisher":{"@id":"https://45.32.231.40/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://45.32.231.40/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://45.32.231.40/#organization","name":"Super Dev Resources","url":"https://45.32.231.40/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://45.32.231.40/#/schema/logo/image/","url":"https://superdevresources.com/wp-content/uploads/2016/12/sdr.png","contentUrl":"https://superdevresources.com/wp-content/uploads/2016/12/sdr.png","width":512,"height":512,"caption":"Super Dev Resources"},"image":{"@id":"https://45.32.231.40/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/superdevresources","https://x.com/superdevres42","https://www.pinterest.com/superdevres42/"]},{"@type":"Person","@id":"https://45.32.231.40/#/schema/person/c029b7037f3e808f68a95b05d4e5b13d","name":"SDR Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://45.32.231.40/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/8dc6781f6b90a534b80dbc20a569ec9c?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/8dc6781f6b90a534b80dbc20a569ec9c?s=96&d=mm&r=g","caption":"SDR Team"},"description":"SDR team is committed to highlight the latest products, services, freebies and news relevant to community of designers, developers and online entrepreneurs. Do get in touch if you want to share any useful resource with our community.","sameAs":["https://superdevresources.com","https://www.facebook.com/superdevresources","https://x.com/superdevres42"],"url":"https://superdevresources.com/author/sdr-staff/"}]}</script>  <link rel=amphtml href="https://superdevresources.com/material-design-html5-templates-free-download/amp/"/><meta name=generator content="AMP for WP 1.1.3"/><link rel=dns-prefetch href='//cpwebassets.codepen.io'/> <link rel=dns-prefetch href='//stats.wp.com'/> <link rel=dns-prefetch href='//jetpack.wordpress.com'/> <link rel=dns-prefetch href='//s0.wp.com'/> <link rel=dns-prefetch href='//public-api.wordpress.com'/> <link rel=dns-prefetch href='//0.gravatar.com'/> <link rel=dns-prefetch href='//1.gravatar.com'/> <link rel=dns-prefetch href='//2.gravatar.com'/> <link rel=alternate type="application/rss+xml" title="Super Dev Resources » Feed" href="https://superdevresources.com/feed/"/> <link rel=alternate type="application/rss+xml" title="Super Dev Resources » Comments Feed" href="https://superdevresources.com/comments/feed/"/> <link rel=alternate type="application/rss+xml" title="Super Dev Resources » 30+ Material Design HTML5 Templates (Free Download & Premium) Comments Feed" href="https://superdevresources.com/material-design-html5-templates-free-download/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:\/\/superdevresources.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=99b04a94019311c6b2ead9f87b20b3b2"}};!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> <link rel=stylesheet id=jetpack_related-posts-css href='https://superdevresources.com/wp-content/plugins/jetpack/modules/related-posts/related-posts.css?ver=20240116' media=all /> <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 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}</style> <link rel=stylesheet id=wp-block-library-css href='https://superdevresources.com/wp-includes/css/dist/block-library/style.min.css?ver=99b04a94019311c6b2ead9f87b20b3b2' media=all /> <link rel=stylesheet id=mediaelement-css href='https://superdevresources.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' media=all /> <link rel=stylesheet id=wp-mediaelement-css href='https://superdevresources.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=99b04a94019311c6b2ead9f87b20b3b2' media=all /> <style id=jetpack-sharing-buttons-style-inline-css>.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em}</style> <style id=classic-theme-styles-inline-css>.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:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--contrast:var(--contrast);--wp--preset--color--contrast-2:var(--contrast-2);--wp--preset--color--contrast-3:var(--contrast-3);--wp--preset--color--base:var(--base);--wp--preset--color--base-2:var(--base-2);--wp--preset--color--base-3:var(--base-3);--wp--preset--color--accent:var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 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%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 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:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.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=wpa-css-css href='https://superdevresources.com/wp-content/plugins/honeypot/includes/css/wpa.css?ver=2.2.09' media=all /> <link rel=stylesheet id=page-list-style-css href='https://superdevresources.com/wp-content/plugins/page-list/css/page-list.css?ver=5.7' media=all /> <link rel=stylesheet id=wp-show-posts-css href='https://superdevresources.com/wp-content/plugins/wp-show-posts/css/wp-show-posts-min.css?ver=1.1.6' media=all /> <link rel=stylesheet id=generate-comments-css href='https://superdevresources.com/wp-content/themes/generatepress/assets/css/components/comments.min.css?ver=3.5.1' media=all /> <link rel=stylesheet id=generate-widget-areas-css href='https://superdevresources.com/wp-content/themes/generatepress/assets/css/components/widget-areas.min.css?ver=3.5.1' media=all /> <link rel=stylesheet id=generate-style-css href='https://superdevresources.com/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.5.1' media=all /> <style id=generate-style-inline-css>body{background-color:#fff;color:#222}a{color:#1e73be}a:hover,a:focus,a:active{color:#000}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto}.site-header .header-image{width:110px}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:.1;transform:translateY(1000px)}.generate-back-to-top__show{opacity:1;transform:translateY(0)}.navigation-search{position:absolute;left:-99999px;pointer-events:none;visibility:hidden;z-index:20;width:100%;top:0;transition:opacity 100ms ease-in-out;opacity:0}.navigation-search.nav-search-active{left:0;right:0;pointer-events:auto;visibility:visible;opacity:1}.navigation-search input[type="search"]{outline:0;border:0;vertical-align:bottom;line-height:1;opacity:.9;width:100%;z-index:20;border-radius:0;-webkit-appearance:none;height:60px}.navigation-search input::-ms-clear{display:none;width:0;height:0}.navigation-search input::-ms-reveal{display:none;width:0;height:0}.navigation-search input::-webkit-search-decoration,.navigation-search input::-webkit-search-cancel-button,.navigation-search input::-webkit-search-results-button,.navigation-search input::-webkit-search-results-decoration{display:none}.gen-sidebar-nav .navigation-search{top:auto;bottom:0}:root{--contrast:#222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#fff;--accent:#1e73be}:root .has-contrast-color{color:var(--contrast)}:root .has-contrast-background-color{background-color:var(--contrast)}:root .has-contrast-2-color{color:var(--contrast-2)}:root .has-contrast-2-background-color{background-color:var(--contrast-2)}:root .has-contrast-3-color{color:var(--contrast-3)}:root .has-contrast-3-background-color{background-color:var(--contrast-3)}:root .has-base-color{color:var(--base)}:root .has-base-background-color{background-color:var(--base)}:root .has-base-2-color{color:var(--base-2)}:root .has-base-2-background-color{background-color:var(--base-2)}:root .has-base-3-color{color:var(--base-3)}:root .has-base-3-background-color{background-color:var(--base-3)}:root .has-accent-color{color:var(--accent)}:root .has-accent-background-color{background-color:var(--accent)}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:18px}body{line-height:1.6}.entry-content > [class*="wp-block-"]:not(:last-child):not(.wp-block-heading){margin-bottom:1.5em}.site-description{font-size:14px}.main-navigation a,.menu-toggle{font-weight:600}.main-navigation .main-nav ul ul li a{font-size:14px}.widget-title{font-weight:bold;text-transform:uppercase;font-size:16px;margin-bottom:26px}.sidebar .widget,.footer-widgets .widget{font-size:15px}button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link{font-weight:600;text-transform:uppercase;font-size:14px}h1{font-weight:bold;font-size:32px}h2{font-weight:bold;font-size:26px;line-height:1.3em}h3{font-weight:bold;font-size:22px}h4{font-weight:bold;font-size:20px}h5{font-size:18px}.site-info{font-size:14px}@media (max-width:768px){h1{font-size:31px}h2{font-size:27px}h3{font-size:24px}h4{font-size:22px}h5{font-size:19px}}.top-bar{background-color:#636363;color:#fff}.top-bar a{color:#fff}.top-bar a:hover{color:#303030}.site-header{background-color:#fff}.main-title a,.main-title a:hover{color:#222}.site-description{color:#757575}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0,0,0,.02)}.main-navigation,.main-navigation ul ul{background-color:#fff}.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:#515151}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#7a8896;background-color:#f7f8f9}button.menu-toggle:hover,button.menu-toggle:focus{color:#515151}.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:#7a8896;background-color:#fff}.navigation-search input[type="search"],.navigation-search input[type="search"]:active,.navigation-search input[type="search"]:focus,.main-navigation .main-nav ul li.search-item.active>a,.main-navigation .menu-bar-items .search-item.active>a{color:#7a8896;background-color:#f7f8f9}.main-navigation ul ul{background-color:#f7f8f9}.main-navigation .main-nav ul ul li a{color:#333}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#333;background-color:rgba(30,115,190,.1)}.main-navigation .main-nav ul ul li[class*="current-menu-"]>a{color:#333;background-color:rgba(30,115,190,.1)}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.one-container .container,.separate-containers .paging-navigation,.inside-page-header{background-color:#fff}.entry-title a{color:#222}.entry-title a:hover{color:#55555e}.entry-meta{color:#595959}.sidebar .widget{background-color:#fff}.sidebar .widget .widget-title{color:#636363}.footer-widgets{color:#606060;background-color:#fff}.footer-widgets a{color:#212121}.footer-widgets a:hover{color:#3f3f3f}.footer-widgets .widget-title{color:#7c7c7c}.site-info{color:#727272;background-color:#f7f8f9}.site-info a{color:#2d2d2d}.site-info a:hover{color:#4f4f4f}.footer-bar .widget_nav_menu .current-menu-item a{color:#4f4f4f}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#666;background-color:#fafafa;border-color:#ccc}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#666;background-color:#fff;border-color:#bfbfbf}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#fff;background-color:#55555e}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#fff;background-color:#3f4047}a.generate-back-to-top{background-color:#fff;color:#7b7b7b}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:#f2f2f2;color:#444}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,.2)}@media (max-width:768px){.main-navigation .menu-bar-item:hover>a,.main-navigation .menu-bar-item.sfHover>a{background:none;color:#515151}}.inside-header{padding:0}.nav-below-header .main-navigation .inside-navigation.grid-container,.nav-above-header .main-navigation .inside-navigation.grid-container{padding:0 9px 0 9px}.site-main .wp-block-group__inner-container{padding:40px}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px)}.sidebar .widget,.page-header,.widget-area .main-navigation,.site-main>*{margin-bottom:30px}.separate-containers .site-main{margin:30px}.both-right .inside-left-sidebar,.both-left .inside-left-sidebar{margin-right:15px}.both-right .inside-right-sidebar,.both-left .inside-right-sidebar{margin-left:15px}.separate-containers .featured-image{margin-top:30px}.separate-containers .inside-right-sidebar,.separate-containers .inside-left-sidebar{margin-top:30px;margin-bottom:30px}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item>a{padding-left:9px;padding-right:9px}.main-navigation .main-nav ul ul li a{padding:10px 9px 10px 9px}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:9px}.menu-item-has-children .dropdown-menu-toggle{padding-right:9px}.rtl .main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:9px}.widget-area .widget{padding:0 0 10px 0}.inside-site-info{padding:20px}@media (max-width:768px){.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .site-content,.inside-page-header{padding:30px}.site-main .wp-block-group__inner-container{padding:30px}.inside-top-bar{padding-right:30px;padding-left:30px}.inside-header{padding-right:30px;padding-left:30px}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px}.inside-site-info{padding-right:30px;padding-left:30px}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px)}.one-container .site-main .paging-navigation{margin-bottom:30px}}.is-right-sidebar{width:25%}.is-left-sidebar{width:30%}.site-content .content-area{width:75%}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10}}.dynamic-author-image-rounded{border-radius:100%}.dynamic-featured-image,.dynamic-author-image{vertical-align:middle}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0}.dynamic-entry-excerpt>p:last-child{margin-bottom:0}h2.entry-title{font-size:20px}</style> <style id=generateblocks-inline-css>:root{--gb-container-width:1200px}.gb-container .wp-block-image img{vertical-align:middle}.gb-grid-wrapper .wp-block-image{margin-bottom:0}.gb-highlight{background:none}.gb-shape{line-height:0}</style> <link rel=stylesheet id=srpw-style-css href='https://superdevresources.com/wp-content/plugins/smart-recent-posts-widget/assets/css/srpw-frontend.css?ver=99b04a94019311c6b2ead9f87b20b3b2' media=all /> <script id=jetpack_related-posts-js-extra>var related_posts_js_options={"post_heading":"h4"};</script> <script src="https://superdevresources.com/wp-content/plugins/jetpack/_inc/build/related-posts/related-posts.min.js?ver=20240116" id=jetpack_related-posts-js></script> <script src="https://superdevresources.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id=jquery-core-js></script> <script src="https://superdevresources.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id=jquery-migrate-js></script> <link rel="https://api.w.org/" href="https://superdevresources.com/wp-json/"/><link rel=alternate title=JSON type="application/json" href="https://superdevresources.com/wp-json/wp/v2/posts/13083"/><link rel=EditURI type="application/rsd+xml" title=RSD href="https://superdevresources.com/xmlrpc.php?rsd"/> <link rel=shortlink href='https://superdevresources.com/?p=13083'/> <link rel=alternate title="oEmbed (JSON)" type="application/json+oembed" href="https://superdevresources.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F"/> <link rel=alternate title="oEmbed (XML)" type="text/xml+oembed" href="https://superdevresources.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F&format=xml"/> <style>img#wpstats{display:none}</style> <link rel=pingback href="https://superdevresources.com/xmlrpc.php"> <link rel=preload as=style href="https://superdevresources.com/wp-content/plugins/code-prettify/prettify/prettify.css"/><style type="text/css">.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff;transform-origin:center center}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px}.saboxplugin-wrap .saboxplugin-gravatar img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.saboxplugin-wrap .saboxplugin-gravatar img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.saboxplugin-wrap{background-color:#fff}.saboxplugin-wrap .saboxplugin-authorname a,.saboxplugin-wrap .saboxplugin-authorname span{color:#222}.saboxplugin-wrap{margin-top:30px;margin-bottom:30px;padding:0 0}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:25px}.saboxplugin-wrap .saboxplugin-desc p,.saboxplugin-wrap .saboxplugin-desc{font-size:14px!important;line-height:21px!important}.saboxplugin-wrap .saboxplugin-web{font-size:14px}.saboxplugin-wrap .saboxplugin-socials a svg{width:18px;height:18px}</style><link rel=icon href="https://superdevresources.com/wp-content/uploads/2021/05/cropped-sdr-logo-32x32.png" sizes=32x32 /> <link rel=icon href="https://superdevresources.com/wp-content/uploads/2021/05/cropped-sdr-logo-192x192.png" sizes=192x192 /> <link rel=apple-touch-icon href="https://superdevresources.com/wp-content/uploads/2021/05/cropped-sdr-logo-180x180.png"/> <meta name=msapplication-TileImage content="https://superdevresources.com/wp-content/uploads/2021/05/cropped-sdr-logo-270x270.png"/> <style id=wp-custom-css>header.site-header{box-shadow:0 0 5px 0 rgba(231,231,231,.8)}.site-header .header-image{width:100px}@media (max-width:1024px){.site-header .header-image{width:90px}}.header-image{width:auto}.site-branding-container .site-logo{margin-right:0}.site-description{display:none}.navigation-search input[type="search"]{height:auto;opacity:1}@media (min-width:1200px){.header-image{margin-left:-10px}.site-description{display:block}}@media (max-width:768px){.inside-header{padding-right:10px;padding-left:10px}}.button{border-radius:3px}.separate-containers .inside-article{box-shadow:0 0 5px 0 rgba(231,231,231,.8)}.page-header{padding:0!important}.social-share-buttons{margin-top:1.5em}.social-share-buttons .button{margin-right:6px;border:0;line-height:2;padding:0 .8rem;font-size:90%}.social-share-buttons .button:hover{opacity:.85}.social-share-buttons span{margin-left:6px}.separate-containers .paging-navigation{background:transparent;text-align:center}.paging-navigation .page-numbers:not(.dots) {background:#fff;padding:8px 14px;border:1px solid #eee;color:inherit}.paging-navigation .current{background:#eee!important}.comment-author cite{font-weight:600}footer.entry-meta{margin-top:1.5rem}.entry-meta a{color:inherit;font-weight:500}@media (min-width:769px){#right-sidebar{width:320px}.inside-right-sidebar{padding-right:20px}body:not(.no-sidebar) #primary {width:calc(100% - 320px)}}.inside-right-sidebar{min-height:100%;flex:1}#ai_widget-4{position:sticky;top:100px}@media (min-width:769px){nav .main-nav .mega-menu{position:static}nav .main-nav .mega-menu>ul{position:absolute;width:100%;left:0!important;display:flex;flex-wrap:wrap}nav .main-nav .mega-menu>ul>li>a{text-transform:uppercase;font-weight:bold;font-size:12px;letter-spacing:.6px}nav .main-nav .mega-menu>ul>li{display:inline-block;width:25%;vertical-align:top}nav .main-nav .mega-menu.mega-menu-col-2>ul>li{width:50%}nav .main-nav .mega-menu.mega-menu-col-3>ul>li{width:33.3333%}nav .main-nav .mega-menu.mega-menu-col-5>ul>li{width:20%}nav .main-nav .mega-menu>ul>li:hover>a,nav .main-nav .mega-menu>ul>li:focus>a,nav .main-nav .mega-menu>ul>li[class*="current-"]>a,nav .main-nav .mega-menu ul ul{background-color:transparent!important;color:inherit}nav .main-nav .mega-menu ul .sub-menu{position:static;display:block;opacity:1;visibility:visible;width:100%;box-shadow:0 0 0;left:0;height:auto}nav .main-nav .mega-menu ul.toggled-on .sub-menu{pointer-events:auto}nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle{display:none}}.home-button{margin:0 auto!important}.cta-button a{min-width:180px;padding:10px 32px!important;font-size:18px!important;text-transform:capitalize!important}.cta-button a:hover{opacity:.9}.sdr-coffee{text-align:right}@media (max-width:768px){#home-icons{display:none}}#wpsp-25710{margin-bottom:.8rem}#wpsp-25710 .wp-show-posts-inner{background-color:#fff;box-shadow: 0 0 5px 0 rgb(231 231 231 / 80%);transition:box-shadow .25s ease-out}#wpsp-25710 .wp-show-posts-inner:hover{box-shadow: 0 8px 12px 5px rgb(0 0 0 / 8%)}#wpsp-25710 img{width:340px;height:190px;-o-object-fit:cover;object-fit:cover}#wpsp-25710 header{padding:0 15px 20px}#wpsp-25710 h3{line-height:1}#wpsp-25710 h3 a{font-size:16px;color:inherit}#wpsp-25710 h3 a:hover{opacity:.8}.free-resource-panel{background-color:#fff;box-shadow: 0 0 5px 0 rgb(231 231 231 / 80%);margin-bottom:2rem}.free-resource-panel ul{margin-left:1.25rem;font-size:15px;font-weight:600}.free-resource-panel ul a{color:inherit}.free-resource-panel ul a:hover{opacity:.8}#wpsp-25677 .wp-show-posts-inner{background-color:#fff;box-shadow: 0 0 5px 0 rgb(231 231 231 / 80%);transition:box-shadow .25s ease-out}#wpsp-25677 .wp-show-posts-inner:hover{box-shadow: 0 8px 12px 5px rgb(0 0 0 / 8%)}#wpsp-25677 header{padding:0 20px}#wpsp-25677 img{width:350px;height:220px;-o-object-fit:cover;object-fit:cover}#wpsp-25677 h3 a{font-size:20px;color:inherit}#wpsp-25677 h3 a:hover{opacity:.8}#wpsp-25677 .wp-show-posts-entry-meta{margin-top:.5rem}#wpsp-25677 .wp-show-posts-entry-meta-below-post{font-weight:500;padding:0 20px 20px}.blog.separate-containers .inside-article,.archive.separate-containers .inside-article,.search.separate-containers .inside-article{padding:40px 25px 25px;transition:box-shadow .25s ease-out}.blog.separate-containers .inside-article:hover,.archive.separate-containers .inside-article:hover{box-shadow: 0 8px 12px 5px rgb(0 0 0 / 8%)}.post-image-above-header .inside-article .post-image{margin-bottom:1rem}.no-featured-image-padding .post-image{margin-left:-25px;margin-right:-25px}#breadcrumbs{font-size:15px;opacity:.8}#breadcrumbs a{color:inherit;margin-right:3px}.breadcrumb_last{opacity:.6}.single .entry-content a,.saboxplugin-wrap a{font-weight:600;text-decoration:none!important;-webkit-transition:.2s}.single h2 a,.single h3 a{font-weight:inherit!important}.post h2{margin-top:48px;margin-bottom:25px}.post h3{margin-top:36px;margin-bottom:20px}.post img{background-color:#fefefe;box-shadow: 0 0 2px 0 rgb(231 231 231 / 50%)}@media (min-width:1200px){.post .grid{display:flex}.grid .one-half{width:50%}}.widget_top-posts ul li{margin:20px 0 0;font-size:14px;line-height:20px;padding-left:0}.widget_top-posts ul li img{max-width:68px!important;width:25%;border-radius:3px}.widget_top-posts ul li .widgets-list-layout-links{width:75%}.widget_top-posts ul li a,.recent-posts-details-inner a{color:#111;font-weight:600!important;letter-spacing:0!important}.widget_top-posts ul li a:hover{opacity:.8}a.srpw-title{color:#222;font-size:14px;font-weight:600!important;letter-spacing:0!important}a.srpw-title:hover{opacity:.8}#post-2980 h2{margin-top:3rem;font-size:21px;padding-bottom:1rem;border-bottom:1px solid #eee}#post-2980 .wp-show-posts-inner{margin-right:1.5rem!important;margin-bottom:.75rem!important}#post-2980 .wp-show-posts-entry-title a:before{content:"●";display:block;margin-right:6px;color:#444}#post-2980 .wp-show-posts-entry-title a{font-size:15px;font-weight:500!important;color:inherit;line-height:1.5;display:flex}#post-2980 .wp-show-posts-entry-title a:hover{opacity:.8}.site-main .post-navigation{display:flex;border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin-top:2rem;padding:1.5rem 0}.post-navigation .nav-previous{display:flex;width:50%;align-self:center;border-right:1px solid #efefef}.post-navigation .nav-next{display:flex;flex-direction:row-reverse;width:50%;text-align:right;align-self:center}.post-navigation .nav-next .icon-arrow-right{margin-left:.6em;margin-right:0}.share-buttons,.share-buttons span,.share-buttons a{font-size:16px;margin:2rem auto 0;text-align:center;color:#616161;margin-right:1rem}.share-buttons a{font-weight:600}.share-buttons a:hover{opacity:.8}.footer-widgets-container{padding:40px 20px}.inside-footer-widgets>div{flex:auto}.footer-widget-1{max-width:480px}.footer-logo{height:60px;width:auto;margin-top:-10px;margin-left:-14px;margin-bottom:10px}.site-footer small{font-size:12px}footer.site-info{border:1px dashed #eee}.jetpack-social-widget-item svg{width:24px;opacity:.75}.jetpack-social-widget-item svg:hover{opacity:1}.site-footer .widget ul li{font-size:14px}a.generate-back-to-top{border:1px solid #eaeaea}input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="date"],input[type="text"],input[type="url"],select,textarea{display:block;width:850px;max-width:100%;margin-top:.5rem}form textarea{min-height:150px;line-height:1.5;resize:vertical}.avatar{border-radius:100%}.google-auto-placed{margin:1.5rem auto}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{opacity:1}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover{opacity:.9}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{display:block;margin-top:8px;font-weight:600;text-decoration:none;-moz-opacity:1;opacity:1}.sdr-freebie .button{margin:0 auto;display:block;text-align:center;width:auto;padding:24px 18px;border-radius:9999px}@media (max-width:768px){.main-navigation .main-nav ul li a,.menu-toggle{background-color:#fff!important;color:#444;padding-left:1rem;padding-right:1rem}.main-navigation .gp-icon svg{height:1.25em;width:1.25em;top:.25em}}</style> <script defer src="https://analytics.kunruch.com/script.js" data-website-id=1642405f-d120-40a7-8716-0936d51258c9></script> <script type="text/javascript">(function(){var bsa_optimize=document.createElement('script');bsa_optimize.type='text/javascript';bsa_optimize.async=true;bsa_optimize.src='https://cdn4.buysellads.net/pub/superdevresources.js?'+(new Date()-new Date()%600000);(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize);})();</script> <script data-pagespeed-no-defer>(function(){function f(a,b,d){if(a.addEventListener)a.addEventListener(b,d,!1);else if(a.attachEvent)a.attachEvent("on"+b,d);else{var c=a["on"+b];a["on"+b]=function(){d.call(this);c&&c.call(this)}}};window.pagespeed=window.pagespeed||{};var g=window.pagespeed;function k(a){this.g=[];this.f=0;this.h=!1;this.j=a;this.i=null;this.l=0;this.b=!1;this.a=0}function l(a,b){var d=b.getAttribute("data-pagespeed-lazy-position");if(d)return parseInt(d,0);var d=b.offsetTop,c=b.offsetParent;c&&(d+=l(a,c));d=Math.max(d,0);b.setAttribute("data-pagespeed-lazy-position",d);return d} function m(a,b){var d,c,e;if(!a.b&&(0==b.offsetHeight||0==b.offsetWidth))return!1;a:if(b.currentStyle)c=b.currentStyle.position;else{if(document.defaultView&&document.defaultView.getComputedStyle&&(c=document.defaultView.getComputedStyle(b,null))){c=c.getPropertyValue("position");break a}c=b.style&&b.style.position?b.style.position:""}if("relative"==c)return!0;e=0;"number"==typeof window.pageYOffset?e=window.pageYOffset:document.body&&document.body.scrollTop?e=document.body.scrollTop:document.documentElement&& document.documentElement.scrollTop&&(e=document.documentElement.scrollTop);d=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;c=e;e+=d;var h=b.getBoundingClientRect();h?(e=h.top-d,c=h.bottom):(h=l(a,b),d=h+b.offsetHeight,e=h-e,c=d-c);return e<=a.f&&0<=c+a.f} k.prototype.m=function(a){p(a);var b=this;window.setTimeout(function(){var d=a.getAttribute("data-pagespeed-lazy-src");if(d)if((b.h||m(b,a))&&-1!=a.src.indexOf(b.j)){var c=a.parentNode,e=a.nextSibling;c&&c.removeChild(a);a.c&&(a.getAttribute=a.c);a.removeAttribute("onload");a.tagName&&"IMG"==a.tagName&&g.CriticalImages&&f(a,"load",function(){g.CriticalImages.checkImageForCriticality(this);b.b&&(b.a--,b.a||g.CriticalImages.checkCriticalImages())});a.removeAttribute("data-pagespeed-lazy-src");a.removeAttribute("data-pagespeed-lazy-replaced-functions"); c&&c.insertBefore(a,e);if(c=a.getAttribute("data-pagespeed-lazy-srcset"))a.srcset=c,a.removeAttribute("data-pagespeed-lazy-srcset");a.src=d}else b.g.push(a)},0)};k.prototype.loadIfVisibleAndMaybeBeacon=k.prototype.m;k.prototype.s=function(){this.h=!0;q(this)};k.prototype.loadAllImages=k.prototype.s;function q(a){var b=a.g,d=b.length;a.g=[];for(var c=0;c<d;++c)a.m(b[c])}function t(a,b){return a.a?null!=a.a(b):null!=a.getAttribute(b)} k.prototype.u=function(){for(var a=document.getElementsByTagName("img"),b=0,d;d=a[b];b++)t(d,"data-pagespeed-lazy-src")&&p(d)};k.prototype.overrideAttributeFunctions=k.prototype.u;function p(a){t(a,"data-pagespeed-lazy-replaced-functions")||(a.c=a.getAttribute,a.getAttribute=function(a){"src"==a.toLowerCase()&&t(this,"data-pagespeed-lazy-src")&&(a="data-pagespeed-lazy-src");return this.c(a)},a.setAttribute("data-pagespeed-lazy-replaced-functions","1"))} g.o=function(a,b){function d(){if(!(c.b&&a||c.i)){var b=200;200<(new Date).getTime()-c.l&&(b=0);c.i=window.setTimeout(function(){c.l=(new Date).getTime();q(c);c.i=null},b)}}var c=new k(b);g.lazyLoadImages=c;f(window,"load",function(){c.b=!0;c.h=a;c.f=200;if(g.CriticalImages){for(var b=0,d=document.getElementsByTagName("img"),r=0,n;n=d[r];r++)-1!=n.src.indexOf(c.j)&&t(n,"data-pagespeed-lazy-src")&&b++;c.a=b;c.a||g.CriticalImages.checkCriticalImages()}q(c)});b.indexOf("data")&&((new Image).src=b);f(window, "scroll",d);f(window,"resize",d)};g.lazyLoadInit=g.o;})(); pagespeed.lazyLoadInit(true, "/pagespeed_static/1.JiBnMqyl6S.gif"); </script></head> <body class="post-template-default single single-post postid-13083 single-format-standard wp-custom-logo wp-embed-responsive post-image-above-header post-image-aligned-center sticky-menu-fade right-sidebar nav-float-right separate-containers nav-search-enabled header-aligned-left dropdown-hover" itemtype="https://schema.org/Blog" itemscope> <a class="screen-reader-text skip-link" href="#content" title="Skip to content">Skip to content</a> <header class="site-header has-inline-mobile-toggle" id=masthead aria-label=Site itemtype="https://schema.org/WPHeader" itemscope> <div class="inside-header grid-container"> <div class=site-logo> <a href="https://superdevresources.com/" rel=home> <img class="header-image is-logo-image" alt="Super Dev Resources" src="https://superdevresources.com/wp-content/uploads/2016/02/sdr-logo-dark-transparent-bg.png" width=144 height=96 /> </a> </div> <nav class="main-navigation mobile-menu-control-wrapper" id=mobile-menu-control-wrapper aria-label="Mobile Toggle"> <div class=menu-bar-items><span class="menu-bar-item search-item"><a aria-label="Open Search Bar" href="#"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path fill-rule=evenodd clip-rule=evenodd d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z"/></svg><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z"/></svg></span></a></span></div> <button data-nav=site-navigation class=menu-toggle aria-controls=primary-menu aria-expanded=false> <span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z"/></svg><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z"/></svg></span><span class=screen-reader-text>Menu</span> </button> </nav> <nav class="main-navigation has-menu-bar-items sub-menu-right" id=site-navigation aria-label=Primary itemtype="https://schema.org/SiteNavigationElement" itemscope> <div class="inside-navigation grid-container"> <form method=get class="search-form navigation-search" action="https://superdevresources.com/"> <input type=search class=search-field value="" name=s title=Search /> </form> <button class=menu-toggle aria-controls=primary-menu aria-expanded=false> <span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z"/></svg><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z"/></svg></span><span class=screen-reader-text>Menu</span> </button> <div id=primary-menu class=main-nav><ul id=menu-top-menu class=" menu sf-menu"><li id=menu-item-25695 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25695"><a href="https://superdevresources.com/category/freebies/">Freebies</a></li> <li id=menu-item-25693 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25693"><a href="https://superdevresources.com/category/design/">Design</a></li> <li id=menu-item-25694 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25694"><a href="https://superdevresources.com/category/development/">Development</a></li> <li id=menu-item-25697 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25697"><a href="https://superdevresources.com/category/marketing/">Marketing</a></li> <li id=menu-item-25696 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25696"><a href="https://superdevresources.com/category/business/">Business</a></li> <li id=menu-item-25700 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25700"><a href="https://superdevresources.com/category/tech/">Tech</a></li> <li id=menu-item-25876 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25876"><a href="https://superdevresources.com/category/inspirations/">Inspirations</a></li> <li id=menu-item-26109 class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26109"><a href="https://superdevresources.com/category/career/">Career</a></li> </ul></div><div class=menu-bar-items><span class="menu-bar-item search-item"><a aria-label="Open Search Bar" href="#"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path fill-rule=evenodd clip-rule=evenodd d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z"/></svg><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z"/></svg></span></a></span></div> </div> </nav> </div> </header> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2882870425816773" crossorigin=anonymous></script> <style type="text/css">.adslot_1{width:300px;height:50px}@media (min-width:500px){.adslot_1{width:468px;height:60px}}@media (min-width:800px){.adslot_1{width:728px;height:90px}}@media (min-width:1160px){.adslot_1{width:970px;height:90px}}</style>  <div style="text-align:center;padding-top:20px; padding-bottom:0px;"> <ins class="adsbygoogle adslot_1" style="display:inline-block;" data-ad-client=ca-pub-2882870425816773 data-ad-slot=3103164468></ins> </div> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div class="site grid-container container hfeed" id=page> <div class=site-content id=content> <div class=content-area id=primary> <main class=site-main id=main> <article id=post-13083 class="post-13083 post type-post status-publish format-standard has-post-thumbnail hentry category-themes-templates tag-material-design" itemtype="https://schema.org/CreativeWork" itemscope> <div class=inside-article> <header class=entry-header> <h1 class=entry-title itemprop=headline>30+ Material Design HTML5 Templates (Free Download & Premium)</h1> <div class=entry-meta> <span class=posted-on><time class="entry-date updated-date" datetime="2022-09-13T13:30:24+05:30" itemprop=dateModified>Updated On September 13, 2022</time></span> <span class=byline>by <span class="author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://superdevresources.com/author/sdr-staff/" title="View all posts by SDR Team" rel=author itemprop=url><span class=author-name itemprop=name>SDR Team</span></a></span></span> </div> </header> <div class=entry-content itemprop=text> <figure class="wp-block-image size-large"><img fetchpriority=high decoding=async width=1024 height=576 src="https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-1024x576.png" alt="Material Design HTML Templates" class=wp-image-25194 srcset="https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-1024x576.png 1024w, https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-300x169.png 300w, https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-768x432.png 768w, https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-500x281.png 500w, https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates-800x450.png 800w, https://superdevresources.com/wp-content/uploads/2021/03/Material-Design-HTML5-Templates.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px"/></figure> <p>With <a href="https://material.io" target=_blank rel=noopener>Material Design</a> becoming a well-known standard in web design, many business as well as startups have started adopting it. Websites with material design offer great user experience and known UI elements that are great for building both website as well as backend app or <a href="https://superdevresources.com/material-design-admin-templates/" target=_blank rel=noopener>admin dashboard</a>. We have compiled this list of some of the best Material Design HTML5 templates available for building website landing pages and portfolios. Most of these templates are available for free download. We have also included premium high quality templates that are available for reasonable price and good support. </p> <p>All the HTML5 templates mentioned here are responsive and mobile-friendly and will help you give your website the perfect Material Design look. Ease of customization is one of the top features we look for when picking a HTML5 template, and hence you will find the templates listed here easy to use and customize. </p> <p>These templates are built with <a href="https://superdevresources.com/material-design-web-ui-frameworks/" target=_blank rel=noopener>Material Design UI frameworks</a> that conform to the Google Material standards when it comes to shadows, animations and motion. Use of a popular CSS framework such as MDB will also help you when you are customizing these templates and adding additional sections in the website or are building services having <a href="https://superdevresources.com/vuejs-admin-templates/" target=_blank rel=noopener>dashboards</a> or <a href="https://superdevresources.com/material-design-ecommerce-ui-kit/" target=_blank rel=noopener>e-commerce</a>. If you are using WordPress, then you will find our collection of <a href="https://superdevresources.com/free-material-design-wordpress-themes/" target=_blank rel=noopener>Material Design WordPress themes</a> useful.</p> <p><em>(We have updated the post with many more free HTML5 templates built with Material Design principles. These new templates include <strong>portfolio </strong>templates, <strong>blog </strong>templates, <strong>admin </strong>templates, <strong>landing page </strong>templates and much more. Enjoy and don’t forget to leave us a comment if you find this article useful.)</em></p> <h2 class=wp-block-heading>Best Material Design Website Templates</h2> <p>Find below an extensive list of free as well as premium Material Design website templates. Links to view the demo and downloading these templates are provided with each template. Do let us know in comments if any of the links is not working and we will try our best to correct the download link. Kindly note that some of the links below are affiliate links. We have also motioned which templates are free to download. Framework used to build these website templates are also mentioned.</p> <h3 class=wp-block-heading>1. Material Landing (Free, MD Bootstrap)</h3> <figure class=wp-block-image><a href="https://templateflip.com/templates/material-landing/" target=_blank rel=noopener><img decoding=async width=800 height=600 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot.jpg" alt="material landing screenshot" class=wp-image-3692 title=material-landing-screenshot data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot.jpg 800w, https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot-300x225.jpg 300w, https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot-768x576.jpg 768w, https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot-500x375.jpg 500w, https://superdevresources.com/wp-content/uploads/2018/02/material-landing-screenshot-600x450.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a></figure> <p>Material Landing is a free material design landing page template built by <a href="https://templateflip.com" target=_blank rel=noopener>TemplateFlip</a> with a <a href="https://superdevresources.com/material-design-bootstrap-themes/" target=_blank rel=noopener>Bootstrap based material kit</a> called the <a href="https://superdevresources.com/go/mdbootstrap/" target=_blank rel=noopener>MDB UI Kit</a>. The landing page has a clean material look which is ideal for creating conversion optimized landing page for a product or website of an agency or a company. Built by TemplateFlip, the template has sections designed in material design for displaying product/company’s features, best projects, pricing plan as well as team members. Eye-catching animations are played upon scrolling the landing page.</p> <p><a class="button button-primary button-large" href="https://templateflip.com/templates/material-landing/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>2. Material App (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img decoding=async width=800 height=500 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2018/06/4-Material-App-Template.jpg" alt="Material App Template" class=wp-image-13587 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2018/06/4-Material-App-Template.jpg 800w, https://superdevresources.com/wp-content/uploads/2018/06/4-Material-App-Template-300x188.jpg 300w, https://superdevresources.com/wp-content/uploads/2018/06/4-Material-App-Template-768x480.jpg 768w, https://superdevresources.com/wp-content/uploads/2018/06/4-Material-App-Template-500x313.jpg 500w" sizes="(max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Material App is a free app landing page template built with material design using the <a href="https://superdevresources.com/go/mdbootstrap/" target=_blank rel=noopener>MDB UI Kit</a> and Bootstrap framework. The template has a clean material look and is ideal for creating conversion optimized landing page for any mobile app, software or service. It features a full screen background image with call to action buttons for downloading the app from app stores. The design includes all the essential sections including sections for showcasing your app’s features, screenshots, pricing plan, about us, team members, customer testimonials and more.</p> <p><a class=button href="https://templateflip.com/templates/material-app/" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>3. Material Portfolio (Free, MDL)</h3> <figure class=wp-block-image><a href="https://templateflip.com/templates/material-portfolio/" target=_blank rel=noopener><img decoding=async data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2017/01/material-portfolio-1024x669.jpg" alt="material website template" class=wp-image-2012 src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a></figure> <p>Material Portfolio is built with <a href="https://getmdl.io/">MDL framework</a> and is a completely free portfolio template suitable for use by individuals as well as companies and agencies. It includes templates for different sections of the website such as homepage, about, contact and portfolio pages. The template has easy to understand code and is easily customizable and extensible using the MDL framework.</p> <p><a class="button button-primary button-large" href="https://templateflip.com/templates/material-portfolio/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>4. Material Resume (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=800 height=600 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/03/material-resume-screenshot.png" alt="material resume screenshot" class=wp-image-25089 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/03/material-resume-screenshot.png 800w, https://superdevresources.com/wp-content/uploads/2021/03/material-resume-screenshot-300x225.png 300w, https://superdevresources.com/wp-content/uploads/2021/03/material-resume-screenshot-768x576.png 768w, https://superdevresources.com/wp-content/uploads/2021/03/material-resume-screenshot-500x375.png 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is are many professional design <a href="https://superdevresources.com/material-design-resume-templates/">material resume templates</a> including HTML websites. This is our pick for the material resume or portfolio site as it has all the section you need when creating your online portfolio or CV. It is a responsive design resume website template that has been built with the MDB UI Kit. This template offers subtle on-scroll animations and material design look and feel including box shadows. It has sections for showcasing skills, experience, projects, reference etc.</p> <p><a class="button button-primary button-large" href="https://templateflip.com/templates/material-resume/" target=_blank rel=noopener>DEMO & DOWNLOAD</a></p> <h3 class=wp-block-heading>5. Parallax Theme (Free, Vuetify)</h3> <figure class="wp-block-image size-large"><img loading=lazy decoding=async width=800 height=604 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/05/1_Parallax-Theme-Free.jpg" alt="Parallax Theme Free" class=wp-image-26660 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/05/1_Parallax-Theme-Free.jpg 800w, https://superdevresources.com/wp-content/uploads/2021/05/1_Parallax-Theme-Free-300x227.jpg 300w, https://superdevresources.com/wp-content/uploads/2021/05/1_Parallax-Theme-Free-768x580.jpg 768w, https://superdevresources.com/wp-content/uploads/2021/05/1_Parallax-Theme-Free-500x378.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>The Parallax Theme is a free template with Material design style. It is targeted at beginners who want to start exploring Vuetify without the distraction of a complicated development environment.</p> <p><a class=button href="https://store.vuetifyjs.com/products/parallax-theme-free" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>6. Freelancer Theme (Free, Vuetify)</h3> <figure class="wp-block-image size-large"><img loading=lazy decoding=async width=800 height=562 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/05/2_Freelancer-Theme-Free.jpg" alt="Freelancer Theme Free" class=wp-image-26661 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/05/2_Freelancer-Theme-Free.jpg 800w, https://superdevresources.com/wp-content/uploads/2021/05/2_Freelancer-Theme-Free-300x211.jpg 300w, https://superdevresources.com/wp-content/uploads/2021/05/2_Freelancer-Theme-Free-768x540.jpg 768w, https://superdevresources.com/wp-content/uploads/2021/05/2_Freelancer-Theme-Free-500x351.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>The <strong>Freelancer Theme</strong> is a free single-page template designed for freelancers. Built with Vuetify, it provides a responsive and beautiful user interface in Material style that is easy to customize.</p> <p><a class=button href="https://store.vuetifyjs.com/products/freelancer-theme-free" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>7. Blog Theme (Free, Vuetify)</h3> <figure class="wp-block-image size-large"><img loading=lazy decoding=async width=800 height=463 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/05/3_Blog-Theme-Free.jpg" alt="Blog Theme Free" class=wp-image-26662 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/05/3_Blog-Theme-Free.jpg 800w, https://superdevresources.com/wp-content/uploads/2021/05/3_Blog-Theme-Free-300x174.jpg 300w, https://superdevresources.com/wp-content/uploads/2021/05/3_Blog-Theme-Free-768x444.jpg 768w, https://superdevresources.com/wp-content/uploads/2021/05/3_Blog-Theme-Free-500x289.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a free material design based blog theme. It has been built with Vuetify and features a clean interface for creating a blog or blog-like applications.</p> <p><a class=button href="https://store.vuetifyjs.com/products/blog-theme-free" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>8. Zero Theme (Free, Vuetify)</h3> <figure class="wp-block-image size-large"><img loading=lazy decoding=async width=800 height=469 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/05/4_Zero-Theme-Free.jpg" alt="Zero Theme Free" class=wp-image-26663 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/05/4_Zero-Theme-Free.jpg 800w, https://superdevresources.com/wp-content/uploads/2021/05/4_Zero-Theme-Free-300x176.jpg 300w, https://superdevresources.com/wp-content/uploads/2021/05/4_Zero-Theme-Free-768x450.jpg 768w, https://superdevresources.com/wp-content/uploads/2021/05/4_Zero-Theme-Free-500x293.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Zero is a free multi-purpose and responsive theme with a clean interface and Vuetify library as its core UI component.</p> <p><a class=button href="https://store.vuetifyjs.com/products/zero-theme-free" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>9. Vuetify Material Dashboard (Free, Vuetify)</h3> <figure class="wp-block-image size-large"><img loading=lazy decoding=async width=800 height=600 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2021/05/5_Vuetify-Material-Dashboard-FREE.jpg" alt="Vuetify Material Dashboard FREE" class=wp-image-26664 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2021/05/5_Vuetify-Material-Dashboard-FREE.jpg 800w, https://superdevresources.com/wp-content/uploads/2021/05/5_Vuetify-Material-Dashboard-FREE-300x225.jpg 300w, https://superdevresources.com/wp-content/uploads/2021/05/5_Vuetify-Material-Dashboard-FREE-768x576.jpg 768w, https://superdevresources.com/wp-content/uploads/2021/05/5_Vuetify-Material-Dashboard-FREE-500x375.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a free admin template developed by Creative Tim. It has over 16 components and 7 example pages, all with material design style. It has been built over <a href="https://vuetifyjs.com/en/" target=_blank rel=noopener>Vuetify</a>, <a href="https://vuex.vuejs.org/" target=_blank rel=noopener>Vuex</a> and <a href="https://vuejs.org/v2/guide/" target=_blank rel=noopener>Vuejs</a>. You can find many other <a href="https://superdevresources.com/vuejs-admin-templates/">Vuejs admin templates</a> on our site.</p> <p><a class=button href="https://superdevresources.com/go/creative-tim/product/vuetify-material-dashboard" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>10. Material Style (Premium, Bootstrap)</h3> <figure class="wp-block-image is-resized"><img loading=lazy decoding=async data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/material-style.jpg" alt="" class=wp-image-3274 width=723 height=452 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/material-style.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/material-style-300x188.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/material-style-500x313.jpg 500w" sizes="auto, (max-width: 723px) 100vw, 723px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Material style is a multi-purpose material design template built with Bootstrap 4. It offers multiple color schemes and large variations of pre-built custom designed pages such as profile, timeline, e-commerce, forms, about us and a lot more. It also includes over 100 components in material design style to build a website.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/wrapbootstrap/theme/material-style-material-design-for-all-WB0F66100" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>11. MaterialX – Material Design Personal Template (Premium, Bootstrap)</h3> <figure class="wp-block-image is-resized"><img loading=lazy decoding=async data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/01_preview.__large_preview1.png" alt="material design html5 templates" class=wp-image-303 width=719 height=366 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/01_preview.__large_preview1.png 590w, https://superdevresources.com/wp-content/uploads/2015/05/01_preview.__large_preview1-300x153.png 300w, https://superdevresources.com/wp-content/uploads/2015/05/01_preview.__large_preview1-500x254.png 500w" sizes="auto, (max-width: 719px) 100vw, 719px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>MaterialX is a premium material design resume and portfolio template based on <a href="https://getbootstrap.com/" target=_blank rel="nofollow noopener">Bootstrap</a> and <a href="http://materializecss.com/" target=_blank rel="nofollow noopener">Materialize</a>. It is designed for professionals as well as companies to display their Profile, Resume, Portfolio etc. The template is easily customizable and fully responsive for all devices. The templatate features subtle on scroll animations to wow your audience.</p> <p><a class="button button-primary button-large" href="https://superdevresources.com/go/themeforest/item/materialx-material-design-personal-template/10735301" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>12. Materialish (Premium, Bootstrap)</h3> <figure class="wp-block-image is-resized"><img loading=lazy decoding=async data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/preview_590.__large_preview1.jpg" alt="preview_590.__large_preview[1]" class=wp-image-301 width=701 height=356 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/preview_590.__large_preview1.jpg 590w, https://superdevresources.com/wp-content/uploads/2015/05/preview_590.__large_preview1-300x153.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/preview_590.__large_preview1-500x254.jpg 500w" sizes="auto, (max-width: 701px) 100vw, 701px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Materialish is a mobile and template responsive HTML5 site template. It includes 400+ Font Awesome Icons, iOS home screen, WebApp and jQuery Swipe image slider.</p> <p><a class="button button-primary" href="/go/themeforest/item/materialish-mobile-tablet-responsive-template/9551089" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>13. Landing Page Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-landing-page-free-template.jpg" alt="mdb landing page free template" class=wp-image-30893 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-landing-page-free-template.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-landing-page-free-template-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-landing-page-free-template-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-landing-page-free-template-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>A basic landing page which is simple, clean and informative. It can offer quick presentation of your platform with a pure purpose of getting your visitors attention and guiding them further.</p> <p><a class=button href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/landing-page/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>14. Full Page Video Carousel Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-page-video-carousel.jpg" alt="mdb full page video carousel" class=wp-image-30894 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-page-video-carousel.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-page-video-carousel-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-page-video-carousel-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-page-video-carousel-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Don’t limit yours <span class=il>carousel </span>to just static photos. With this material design <span class=il>video</span> <span class=il>carousel</span> template you can embed <span class=il>video </span>as easy as pictures.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/full-page-video-carousel/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>15. Half Carousel Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-half-carousel-free.jpg" alt="mdb half carousel free" class=wp-image-30895 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-half-carousel-free.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-half-carousel-free-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-half-carousel-free-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-half-carousel-free-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>With this half carousel template, now you can have both image carousel and your portfolio above the fold. It includes responsive menus and search box too.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/half-carousel/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>16. Full Page Image Carousel Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-carousel.jpg" alt="mdb full carousel" class=wp-image-30896 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-carousel.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-carousel-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-carousel-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-carousel-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This one is a full page image background slider built using the Material Design for Bootstrap carousel. You can use this template to create one page portfolio sites, and much more.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/full-page-image-carousel/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>17. Material E-commerce Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-ecommerce-product-page.jpg" alt="mdb ecommerce product page" class=wp-image-30897 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-ecommerce-product-page.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-ecommerce-product-page-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-ecommerce-product-page-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-ecommerce-product-page-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Giving you e-commerce website a material design look? This material design e-commerce template will surely draw eyeballs. It includes templates for e-store homepage with an image carousel, product page and checkout page. With these free starter templates, you will have necessary templates to build a complete e-commerce website.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/e-commerce/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>18. Full Background Image Template (Free, MD Bootstrap)</h3> <figure class="wp-block-image size-full"><img loading=lazy decoding=async width=800 height=364 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-background-image.jpg" alt="mdb full background image" class=wp-image-30898 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-background-image.jpg 800w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-background-image-300x137.jpg 300w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-background-image-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2022/09/mdb-full-background-image-500x228.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>A lot of websites are built with full background image these days and with this free HTML template you can build one yourself with material design elements.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/full-background-image/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>19. Blog Homepage Template (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=349 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-768x349.jpg" alt="blog-home-template-min[1]" class=wp-image-590 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-300x136.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-1024x465.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-500x227.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-800x364.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1-600x273.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/blog-home-template-min1.jpg 1899w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Download the modern blog template with clean material design looks and large featured images for each posts. Includes a subscription form with material design animations in form fields and buttons.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/blog/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>20. Three Column Listing Template (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=349 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-768x349.jpg" alt="3col-template-min[1]" class=wp-image-592 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-300x136.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-1024x465.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-500x227.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-800x364.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1-600x273.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/3col-template-min1.jpg 1899w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This three Column Listing Template is provided for free from MDB template and can easily used as your new personal portfolio. It provides a modern, flat and responsive design.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/3-columns-listing/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>21. One Column Listing Template (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=349 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-768x349.jpg" alt="1c template min1" class=wp-image-12827 title="1c-template-min[1]" data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-300x136.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-1024x465.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-500x227.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-800x364.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1-600x273.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/1c-template-min1.jpg 1899w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This one column listing template can be used to display your products or projects in your portfolio with ease.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/1-column-listing/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>22. Jumbotron with Features Template (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=349 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-768x349.jpg" alt="jumbotron[1]" class=wp-image-596 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-300x136.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-1024x465.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-500x227.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-800x364.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1-600x273.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/jumbotron1.jpg 1899w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Jumbotrons are not yet out of trend yet and this beautiful and free material design template proves that jumbo-trons are here to stay.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/jumbotron/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>23. Two Column Listing Template (Free, MD Bootstrap)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=349 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-768x349.jpg" alt="2col-template-min[1]" class=wp-image-597 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-768x349.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-300x136.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-1024x465.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-500x227.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-800x364.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1-600x273.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/2col-template-min1.jpg 1899w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Two column templates are our favorites and when they come with material design it is even better. Grab this free two column listing template from MDB’s website.</p> <p><a class="button button-primary" href="https://superdevresources.com/go/mdbootstrap/freebies/jquery/2-columns-listing/" target=_blank rel=noopener>Demo & Download</a></p> <h3 class=wp-block-heading>24. Parallax Template (Free, Materialize)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=768 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-768x768.jpg" alt="material-parallax[1]" class=wp-image-285 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-768x768.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-150x150.jpg 150w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-300x300.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-1024x1024.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-500x500.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-800x800.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1-600x600.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/material-parallax1.jpg 1600w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a free Material Design template that Materialize CSS offers with a Header, Call-to-Action, Icon Features and Parallax scrolling.</p> <p><a class=button href="http://materializecss.com/templates/parallax-template/preview.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="http://materializecss.com/templates/parallax-template.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>25. Starter Template (Free, Materialize)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=483 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-768x483.jpg" alt="Starter-Template[1]" class=wp-image-288 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-768x483.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-300x189.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-500x314.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-800x503.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1-600x377.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/Starter-Template1.jpg 954w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a simple starter template offered by Materialize with a Header, Call-to-Action, and Icon Features. It features responsive design and grid layouts.</p> <p><a class=button href="http://materializecss.com/templates/starter-template/preview.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="http://materializecss.com/templates/starter-template.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>26. Material Design App Landing Page (Free, Polymer)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=768 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-768x768.jpg" alt="material-design-app-landing[1]" class=wp-image-291 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-768x768.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-150x150.jpg 150w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-300x300.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-1024x1024.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-500x500.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-800x800.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1-600x600.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/material-design-app-landing1.jpg 1600w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a simple one page HTML template design to use as an app landing page built using Project Polymer. The template is easy to setup and deploy.</p> <p><a class="button button-primary" href="https://github.com/FaizMalkani/appsite" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>27. Material Template with Jekyll (Free, Materialize)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=768 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-768x768.jpg" alt="material-jekyll[1]" class=wp-image-293 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-768x768.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-150x150.jpg 150w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-300x300.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-1024x1024.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-500x500.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-800x800.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1-600x600.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/material-jekyll1.jpg 1600w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>An HTML5 responsive template incorporating Google’s Material Design Standards along with Jekyll from Naveen Shaji. Unfortunately, the demo link of this template is broken. However, the source code is still available on GitHub.</p> <p><a class="button button-primary" href="https://github.com/naveenshaji/material" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>28. Material Design Blog Template (Free, MDL)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=415 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-768x415.jpg" alt="blog_2x[1]" class=wp-image-578 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-768x415.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-300x162.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-1024x554.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-500x270.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-800x433.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1-600x325.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/blog_2x1.jpg 1786w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>This is a mobile focused responsive template that showcases image or text based blog entries, a subscription CTA, search & share links, and an expanded article page with comments, counters and bookmarking capabilities built-in.</p> <p>This free material design blog template is built with Material Design Lite.</p> <p><a class=button href="https://www.getmdl.io/templates/blog/index.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/mdl-templates.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>29. ANDROID.COM MDL SKIN (Free, MDL)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=415 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-768x415.jpg" alt="android-dot-com_2x[1]" class=wp-image-579 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-768x415.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-300x162.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-1024x554.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-500x270.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-800x433.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1-600x325.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/android-dot-com_2x1.jpg 1786w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>A Material Design Lite version of the current android.com site, using the same content with a horizontal navigation, feature carousel and long form scrolling sub pages.</p> <p>This template would prove to be great for building your own material design e-commerce website with responsive menus.</p> <p><a class=button href="https://www.getmdl.io/templates/android-dot-com/index.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/mdl-templates.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>30. Material Design Admin Dashboard (Free, MDL)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=415 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-768x415.jpg" alt="dashboard_2x[1]" class=wp-image-580 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-768x415.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-300x162.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-1024x554.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-500x270.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-800x433.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1-600x325.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/dashboard_2x1.jpg 1786w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Download this free material design admin template with a modular responsive admin dashboard built to display data visualizations and information with a clear vertical nav, user profile, search and dedicated space for updates and filters.</p> <p><a class=button href="https://www.getmdl.io/templates/dashboard/index.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/mdl-templates.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>31. Template for Text-Heavy Page (Free, MDL)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=415 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-768x415.jpg" alt="text-only_2x[1]" class=wp-image-581 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-768x415.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-300x162.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-1024x554.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-500x270.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-800x433.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1-600x325.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/text-only_2x1.jpg 1786w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Have a large amount of text in a page can be a design problem but with this clean material design template for a text heave page, you are at ease.</p> <p>Built for presenting content that is information dense, easily updatable, and optimized for legibility, this template has a sticky horizontal top nav on mobile, feature callouts, cards and a site map footer with a deep-linked table of contents.</p> <p><a class=button href="https://www.getmdl.io/templates/text-only/index.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/mdl-templates.zip" target=_blank rel=noopener>Download</a></p> <h3 class=wp-block-heading>32. Stand Alone Article Template (Free, MDL)</h3> <figure class=wp-block-image><img loading=lazy decoding=async width=768 height=415 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-768x415.jpg" alt="article_2x[1]" class=wp-image-582 data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-768x415.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-300x162.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-1024x554.jpg 1024w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-500x270.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-800x433.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1-600x325.jpg 600w, https://superdevresources.com/wp-content/uploads/2015/05/article_2x1.jpg 1786w" sizes="auto, (max-width: 768px) 100vw, 768px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></figure> <p>Do you know what’s in trend these days when in comes to blog posts? A clean and content focused layout like this one.</p> <p>Download this clean layout optimized for presenting text-based content with a breadcrumb nav, search, clear headers and a footer that utilizes a card-like structure to showcase the content.</p> <p><a class=button href="https://www.getmdl.io/templates/article/index.html" target=_blank rel=noopener>Demo</a> <a class="button button-primary" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/mdl-templates.zip" target=_blank rel=noopener>Download</a></p> <h2 class=wp-block-heading>Material Design HTML UI Kit (Free with upgrade)</h2> <p>Using a material design UI Kit makes it easier for you to implement a website as well as any related services in material design. A well made materials kit offers pre-designed website templates in material style and can also be upgrade to provide additional UI styles, templates and support.</p> <h3 class=wp-block-heading>MDB UI Kit (Bootstrap & Material Design)</h3> <figure class=wp-block-image><a href="https://superdevresources.com/go/mdb" target=_blank rel=noopener><img loading=lazy decoding=async width=800 height=420 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2015/05/mdb-more.jpg" alt="mdb more" class=wp-image-3713 title=mdb-more data-pagespeed-lazy-srcset="https://superdevresources.com/wp-content/uploads/2015/05/mdb-more.jpg 800w, https://superdevresources.com/wp-content/uploads/2015/05/mdb-more-300x158.jpg 300w, https://superdevresources.com/wp-content/uploads/2015/05/mdb-more-768x403.jpg 768w, https://superdevresources.com/wp-content/uploads/2015/05/mdb-more-500x263.jpg 500w, https://superdevresources.com/wp-content/uploads/2015/05/mdb-more-600x315.jpg 600w" sizes="auto, (max-width: 800px) 100vw, 800px" src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a></figure> <p><a href="https://superdevresources.com/go/mdb" target=_blank rel=noopener>MD Bootstrap</a> is well implemented Material UI kit and is available for both Bootstrap 4 and Bootstrap 5. It offers 700+ Material UI elements, 600+ Material icons, 74 CSS animations in the <strong>free version</strong> along with many free HTML templates. There is a premium version of this UI Kit available which gives you access to 2000+ components, premium sections, plugins and JavaScript modules. On their site you will find many free material design templates as well as tutorials to build websites with Bootstrap and Material Design. (read <a href="https://superdevresources.com/mdbootstrap-material-design-ui-kit-bootstrap/" target=_blank rel=noopener>MDB benefits</a>)</p> <p><a class="button button-primary button-large" href="https://superdevresources.com/go/mdb" target=_blank rel=noopener>View Details</a></p> <p>There are many other <a href="https://superdevresources.com/bootstrap-ui-kits/" target=_blank rel=noopener>Bootstrap UI Kits</a> with different design principles that may interest you too.</p> <p>Do these Material Design website templates live up to your expectations and needs? If you are overwhelmed with options then might we recommend you choose the bootstrap material UI kit <a href="https://superdevresources.com/go/mdb" target=_blank rel=noopener>MDB</a>. This UI kit will provide you with multiple Material Design HTML templates, along with enabling you to add additional Material design components, sections and apps like features to your website with ease. It also has excellent documentation as well as support from the developers.</p> <p>If you come across any other free Material Design template that we have not covered in this post then do leave us a comment below.</p> <p>Before you go, don’t miss our list of top <a href="https://superdevresources.com/material-design-resume-templates/" target=_blank rel=noopener>Material Design resume templates</a> and <a href="/material-design-tumblr-themes/" target=_blank rel=noopener>Material Design Tumblr themes</a>.</p> <p><small>Cover Image made with <a href="https://pixelied.com/?via=kunruch&fp_sid=sdr_cred" target=_blank rel="sponsored noopener">Pixelied</a></small></p> <div id=jp-relatedposts class=jp-relatedposts> <h3 class=jp-relatedposts-headline><em>Related</em></h3> </div> </div> <footer class=entry-meta aria-label="Entry meta"> <span class=cat-links><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z"/></svg></span><span class=screen-reader-text>Categories </span><a href="https://superdevresources.com/category/themes-templates/" rel="category tag">Themes & Templates</a></span> <span class=tags-links><span class="gp-icon icon-tags"><svg viewBox="0 0 512 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em><path d="M20 39.5c-8.836 0-16 7.163-16 16v176c0 4.243 1.686 8.313 4.687 11.314l224 224c6.248 6.248 16.378 6.248 22.626 0l176-176c6.244-6.244 6.25-16.364.013-22.615l-223.5-224A15.999 15.999 0 00196.5 39.5H20zm56 96c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z"/><path d="M259.515 43.015c4.686-4.687 12.284-4.687 16.97 0l228 228c4.686 4.686 4.686 12.284 0 16.97l-180 180c-4.686 4.687-12.284 4.687-16.97 0-4.686-4.686-4.686-12.284 0-16.97L479.029 279.5 259.515 59.985c-4.686-4.686-4.686-12.284 0-16.97z"/></svg></span><span class=screen-reader-text>Tags </span><a href="https://superdevresources.com/tag/material-design/" rel=tag>Material Design</a></span> <nav id=nav-below class=post-navigation aria-label=Posts> <div class=nav-previous><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em fill-rule=evenodd clip-rule=evenodd stroke-linejoin=round stroke-miterlimit=1.414><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule=nonzero /></svg></span><span class=prev><a href="https://superdevresources.com/protecting-your-privacy-in-the-digital-age/" rel=prev>How to Protect Your Privacy in The Digital Age</a></span></div><div class=nav-next><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em fill-rule=evenodd clip-rule=evenodd stroke-linejoin=round stroke-miterlimit=1.414><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule=nonzero /></svg></span><span class=next><a href="https://superdevresources.com/how-important-is-recognition-amongst-employees/" rel=next>How Important is Recognition Amongst Employees?</a></span></div> </nav> </footer> <div class=share-buttons> <span>Share this on → </span> <a href="https://twitter.com/intent/tweet?text=30%2B+Material+Design+HTML5+Templates+%28Free+Download+%26%23038%3B+Premium%29&url=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F&via=superdevres42&related=superdevres42" rel=nofollow target=_blank title="Share on Twitter">Twitter</a> <a href="https://facebook.com/sharer.php?u=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F" rel=nofollow target=_blank title="Share on Facebook">Facebook</a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F" rel=nofollow target=_blank title="Share on LinkedIn">LinkedIn</a> <a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F&media=https%3A%2F%2Fsuperdevresources.com%2Fwp-content%2Fuploads%2F2021%2F03%2FMaterial-Design-HTML5-Templates.png&description=30%2B+Material+Design+HTML5+Templates+%28Free+Download+%26%23038%3B+Premium%29" rel=nofollow target=_blank title="Share on Pinterest">Pinterest</a> </div> </div> </article> <div class=saboxplugin-wrap itemtype="http://schema.org/Person" itemscope itemprop=author><div class=saboxplugin-tab><div class=saboxplugin-gravatar><img alt='SDR Team' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/8dc6781f6b90a534b80dbc20a569ec9c?s=100&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/8dc6781f6b90a534b80dbc20a569ec9c?s=200&d=mm&r=g 2x' class='avatar avatar-100 photo' height=100 width=100 itemprop=image loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></div><div class=saboxplugin-authorname><a href="https://superdevresources.com/author/sdr-staff/" class="vcard author" rel=author><span class=fn>SDR Team</span></a></div><div class=saboxplugin-desc><div itemprop=description><p><a href="https://twitter.com/SuperDevRes42" rel="external nofollow">SDR team</a> is committed to highlight the latest products, services, freebies and news relevant to community of designers, developers and online entrepreneurs. Do <a href="/contact/">get in touch</a> if you want to share any useful resource with our community.</p> </div></div><div class="saboxplugin-web "><a href="https://superdevresources.com" target=_blank>superdevresources.com</a></div><div class=clearfix></div></div></div> <div class=comments-area> <div id=comments> <h2 class=comments-title>18 thoughts on “30+ Material Design HTML5 Templates (Free Download & Premium)”</h2> <ol class=comment-list> <li id=comment-905 class="comment even thread-even depth-1"> <article class=comment-body id=div-comment-905 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/6dd819d1f0a4f1006fbe450a5ffe8884?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/6dd819d1f0a4f1006fbe450a5ffe8884?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Raheja</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-905"> <time datetime="2015-11-17T08:26:27+05:30" itemprop=datePublished> November 17, 2015 at 8:26 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Great themes…Perfect design work</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-905" data-commentid=905 data-postid=13083 data-belowelement=div-comment-905 data-respondelement=respond data-replyto="Reply to Raheja" aria-label="Reply to Raheja">Reply</a></span> </div> </article> </li> <li id=comment-906 class="comment odd alt thread-odd thread-alt depth-1"> <article class=comment-body id=div-comment-906 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/1e21dd465e1ce03b0fe81a005f387360?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/1e21dd465e1ce03b0fe81a005f387360?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>HappyNewYR</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-906"> <time datetime="2015-12-18T02:55:08+05:30" itemprop=datePublished> December 18, 2015 at 2:55 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Many thanks for posting :)</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-906" data-commentid=906 data-postid=13083 data-belowelement=div-comment-906 data-respondelement=respond data-replyto="Reply to HappyNewYR" aria-label="Reply to HappyNewYR">Reply</a></span> </div> </article> </li> <li id=comment-907 class="comment even thread-even depth-1"> <article class=comment-body id=div-comment-907 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/5087b9bc9728e9b6e11ef0e1e11dd43f?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/5087b9bc9728e9b6e11ef0e1e11dd43f?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Ifkobato</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-907"> <time datetime="2015-12-24T22:03:12+05:30" itemprop=datePublished> December 24, 2015 at 10:03 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Thanks for posting! :)</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-907" data-commentid=907 data-postid=13083 data-belowelement=div-comment-907 data-respondelement=respond data-replyto="Reply to Ifkobato" aria-label="Reply to Ifkobato">Reply</a></span> </div> </article> </li> <li id=comment-908 class="comment odd alt thread-odd thread-alt depth-1 parent"> <article class=comment-body id=div-comment-908 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/9919c420041e0da59c30310678832df5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/9919c420041e0da59c30310678832df5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>alain</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-908"> <time datetime="2016-01-05T15:53:03+05:30" itemprop=datePublished> January 5, 2016 at 3:53 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>I downloaded the link but it’s not taking the style only the text should I change the links or something<br/> Thank you for the fast reply</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-908" data-commentid=908 data-postid=13083 data-belowelement=div-comment-908 data-respondelement=respond data-replyto="Reply to alain" aria-label="Reply to alain">Reply</a></span> </div> </article> <ul class=children> <li id=comment-909 class="comment even depth-2"> <article class=comment-body id=div-comment-909 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>TemplateFlip Team</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-909"> <time datetime="2016-01-05T16:05:48+05:30" itemprop=datePublished> January 5, 2016 at 4:05 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Which one did you download?</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-909" data-commentid=909 data-postid=13083 data-belowelement=div-comment-909 data-respondelement=respond data-replyto="Reply to TemplateFlip Team" aria-label="Reply to TemplateFlip Team">Reply</a></span> </div> </article> </li> </ul> </li> <li id=comment-910 class="comment odd alt thread-even depth-1 parent"> <article class=comment-body id=div-comment-910 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/20f3d8f51c301a6c33cdd49f569785c1?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/20f3d8f51c301a6c33cdd49f569785c1?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Vishwanath</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-910"> <time datetime="2016-02-17T11:26:25+05:30" itemprop=datePublished> February 17, 2016 at 11:26 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>I really love these templates, thanks for sharing. I liked Full Page Video Carousel Template. Tried to verify it in my mobile (Moto E), video is not playing whereas it is fine in desktop.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-910" data-commentid=910 data-postid=13083 data-belowelement=div-comment-910 data-respondelement=respond data-replyto="Reply to Vishwanath" aria-label="Reply to Vishwanath">Reply</a></span> </div> </article> <ul class=children> <li id=comment-911 class="comment even depth-2"> <article class=comment-body id=div-comment-911 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>TemplateFlip Team</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-911"> <time datetime="2016-02-17T19:15:06+05:30" itemprop=datePublished> February 17, 2016 at 7:15 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Hi Vishwanath, we too did notice the video for this Full Page Video Carousel Template not playing on Android. But this is likely to do with videos on Android browser rather than the template itself. If you are able to use a video which are playable inside browsers on Android with HTML5, then you should get it working properly with this template.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-911" data-commentid=911 data-postid=13083 data-belowelement=div-comment-911 data-respondelement=respond data-replyto="Reply to TemplateFlip Team" aria-label="Reply to TemplateFlip Team">Reply</a></span> </div> </article> </li> </ul> </li> <li id=comment-912 class="comment odd alt thread-odd thread-alt depth-1 parent"> <article class=comment-body id=div-comment-912 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/51d9b2c5cfc87be12278bf3f5982b761?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/51d9b2c5cfc87be12278bf3f5982b761?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Ramit Suri</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-912"> <time datetime="2016-03-21T06:37:56+05:30" itemprop=datePublished> March 21, 2016 at 6:37 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>How do I use these themes? I want to use the dashboard one, copied the files from the template over to the extracted MaterializeCSS folder but there the page doesn’t look similar to the images.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-912" data-commentid=912 data-postid=13083 data-belowelement=div-comment-912 data-respondelement=respond data-replyto="Reply to Ramit Suri" aria-label="Reply to Ramit Suri">Reply</a></span> </div> </article> <ul class=children> <li id=comment-913 class="comment even depth-2 parent"> <article class=comment-body id=div-comment-913 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>TemplateFlip Team</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-913"> <time datetime="2016-03-21T14:01:16+05:30" itemprop=datePublished> March 21, 2016 at 2:01 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Hi Ramit, once you download the zip file for “Material Design Admin Dashboard” template, you will find templates folder in the extracted zip file. Inside that folder there is another folder named dashboard which contains the dashboard template (all necessary HTML and CSS are in there) which you can use in your project.</p> <p>Do let us know if you face any more issues. Also kindly be more specific about what errors you are getting (provide screenshots if necessary) so we can be of further help.</p> <p>Thanks,<br/> TemplateFlip Team</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-913" data-commentid=913 data-postid=13083 data-belowelement=div-comment-913 data-respondelement=respond data-replyto="Reply to TemplateFlip Team" aria-label="Reply to TemplateFlip Team">Reply</a></span> </div> </article> <ul class=children> <li id=comment-914 class="comment odd alt depth-3"> <article class=comment-body id=div-comment-914 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/51beff57b389fd11fff2474bddbbfdf4?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/51beff57b389fd11fff2474bddbbfdf4?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Sebastian</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-914"> <time datetime="2016-07-11T22:14:25+05:30" itemprop=datePublished> July 11, 2016 at 10:14 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Hi</p> <p>The material.js script, is for the behavior of the components right? I can create my own javascript with jquery and define my own functions without editing that file?</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-914" data-commentid=914 data-postid=13083 data-belowelement=div-comment-914 data-respondelement=respond data-replyto="Reply to Sebastian" aria-label="Reply to Sebastian">Reply</a></span> </div> </article> </li> </ul> </li> </ul> </li> <li id=comment-915 class="comment even thread-even depth-1 parent"> <article class=comment-body id=div-comment-915 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/cbba282126d34d1176f88d16e84b11ef?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/cbba282126d34d1176f88d16e84b11ef?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Andrew</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-915"> <time datetime="2016-12-19T03:31:19+05:30" itemprop=datePublished> December 19, 2016 at 3:31 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Great material website design resources! The “materialstrap” link is broken, just FYI.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-915" data-commentid=915 data-postid=13083 data-belowelement=div-comment-915 data-respondelement=respond data-replyto="Reply to Andrew" aria-label="Reply to Andrew">Reply</a></span> </div> </article> <ul class=children> <li id=comment-916 class="comment odd alt depth-2"> <article class=comment-body id=div-comment-916 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>TemplateFlip Team</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-916"> <time datetime="2016-12-27T19:03:26+05:30" itemprop=datePublished> December 27, 2016 at 7:03 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Thank you for letting us know. Unfortunately that template is no longer available. However, we have updated the article with some new material design HTML5 templates.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-916" data-commentid=916 data-postid=13083 data-belowelement=div-comment-916 data-respondelement=respond data-replyto="Reply to TemplateFlip Team" aria-label="Reply to TemplateFlip Team">Reply</a></span> </div> </article> </li> </ul> </li> <li id=comment-917 class="comment even thread-odd thread-alt depth-1"> <article class=comment-body id=div-comment-917 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/b4d82f205d248a6f707211b11af6051d?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/b4d82f205d248a6f707211b11af6051d?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>_hendra</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-917"> <time datetime="2017-01-14T10:12:52+05:30" itemprop=datePublished> January 14, 2017 at 10:12 am </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>great design and positioning</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-917" data-commentid=917 data-postid=13083 data-belowelement=div-comment-917 data-respondelement=respond data-replyto="Reply to _hendra" aria-label="Reply to _hendra">Reply</a></span> </div> </article> </li> <li id=comment-918 class="comment odd alt thread-even depth-1 parent"> <article class=comment-body id=div-comment-918 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/a6fc2575736bd49161d787b5538b7842?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/a6fc2575736bd49161d787b5538b7842?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Anurag Gupta</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-918"> <time datetime="2017-03-09T14:06:49+05:30" itemprop=datePublished> March 9, 2017 at 2:06 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Nice collection. </p> <p>I would have been better if you had categories these theme based on the frameworks – MDL, Materialize, MDB etc. </p> <p>Thanks</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-918" data-commentid=918 data-postid=13083 data-belowelement=div-comment-918 data-respondelement=respond data-replyto="Reply to Anurag Gupta" aria-label="Reply to Anurag Gupta">Reply</a></span> </div> </article> <ul class=children> <li id=comment-919 class="comment even depth-2"> <article class=comment-body id=div-comment-919 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/d855a81815a2c8e8989e26f7827d18c5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>TemplateFlip Team</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-919"> <time datetime="2017-03-09T15:49:04+05:30" itemprop=datePublished> March 9, 2017 at 3:49 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Thank you for your suggestion Anurag. We will keep that in mind when we update the post next time.</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-919" data-commentid=919 data-postid=13083 data-belowelement=div-comment-919 data-respondelement=respond data-replyto="Reply to TemplateFlip Team" aria-label="Reply to TemplateFlip Team">Reply</a></span> </div> </article> </li> </ul> </li> <li id=comment-920 class="comment odd alt thread-odd thread-alt depth-1"> <article class=comment-body id=div-comment-920 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/933285225d6a05a99fe35d72b38ff17e?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/933285225d6a05a99fe35d72b38ff17e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>anony</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-920"> <time datetime="2017-06-09T20:14:26+05:30" itemprop=datePublished> June 9, 2017 at 8:14 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Thank you, great design</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-920" data-commentid=920 data-postid=13083 data-belowelement=div-comment-920 data-respondelement=respond data-replyto="Reply to anony" aria-label="Reply to anony">Reply</a></span> </div> </article> </li> <li id=comment-921 class="comment even thread-even depth-1"> <article class=comment-body id=div-comment-921 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/efc25e6e61f1476e4d6eec7c19ae114e?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/efc25e6e61f1476e4d6eec7c19ae114e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>Johnson Crystal</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-921"> <time datetime="2017-10-03T15:27:13+05:30" itemprop=datePublished> October 3, 2017 at 3:27 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Nice job here!<br/> lovely designs …..</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-921" data-commentid=921 data-postid=13083 data-belowelement=div-comment-921 data-respondelement=respond data-replyto="Reply to Johnson Crystal" aria-label="Reply to Johnson Crystal">Reply</a></span> </div> </article> </li> <li id=comment-1091 class="comment odd alt thread-odd thread-alt depth-1"> <article class=comment-body id=div-comment-1091 itemtype="https://schema.org/Comment" itemscope> <footer class=comment-meta aria-label="Comment meta"> <img alt='' data-pagespeed-lazy-src='https://secure.gravatar.com/avatar/5fd816e8c1c650189ec9cef2e75e55bf?s=50&d=mm&r=g' data-pagespeed-lazy-srcset='https://secure.gravatar.com/avatar/5fd816e8c1c650189ec9cef2e75e55bf?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height=50 width=50 loading=lazy decoding=async src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/> <div class=comment-author-info> <div class="comment-author vcard" itemprop=author itemtype="https://schema.org/Person" itemscope> <cite itemprop=name class=fn>jaydeep</cite> </div> <div class="entry-meta comment-metadata"> <a href="https://superdevresources.com/material-design-html5-templates-free-download/#comment-1091"> <time datetime="2018-11-13T16:16:19+05:30" itemprop=datePublished> November 13, 2018 at 4:16 pm </time> </a> </div> </div> </footer> <div class=comment-content itemprop=text> <p>Many thanks…Good job</p> <span class=reply><a rel=nofollow class=comment-reply-link href="#comment-1091" data-commentid=1091 data-postid=13083 data-belowelement=div-comment-1091 data-respondelement=respond data-replyto="Reply to jaydeep" aria-label="Reply to jaydeep">Reply</a></span> </div> </article> </li> </ol> <div id=respond class=comment-respond> <h3 id=reply-title class=comment-reply-title>Leave a Reply<small><a rel=nofollow id=cancel-comment-reply-link href="/material-design-html5-templates-free-download/#respond" style="display:none;">Cancel reply</a></small></h3> <form id=commentform class=comment-form> <iframe title="Comment Form" src="https://jetpack.wordpress.com/jetpack-comment/?blogid=143510594&postid=13083&comment_registration=0&require_name_email=1&stc_enabled=0&stb_enabled=0&show_avatars=1&avatar_default=mystery&greeting=Leave+a+Reply&jetpack_comments_nonce=76ffe20a60&greeting_reply=Leave+a+Reply+to+%25s&color_scheme=light&lang=en_US&jetpack_version=14.4.1&iframe_unique_id=1&show_cookie_consent=10&has_cookie_consent=0&is_current_user_subscribed=0&token_key=%3Bnormal%3B&sig=ece6c6de4fe0a2e94c453b2f69a1c2f9f8c5a73c#parent=https%3A%2F%2Fsuperdevresources.com%2Fmaterial-design-html5-templates-free-download%2F" name=jetpack_remote_comment style="width:100%; height: 430px; border:0;" class=jetpack_remote_comment id=jetpack_remote_comment sandbox="allow-same-origin allow-top-navigation allow-scripts allow-forms allow-popups"> </iframe>  <script type="text/javascript" data-pagespeed-no-defer>pagespeed.lazyLoadImages.overrideAttributeFunctions();</script><script>document.addEventListener('DOMContentLoaded',function(){var commentForms=document.getElementsByClassName('jetpack_remote_comment');for(var i=0;i<commentForms.length;i++){commentForms[i].allowTransparency=false;commentForms[i].scrolling='no';}});</script>  </form> </div> <input type=hidden name=comment_parent id=comment_parent value=""/> </div> </div> </main> </div> <div class="widget-area sidebar is-right-sidebar" id=right-sidebar> <div class=inside-right-sidebar> <aside id=ai_widget-2 class="widget inner-padding block-widget"><div class='code-block code-block-4' style='margin: 8px 0; clear: both;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2882870425816773" crossorigin=anonymous></script>  <ins class=adsbygoogle style="display:inline-block;width:300px;height:250px" data-ad-client=ca-pub-2882870425816773 data-ad-slot=4990330135></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div> </aside><aside id=top-posts-2 class="widget inner-padding widget_top-posts"><h2 class=widget-title>Popular Posts</h2><ul class='widgets-list-layout no-grav'> <li><a href="https://superdevresources.com/html-resume-templates/" title="25 Professional HTML & CSS Resume Templates for Free Download (and Premium)" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=150%2C150&ssl=1" srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/05/html-resume-templates.jpg?resize=600%2C600&ssl=1 4x" alt="25 Professional HTML & CSS Resume Templates for Free Download (and Premium)" data-pin-nopin=true class=widgets-list-layout-blavatar /></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/html-resume-templates/" title="25 Professional HTML & CSS Resume Templates for Free Download (and Premium)" class=bump-view data-bump-view=tp>25 Professional HTML & CSS Resume Templates for Free Download (and Premium)</a> </div> </li><li><a href="https://superdevresources.com/open-source-html5-games/" title="15+ Open Source HTML5 games" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=150%2C150&ssl=1" srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2014/09/2048-open-source-game.png?resize=600%2C600&ssl=1 4x" alt="15+ Open Source HTML5 games" data-pin-nopin=true class=widgets-list-layout-blavatar /></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/open-source-html5-games/" title="15+ Open Source HTML5 games" class=bump-view data-bump-view=tp>15+ Open Source HTML5 games</a> </div> </li><li><a href="https://superdevresources.com/glassmorphism-ui-inspiration/" title="15 Glassmorphism UI Design Inspirations and Examples" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=150%2C150&ssl=1" srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/7_Kit-UI-glassmorphism.jpg?resize=600%2C600&ssl=1 4x" alt="15 Glassmorphism UI Design Inspirations and Examples" data-pin-nopin=true class=widgets-list-layout-blavatar /></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/glassmorphism-ui-inspiration/" title="15 Glassmorphism UI Design Inspirations and Examples" class=bump-view data-bump-view=tp>15 Glassmorphism UI Design Inspirations and Examples</a> </div> </li><li><a href="https://superdevresources.com/procreate-brushes-free/" title="700+ Best Free Procreate Brushes for Drawing, Painting and Lettering on iPad" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2022/02/free-procreate-grain-brushes.jpg?resize=600%2C600&ssl=1 4x" alt="700+ Best Free Procreate Brushes for Drawing, Painting and Lettering on iPad" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/procreate-brushes-free/" title="700+ Best Free Procreate Brushes for Drawing, Painting and Lettering on iPad" class=bump-view data-bump-view=tp>700+ Best Free Procreate Brushes for Drawing, Painting and Lettering on iPad</a> </div> </li><li><a href="https://superdevresources.com/free-payment-method-icons/" title="16+ Free Payment Method Icon Sets - Download SVG, PNG for E-commerce" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/03/free-payment-method-icons-svg.jpg?resize=600%2C600&ssl=1 4x" alt="16+ Free Payment Method Icon Sets - Download SVG, PNG for E-commerce" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/free-payment-method-icons/" title="16+ Free Payment Method Icon Sets - Download SVG, PNG for E-commerce" class=bump-view data-bump-view=tp>16+ Free Payment Method Icon Sets - Download SVG, PNG for E-commerce</a> </div> </li><li><a href="https://superdevresources.com/vuejs-mobile-frameworks/" title="15 Best Vue Mobile UI Frameworks for Developing Apps" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/Vue-Mobile-UI-Frameworks.jpg?resize=600%2C600&ssl=1 4x" alt="15 Best Vue Mobile UI Frameworks for Developing Apps" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/vuejs-mobile-frameworks/" title="15 Best Vue Mobile UI Frameworks for Developing Apps" class=bump-view data-bump-view=tp>15 Best Vue Mobile UI Frameworks for Developing Apps</a> </div> </li><li><a href="https://superdevresources.com/css-button-glow-effect/" title="CSS for Button Glow Effect on Hover" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2016/01/glow-button-effect-css.png?resize=600%2C600&ssl=1 4x" alt="CSS for Button Glow Effect on Hover" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/css-button-glow-effect/" title="CSS for Button Glow Effect on Hover" class=bump-view data-bump-view=tp>CSS for Button Glow Effect on Hover</a> </div> </li><li><a href="https://superdevresources.com/business-letterhead-templates/" title="25 Free Business Letterhead Templates (Word, AI)" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2021/05/best-business-letterhead-templates.jpg?resize=600%2C600&ssl=1 4x" alt="25 Free Business Letterhead Templates (Word, AI)" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/business-letterhead-templates/" title="25 Free Business Letterhead Templates (Word, AI)" class=bump-view data-bump-view=tp>25 Free Business Letterhead Templates (Word, AI)</a> </div> </li><li><a href="https://superdevresources.com/best-vscode-light-themes/" title="10 Best Visual Studio Code Light Themes" class=bump-view data-bump-view=tp><img loading=lazy width=150 height=150 data-pagespeed-lazy-src="https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=150%2C150&ssl=1" data-pagespeed-lazy-srcset="https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=150%2C150&ssl=1 1x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=225%2C225&ssl=1 1.5x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=300%2C300&ssl=1 2x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=450%2C450&ssl=1 3x, https://i0.wp.com/superdevresources.com/wp-content/uploads/2018/01/quiet-light-theme.png?resize=600%2C600&ssl=1 4x" alt="10 Best Visual Studio Code Light Themes" data-pin-nopin=true class=widgets-list-layout-blavatar src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=widgets-list-layout-links> <a href="https://superdevresources.com/best-vscode-light-themes/" title="10 Best Visual Studio Code Light Themes" class=bump-view data-bump-view=tp>10 Best Visual Studio Code Light Themes</a> </div> </li></ul> </aside><aside id=ai_widget-3 class="widget inner-padding block-widget"><div class='code-block code-block-5' style='margin: 8px 0; clear: both;'> <script type="text/javascript" data-pagespeed-no-defer>pagespeed.lazyLoadImages.overrideAttributeFunctions();</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2882870425816773" crossorigin=anonymous></script>  <ins class=adsbygoogle style="display:inline-block;width:300px;height:250px" data-ad-client=ca-pub-2882870425816773 data-ad-slot=3109620289></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div> </aside><aside id=srpw_widget-2 class="widget inner-padding widget_smart_recent_entries smart_recent_posts"><h2 class=widget-title>Recent Freebies</h2><div class="srpw-block srpw-classic-style "><style>.srpw-thumbnail{width:75px;height:75px;border-radius:3px;box-shadow:0 0 15px 0 rgba(231,231,231,.8)}</style><ul class=srpw-ul><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-spring-floral-backgrounds-pastel/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2024/02/free-spring-floral-backgrounds-pastel-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="5 Free Spring Floral Backgrounds in Pastel Colors" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-spring-floral-backgrounds-pastel/" target=_self>5 Free Spring Floral Backgrounds in Pastel Colors</a><div class=srpw-meta><time class="srpw-time published" datetime="2024-02-29T20:05:00+05:30">February 29, 2024</time></div></div></li><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-tropical-floral-backgrounds-dark/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2024/02/free-tropical-floral-backgrounds-dark-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="8 Free Tropical Floral Backgrounds in Dark Theme" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-tropical-floral-backgrounds-dark/" target=_self>8 Free Tropical Floral Backgrounds in Dark Theme</a><div class=srpw-meta><time class="srpw-time published" datetime="2024-02-07T22:56:14+05:30">February 7, 2024</time></div></div></li><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-ivory-gold-paint-textures/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2024/02/free-ivory-gold-paint-textures-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="12 Free Ivory and Gold Paint Textures" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-ivory-gold-paint-textures/" target=_self>12 Free Ivory and Gold Paint Textures</a><div class=srpw-meta><time class="srpw-time published" datetime="2024-02-03T21:10:20+05:30">February 3, 2024</time></div></div></li><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-alcohol-ink-gold-backgrounds/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2024/01/free-alcohol-ink-gold-backgrounds-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="12 Free Alcohol Ink Gold Backgrounds" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-alcohol-ink-gold-backgrounds/" target=_self>12 Free Alcohol Ink Gold Backgrounds</a><div class=srpw-meta><time class="srpw-time published" datetime="2024-01-26T22:28:11+05:30">January 26, 2024</time></div></div></li><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-liquid-marble-gold-backgrounds/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2024/01/free-liquid-marble-gold-backgrounds-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="12 Free Liquid Marble Gold Backgrounds: The Perfect Addition to Your Instagram Posts" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-liquid-marble-gold-backgrounds/" target=_self>12 Free Liquid Marble Gold Backgrounds: The Perfect Addition to Your Instagram Posts</a><div class=srpw-meta><time class="srpw-time published" datetime="2024-01-24T18:36:02+05:30">January 24, 2024</time></div></div></li><li class="srpw-li srpw-clearfix"><a class="srpw-img srpw-alignleft" href="https://superdevresources.com/free-pastel-gradient-backgrounds/" target=_self><img width=150 height=150 data-pagespeed-lazy-src="https://superdevresources.com/wp-content/uploads/2022/11/free-pastel-gradient-backgrounds-grainy-texture-150x150.jpg" class=" srpw-thumbnail wp-post-image" alt="5 Free Pastel Gradient Backgrounds with Grainy Texture" decoding=async loading=lazy src="/pagespeed_static/1.JiBnMqyl6S.gif" onload="pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);" onerror="this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);"/></a><div class=srpw-content><a class=srpw-title href="https://superdevresources.com/free-pastel-gradient-backgrounds/" target=_self>5 Free Pastel Gradient Backgrounds with Grainy Texture</a><div class=srpw-meta><time class="srpw-time published" datetime="2022-11-10T16:06:33+05:30">November 10, 2022</time></div></div></li></ul></div></aside><aside id=ai_widget-4 class="widget inner-padding block-widget"><div class='code-block code-block-8' style='margin: 8px 0; clear: both;'> <script type="text/javascript" data-pagespeed-no-defer>pagespeed.lazyLoadImages.overrideAttributeFunctions();</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2882870425816773" crossorigin=anonymous></script>  <ins class=adsbygoogle style="display:inline-block;width:300px;height:250px" data-ad-client=ca-pub-2882870425816773 data-ad-slot=1475800015></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div> </aside> </div> </div> </div> </div> <div class=site-footer> <div id=footer-widgets class="site footer-widgets"> <div class="footer-widgets-container grid-container"> <div class=inside-footer-widgets> <div class=footer-widget-1> <aside id=custom_html-2 class="widget_text widget inner-padding widget_custom_html"><div class="textwidget custom-html-widget"><div><a href="https://superdevresources.com/"><img class=footer-logo src="https://superdevresources.com/wp-content/uploads/2016/02/sdr-logo-dark-transparent-bg.png" alt="Super Dev Logo" width=144 height=96 /></a> <p>We publish <a style="text-decoration:underline;" href="https://superdevresources.com/directory/">awesome resources</a> for designers, developers, marketers and technology lovers.</p></div></div></aside><aside id=jetpack_widget_social_icons-2 class="widget inner-padding jetpack_widget_social_icons"> <ul class="jetpack-social-widget-list size-medium"> <li class=jetpack-social-widget-item> <a href="https://twitter.com/SuperDevRes42" target=_blank rel="noopener noreferrer"><span class=screen-reader-text>Twitter</span><svg class="icon icon-twitter" aria-hidden=true role=presentation> <use href="#icon-twitter" xlink:href="#icon-twitter"></use> </svg> </a> </li> <li class=jetpack-social-widget-item> <a href="https://www.facebook.com/superdevresources" target=_blank rel="noopener noreferrer"><span class=screen-reader-text>Facebook</span><svg class="icon icon-facebook" aria-hidden=true role=presentation> <use href="#icon-facebook" xlink:href="#icon-facebook"></use> </svg> </a> </li> </ul> </aside> </div> <div class=footer-widget-2> <aside id=nav_menu-5 class="widget inner-padding widget_nav_menu"><h2 class=widget-title>Design Tools</h2><div class=menu-design-menu-container><ul id=menu-design-menu class=menu><li id=menu-item-6 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a target=_blank href="https://mdigi.tools/color-shades/">Color Shades</a></li> <li id=menu-item-8 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a target=_blank href="https://mdigi.tools/color-converter/">Color Converter</a></li> <li id=menu-item-10 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a target=_blank href="https://mdigi.tools/color-extractor/">Color Extractor</a></li> <li id=menu-item-7 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a target=_blank href="https://mdigi.tools/image-cropper/">Image Cropper</a></li> <li id=menu-item-9 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a target=_blank href="https://mdigi.tools/random-pastel-color/">Pastel Colors</a></li> </ul></div></aside> </div> <div class=footer-widget-3> <aside id=nav_menu-4 class="widget inner-padding widget_nav_menu"><h2 class=widget-title>Dev Tools</h2><div class=menu-development-menu-container><ul id=menu-development-menu class=menu><li id=menu-item-16 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a target=_blank href="https://mdigi.tools/json-viewer/">JSON Viewer</a></li> <li id=menu-item-17 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a target=_blank href="https://mdigi.tools/gradient-generator/">Gradient Generator</a></li> <li id=menu-item-14 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a target=_blank href="https://mdigi.tools/whatversion/">Version Checker</a></li> <li id=menu-item-13 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a target=_blank href="https://mdigi.tools/passwordgen/">Password Generator</a></li> <li id=menu-item-15 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a target=_blank href="https://mdigi.tools/screen-resolution/">Screen Resolution</a></li> </ul></div></aside> </div> <div class=footer-widget-4> <aside id=nav_menu-3 class="widget inner-padding widget_nav_menu"><h2 class=widget-title>About</h2><div class=menu-footer-menu-container><ul id=menu-footer-menu class=menu><li id=menu-item-6269 class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6269"><a href="https://superdevresources.com/about/">About</a></li> <li id=menu-item-20586 class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20586"><a href="https://superdevresources.com/terms/">Terms</a></li> <li id=menu-item-6268 class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6268"><a href="https://superdevresources.com/contact/">Contact</a></li> <li id=menu-item-9497 class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9497"><a href="https://superdevresources.com/advertise/">Advertise</a></li> <li id=menu-item-6270 class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6270"><a href="https://superdevresources.com/privacy-policy/">Privacy Policy</a></li> </ul></div></aside> </div> </div> </div> </div> <footer class=site-info aria-label=Site itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class=copyright-bar> © Copyright 2025 <a href="https://superdevresources.com/" target=_blank>Super Dev Resources</a>. All rights reserved. </div> </div> </footer> </div> <a title="Scroll back to top" aria-label="Scroll back to top" rel=nofollow href="#" class=generate-back-to-top data-scroll-speed=400 data-start-scroll=300 role=button> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden=true xmlns="http://www.w3.org/2000/svg" width=1em height=1em fill-rule=evenodd clip-rule=evenodd stroke-linejoin=round stroke-miterlimit=1.414><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule=nonzero /></svg></span> </a>  <script>window.__bp_session_timeout='900';window.__bp_session_freezing=0;window.bizpanda||(window.bizpanda={}),window.bizpanda.bp_can_store_localy=function(){return!1},window.bizpanda.bp_ut_get_cookie=function(e){for(var n=e+"=",i=document.cookie.split(";"),o=0;o<i.length;o++){for(var t=i[o];" "==t.charAt(0);)t=t.substring(1);if(0==t.indexOf(n))return decodeURIComponent(t.substring(n.length,t.length))}return!1},window.bizpanda.bp_ut_set_cookie=function(e,n,i){var o=new Date;o.setTime(o.getTime()+24*i*60*60*1e3);var t="expires="+o.toUTCString();document.cookie=e+"="+encodeURIComponent(n)+"; "+t+"; path=/"},window.bizpanda.bp_ut_get_obj=function(e){var n=null;if(!(n=window.bizpanda.bp_can_store_localy()?window.localStorage.getItem("bp_ut_session"):window.bizpanda.bp_ut_get_cookie("bp_ut_session")))return!1;n=(n=n.replace(/\-c\-/g,",")).replace(/\-q\-/g,'"');try{n=JSON.parse(n)}catch(e){return!1}return n.started+1e3*e<(new Date).getTime()&&(n=null),n},window.bizpanda.bp_ut_set_obj=function(e,n){e.started&&window.__bp_session_freezing||(e.started=(new Date).getTime()),(e=JSON.stringify(e))&&(e=(e=e.replace(/\"/g,"-q-")).replace(/\,/g,"-c-")),window.bizpanda.bp_can_store_localy()?window.localStorage.setItem("bp_ut_session",e):window.bizpanda.bp_ut_set_cookie("bp_ut_session",e,5e3)},window.bizpanda.bp_ut_count_pageview=function(){var e=window.bizpanda.bp_ut_get_obj(window.__bp_session_timeout);e||(e={}),e.pageviews||(e.pageviews=0),0===e.pageviews&&(e.referrer=document.referrer,e.landingPage=window.location.href,e.pageviews=0),e.pageviews++,window.bizpanda.bp_ut_set_obj(e)},window.bizpanda.bp_ut_count_locker_pageview=function(){var e=window.bizpanda.bp_ut_get_obj(window.__bp_timeout);e||(e={}),e.lockerPageviews||(e.lockerPageviews=0),e.lockerPageviews++,window.bizpanda.bp_ut_set_obj(e)},window.bizpanda.bp_ut_count_pageview();</script>  <script id=generate-a11y>!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><link rel=stylesheet id=jetpack-top-posts-widget-css href='https://superdevresources.com/wp-content/plugins/jetpack/modules/widgets/top-posts/style.css?ver=20141013' media=all /> <link rel=stylesheet id=jetpack-widget-social-icons-styles-css href='https://superdevresources.com/wp-content/plugins/jetpack/modules/widgets/social-icons/social-icons.css?ver=20170506' media=all /> <script src="https://cpwebassets.codepen.io/assets/embed/ei.js?ver=1.0.1" id=codepen-embed-script-js></script> <script id=code-prettify-js-before>var codePrettifyLoaderBaseUrl="https:\/\/superdevresources.com\/wp-content\/plugins\/code-prettify\/prettify";</script> <script src="https://superdevresources.com/wp-content/plugins/code-prettify/prettify/run_prettify.js?ver=1.4.0" id=code-prettify-js></script> <script id=generate-smooth-scroll-js-extra>var gpSmoothScroll={"elements":[".smooth-scroll","li.smooth-scroll a"],"duration":"800","offset":""};</script> <script src="https://superdevresources.com/wp-content/plugins/gp-premium/general/js/smooth-scroll.min.js?ver=2.5.1" id=generate-smooth-scroll-js></script> <script src="https://superdevresources.com/wp-content/plugins/honeypot/includes/js/wpa.js?ver=2.2.09" id=wpascript-js></script> <script id=wpascript-js-after>wpa_field_info={"wpa_field_name":"field8091","wpa_field_value":999872,"wpa_add_test":"no"}</script> <script id=dlm-xhr-js-extra>var dlmXHRtranslations={"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."};</script> <script id=dlm-xhr-js-before>const dlmXHR={"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/superdevresources.com\/wp-admin\/admin-ajax.php"};dlmXHRinstance={};const dlmXHRGlobalLinks="https://superdevresources.com/download/";const dlmNonXHRGlobalLinks=[];dlmXHRgif="https://superdevresources.com/wp-includes/images/spinner.gif";const dlmXHRProgress="1"</script> <script src="https://superdevresources.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.0.22" id=dlm-xhr-js></script>  <script id=generate-menu-js-extra>var generatepressMenu={"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};</script> <script src="https://superdevresources.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id=generate-menu-js></script> <script id=generate-navigation-search-js-extra>var generatepressNavSearch={"open":"Open Search Bar","close":"Close Search Bar"};</script> <script src="https://superdevresources.com/wp-content/themes/generatepress/assets/js/navigation-search.min.js?ver=3.5.1" id=generate-navigation-search-js></script> <script id=generate-back-to-top-js-extra>var generatepressBackToTop={"smooth":"1"};</script> <script src="https://superdevresources.com/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id=generate-back-to-top-js></script> <script src="https://superdevresources.com/wp-includes/js/comment-reply.min.js?ver=99b04a94019311c6b2ead9f87b20b3b2" id=comment-reply-js async data-wp-strategy=async></script> <script id=jetpack-stats-js-before>_stq=window._stq||[];_stq.push(["view",JSON.parse("{\"v\":\"ext\",\"blog\":\"143510594\",\"post\":\"13083\",\"tz\":\"5.5\",\"srv\":\"superdevresources.com\",\"j\":\"1:14.4.1\"}")]);_stq.push(["clickTrackerInit","143510594","13083"]);</script> <script src="https://stats.wp.com/e-202513.js" id=jetpack-stats-js defer data-wp-strategy=defer></script> <script type="text/javascript">(function(){const iframe=document.getElementById('jetpack_remote_comment');const watchReply=function(){if('undefined'!==typeof addComment&&!addComment._Jetpack_moveForm){addComment._Jetpack_moveForm=addComment.moveForm;const commentParent=document.getElementById('comment_parent');const cancel=document.getElementById('cancel-comment-reply-link');function tellFrameNewParent(commentParentValue){const url=new URL(iframe.src);if(commentParentValue){url.searchParams.set('replytocom',commentParentValue)}else{url.searchParams.delete('replytocom');}if(iframe.src!==url.href){iframe.src=url.href;}};cancel.addEventListener('click',function(){tellFrameNewParent(false);});addComment.moveForm=function(_,parentId){tellFrameNewParent(parentId);return addComment._Jetpack_moveForm.apply(null,arguments);};}} document.addEventListener('DOMContentLoaded',watchReply);document.querySelector('#comment-reply-js')?.addEventListener('load',watchReply);const commentIframes=document.getElementsByClassName('jetpack_remote_comment');window.addEventListener('message',function(event){if(event.origin!=='https://jetpack.wordpress.com'){return;}if(!event?.data?.iframeUniqueId&&!event?.data?.height){return;}const eventDataUniqueId=event.data.iframeUniqueId;for(let i=0;i<commentIframes.length;i++){const iframe=commentIframes[i];const url=new URL(iframe.src);const iframeUniqueIdParam=url.searchParams.get('iframe_unique_id');if(iframeUniqueIdParam==event.data.iframeUniqueId){iframe.style.height=event.data.height+'px';return;}}});})();</script> <svg style="position: absolute;width: 0;height: 0;overflow: hidden" version=1.1 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id=icon-500px viewBox="0 0 24 24"> <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"/> </symbol> <symbol id=icon-amazon viewBox="0 0 24 24"> <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"/> </symbol> <symbol id=icon-apple viewBox="0 0 24 24"> <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"/> </symbol> <symbol id=icon-bandcamp viewBox="0 0 24 24"> <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"/> </symbol> <symbol id=icon-behance viewBox="0 0 24 24"> <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"/> </symbol> <symbol id=icon-blogger viewBox="0 0 24 24"> <path d="M14.722,14.019c0,0.361-0.293,0.654-0.654,0.654H9.977c-0.361,0-0.654-0.293-0.654-0.654s0.293-0.654,0.654-0.654h4.091C14.429,13.365,14.722,13.658,14.722,14.019z M9.981,10.698h2.038c0.382,0,0.692-0.31,0.692-0.692c0-0.382-0.31-0.692-0.692-0.692H9.981c-0.382,0-0.692,0.31-0.692,0.692C9.289,10.388,9.599,10.698,9.981,10.698z M21,5v14c0,1.105-0.895,2-2,2H5c-1.105,0-2-0.895-2-2V5c0-1.105,0.895-2,2-2h14C20.105,3,21,3.895,21,5z M17.544,11.39c0-0.398-0.322-0.72-0.72-0.72h-0.607l-0.013,0.001c-0.38,0-0.692-0.295-0.718-0.668l-0.001-0.008c0-1.988-1.611-3.599-3.599-3.599h-1.816c-1.988,0-3.599,1.611-3.599,3.599v3.947c0,1.987,1.611,3.599,3.599,3.599h3.874c1.988,0,3.599-1.611,3.599-3.599L17.544,11.39z"/> </symbol> <symbol id=icon-bluesky viewBox="0 0 24 24"> <path d="M21.2 3.3C20.7 3.1 19.8 2.8 17.6 4.3C15.4 6 12.9 9.2 12 11C11.1 9.2 8.6 6 6.3 4.3C4.1 2.7 3.3 3 2.7 3.3C2.1 3.6 2 4.6 2 5.1C2 5.6 2.3 9.8 2.5 10.5C3.2 12.8 5.6 13.6 7.8 13.3C4.5 13.8 1.6 15 5.4 19.2C9.6 23.5 11.1 18.3 11.9 15.6C12.7 18.3 13.6 23.3 18.3 19.2C21.9 15.6 19.3 13.8 16 13.3C18.2 13.5 20.6 12.8 21.3 10.5C21.7 9.8 22 5.7 22 5.1C22 4.6 21.9 3.6 21.2 3.3Z"/> </symbol> <symbol id=icon-chain viewBox="0 0 24 24"> <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"/> </symbol> <symbol id=icon-codepen viewBox="0 0 24 24"> <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"/> </symbol> <symbol id=icon-deviantart viewBox="0 0 24 24"> <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"/> </symbol> <symbol id=icon-digg viewBox="0 0 24 24"> <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"/> </symbol> <symbol id=icon-discord viewBox="0 0 24 24"> <path d="M10.227 9.957c-.559 0-1 .48-1 1.063 0 .585.453 1.066 1 1.066.558 0 1-.48 1-1.066.007-.582-.442-1.063-1-1.063zm3.574 0c-.559 0-.996.48-.996 1.063 0 .585.449 1.066.996 1.066.558 0 1-.48 1-1.066 0-.582-.442-1.063-1-1.063zm0 0 M18.563 1.918H5.438c-1.11 0-2.008.879-2.008 1.973v12.957c0 1.093.898 1.972 2.007 1.972h11.11l-.52-1.773 1.254 1.14 1.184 1.075 2.105 1.82V3.891c0-1.094-.898-1.973-2.008-1.973zM14.78 14.434s-.351-.414-.644-.778c1.281-.355 1.773-1.14 1.773-1.14a5.745 5.745 0 0 1-1.129.566c-.488.2-.96.336-1.418.41a7.07 7.07 0 0 1-2.539-.008 8.133 8.133 0 0 1-1.441-.414 6.219 6.219 0 0 1-.715-.324c-.027-.02-.059-.027-.086-.047a.113.113 0 0 1-.039-.031c-.176-.094-.273-.16-.273-.16s.468.765 1.71 1.129c-.293.363-.656.797-.656.797-2.164-.067-2.984-1.457-2.984-1.457 0-3.086 1.41-5.586 1.41-5.586 1.41-1.036 2.75-1.008 2.75-1.008l.098.113c-1.762.5-2.575 1.258-2.575 1.258s.215-.117.579-.277c1.046-.454 1.878-.579 2.222-.606.059-.008.11-.02.168-.02a8.728 8.728 0 0 1 1.977-.019c.933.106 1.93.375 2.949.922 0 0-.773-.719-2.438-1.219l.137-.152s1.34-.028 2.75 1.008c0 0 1.414 2.5 1.414 5.586 0 0-.836 1.39-3 1.457zm0 0"/> </symbol> <symbol id=icon-dribbble viewBox="0 0 24 24"> <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"/> </symbol> <symbol id=icon-dropbox viewBox="0 0 24 24"> <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"/> </symbol> <symbol id=icon-etsy viewBox="0 0 24 24"> <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"/> </symbol> <symbol id=icon-eventbrite viewBox="0 0 24 24"> <path d="M18.041,3.931L5.959,3C4.325,3,3,4.325,3,5.959v12.083C3,19.675,4.325,21,5.959,21l12.083-0.931C19.699,19.983,21,18.744,21,17.11V6.89C21,5.256,19.741,4.027,18.041,3.931zM16.933,8.17c-0.082,0.215-0.192,0.432-0.378,0.551c-0.188,0.122-0.489,0.132-0.799,0.132c-1.521,0-3.062-0.048-4.607-0.048c-0.152,0.708-0.304,1.416-0.451,2.128c0.932-0.004,1.873,0.005,2.81,0.005c0.726,0,1.462-0.069,1.586,0.525c0.04,0.189-0.001,0.426-0.052,0.615c-0.105,0.38-0.258,0.676-0.625,0.783c-0.185,0.054-0.408,0.058-0.646,0.058c-1.145,0-2.345,0.017-3.493,0.02c-0.169,0.772-0.328,1.553-0.489,2.333c1.57-0.005,3.067-0.041,4.633-0.058c0.627-0.007,1.085,0.194,1.009,0.85c-0.031,0.262-0.098,0.497-0.211,0.725c-0.102,0.208-0.248,0.376-0.488,0.452c-0.237,0.075-0.541,0.064-0.862,0.078c-0.304,0.014-0.614,0.008-0.924,0.016c-0.309,0.009-0.619,0.022-0.919,0.022c-1.253,0-2.429,0.08-3.683,0.073c-0.603-0.004-1.014-0.249-1.124-0.757c-0.059-0.273-0.018-0.58,0.036-0.841c0.541-2.592,1.083-5.176,1.629-7.763c0.056-0.265,0.114-0.511,0.225-0.714C9.279,7.051,9.534,6.834,9.9,6.735c0.368-0.099,0.883-0.047,1.344-0.047c0.305,0,0.612,0.008,0.914,0.016c0.925,0.026,1.817,0.03,2.747,0.053c0.304,0.007,0.615,0.016,0.915,0.016c0.621,0,1.17,0.073,1.245,0.614C17.104,7.675,17.014,7.954,16.933,8.17z"/> </symbol> <symbol id=icon-facebook viewBox="0 0 24 24"> <path d="M12,2C6.5,2,2,6.5,2,12c0,5,3.7,9.1,8.4,9.9v-7H7.9V12h2.5V9.8c0-2.5,1.5-3.9,3.8-3.9c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3 c-1.2,0-1.6,0.8-1.6,1.6V12h2.8l-0.4,2.9h-2.3v7C18.3,21.1,22,17,22,12C22,6.5,17.5,2,12,2z"/> </symbol> <symbol id=icon-feed viewBox="0 0 24 24"> <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"/> </symbol> <symbol id=icon-fediverse viewBox="0 0 24 24"> <path d="M5.85081 8.88733C5.63868 9.29358 5.30628 9.62442 4.89905 9.83466L10.1241 15.0801L11.3838 14.4417L5.85081 8.88733ZM12.7428 15.8059L11.4831 16.4443L14.1306 19.1022C14.3428 18.6958 14.6752 18.3649 15.0825 18.1547L12.7428 15.8059ZM18.788 10.9628L15.83 12.4619L16.0481 13.857L19.3951 12.1608C19.0742 11.8335 18.8622 11.4151 18.788 10.9628ZM14.1128 13.3322L7.11871 16.8768C7.43963 17.2041 7.65166 17.6225 7.72582 18.0748L14.3309 14.7273L14.1128 13.3322ZM11.8635 4.60095L8.48868 11.1895L9.48512 12.1898L13.0584 5.21403C12.6065 5.13759 12.1892 4.92348 11.8635 4.60095ZM7.61092 12.9031L5.90146 16.2403C6.35333 16.3168 6.77058 16.5309 7.0962 16.8534L8.60729 13.9033L7.61092 12.9031ZM4.87004 9.8493C4.52582 10.0216 4.14278 10.1017 3.75836 10.0817C3.68642 10.0777 3.61473 10.0702 3.54352 10.0593L4.54173 16.444C4.88595 16.2717 5.26899 16.1916 5.65342 16.2116C5.7253 16.2156 5.79694 16.2231 5.86809 16.2341L4.87004 9.8493ZM7.73111 18.1064C7.75395 18.2547 7.76177 18.4049 7.75437 18.5547C7.73734 18.8604 7.65743 19.1592 7.51964 19.4326L13.9033 20.457C13.8805 20.3087 13.8727 20.1585 13.88 20.0087C13.897 19.703 13.977 19.4042 14.1148 19.1308L7.73111 18.1064ZM19.4175 12.1841L16.471 17.9364C16.923 18.0128 17.3403 18.227 17.666 18.5496L20.6124 12.7973C20.1604 12.7208 19.7431 12.5067 19.4175 12.1841ZM15.3989 4.04834C15.1867 4.45466 14.8542 4.78556 14.4469 4.99581L19.01 9.57651C19.2221 9.17019 19.5546 8.83929 19.9619 8.62904L15.3989 4.04834ZM11.234 3.37973L5.46578 6.30295C5.78666 6.63022 5.99866 7.04859 6.07282 7.50088L11.841 4.57753C11.5202 4.25029 11.3082 3.83197 11.234 3.37973ZM14.4364 5.0011C14.0876 5.17976 13.6978 5.26314 13.3064 5.24282C13.2412 5.23884 13.1762 5.23202 13.1116 5.22237L13.6226 8.49422L15.0168 8.71794L14.4364 5.0011ZM13.9196 10.3964L15.1276 18.132C15.4678 17.9652 15.8448 17.888 16.2231 17.9077C16.3011 17.9121 16.3788 17.9207 16.4559 17.9333L15.3138 10.62L13.9196 10.3964ZM6.07692 7.52543C6.10063 7.67596 6.10884 7.82852 6.10141 7.98072C6.08459 8.28399 6.00588 8.5806 5.87013 8.85231L9.1445 9.37821L9.78804 8.12143L6.07692 7.52543ZM11.6889 8.42664L11.0452 9.68356L18.7819 10.9261C18.7596 10.7795 18.7521 10.631 18.7594 10.483C18.7766 10.1755 18.8575 9.87496 18.9968 9.60035L11.6889 8.42664Z"/> <path d="M13.3174 5.04077C14.433 5.10157 15.3867 4.24642 15.4474 3.13079C15.5082 2.01516 14.6531 1.06149 13.5374 1.00073C12.4218 0.93994 11.4682 1.79509 11.4074 2.91072C11.3466 4.02635 12.2018 4.98002 13.3174 5.04077ZM20.8714 12.6241C21.987 12.6848 22.9407 11.8297 23.0015 10.714C23.0623 9.59842 22.2071 8.64478 21.0915 8.58399C19.9759 8.52323 19.0222 9.37838 18.9614 10.494C18.9006 11.6096 19.7558 12.5633 20.8714 12.6241ZM15.992 22.1497C17.1076 22.2105 18.0613 21.3554 18.1221 20.2398C18.1828 19.1241 17.3277 18.1705 16.2121 18.1097C15.0965 18.0489 14.1428 18.9041 14.082 20.0197C14.0212 21.1353 14.8764 22.089 15.992 22.1497ZM5.42232 20.4537C6.53795 20.5144 7.49162 19.6593 7.55238 18.5437C7.61317 17.428 6.75802 16.4744 5.64239 16.4136C4.52677 16.3529 3.5731 17.208 3.51234 18.3236C3.45158 19.4392 4.3067 20.3929 5.42232 20.4537ZM3.76933 9.87973C4.88496 9.94052 5.83863 9.08537 5.89938 7.96974C5.96014 6.85411 5.10503 5.90045 3.98937 5.83969C2.87374 5.77893 1.9201 6.63405 1.85931 7.74967C1.79855 8.8653 2.6537 9.81897 3.76933 9.87973Z"/> </symbol> <symbol id=icon-flickr viewBox="0 0 24 24"> <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"/> </symbol> <symbol id=icon-foursquare viewBox="0 0 24 24"> <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"/> </symbol> <symbol id=icon-ghost viewBox="0 0 24 24"> <path d="M10.203,20.997H3.005v-3.599h7.198V20.997z M20.995,17.398h-7.193v3.599h7.193V17.398z M20.998,10.2H3v3.599h17.998V10.2zM13.803,3.003H3.005v3.599h10.798V3.003z M21,3.003h-3.599v3.599H21V3.003z"/> </symbol> <symbol id=icon-goodreads viewBox="0 0 24 24"> <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"/> </symbol> <symbol id=icon-google viewBox="0 0 24 24"> <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"/> </symbol> <symbol id=icon-github viewBox="0 0 24 24"> <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"/> </symbol> <symbol id=icon-instagram viewBox="0 0 24 24"> <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"/> </symbol> <symbol id=icon-linkedin viewBox="0 0 24 24"> <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"/> </symbol> <symbol id=icon-mail viewBox="0 0 24 24"> <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"/> </symbol> <symbol id=icon-mastodon viewBox="0 0 24 24"> <path d="M20.617 13.92c-.265 1.36-2.37 2.85-4.788 3.14-1.262.15-2.503.288-3.827.228-2.165-.1-3.873-.517-3.873-.517 0 .212.013.412.04.6.28 2.136 2.118 2.264 3.858 2.324 1.756.06 3.32-.433 3.32-.433l.072 1.59s-1.228.658-3.417.78c-1.207.066-2.705-.03-4.45-.493-3.785-1-4.436-5.036-4.536-9.13-.03-1.215-.01-2.36-.01-3.32 0-4.186 2.74-5.413 2.74-5.413 1.384-.635 3.757-.902 6.225-.923h.06c2.467.022 4.842.29 6.225.924 0 0 2.742 1.227 2.742 5.413 0 0 .034 3.09-.383 5.233zm-2.854-4.91v5.07h-2.008V9.16c0-1.037-.436-1.563-1.31-1.563-.964 0-1.447.624-1.447 1.86v2.692h-1.996V9.455c0-1.235-.484-1.86-1.45-1.86-.872 0-1.308.527-1.308 1.564v4.92H6.236V9.01c0-1.034.263-1.858.793-2.467.546-.61 1.26-.92 2.15-.92 1.027 0 1.805.394 2.32 1.184l.5.84.5-.84c.514-.79 1.292-1.185 2.32-1.185.888 0 1.604.312 2.15.92.53.61.793 1.434.793 2.47z"/> </symbol> <symbol id=icon-meetup viewBox="0 0 24 24"> <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"/> </symbol> <symbol id=icon-medium viewBox="0 0 24 24"> <path d="M5.727 8.027a.623.623 0 0 0-.204-.527L4.02 5.687v-.273H8.69l3.614 7.926 3.175-7.926h4.457v.274l-1.285 1.234a.367.367 0 0 0-.144.36v9.066a.374.374 0 0 0 .144.363l1.258 1.234v.27h-6.324v-.27l1.3-1.265c.13-.13.13-.164.13-.36V8.988l-3.621 9.196h-.489L6.691 8.988v6.164c-.035.258.051.52.235.707l1.691 2.055v.27h-4.8v-.27l1.69-2.055a.814.814 0 0 0 .22-.707zm0 0"/> </symbol> <symbol id=icon-nextdoor viewBox="0 0 24 24"> <path d="M11.8615 0.651877C6.11188 0.714092 1.22843 5.12326 0.698031 10.9732C0.132369 17.213 4.73317 22.7304 10.9732 23.2962C17.213 23.8619 22.7304 19.2611 23.2962 13.0211C23.8619 6.78111 19.2611 1.26369 13.0211 0.69803C12.6356 0.663073 12.2486 0.647668 11.8615 0.651877ZM12.5886 7.09625C15.2249 7.09625 17.2615 8.96861 17.2615 11.3538V16.3385C17.2615 16.4649 17.1572 16.5692 17.0308 16.5692H14.9365C14.8755 16.5684 14.8173 16.5438 14.7742 16.5007C14.7311 16.4576 14.7065 16.3994 14.7057 16.3385V11.7C14.7057 10.6698 13.9102 9.49606 12.5884 9.49606C11.2093 9.49606 10.4712 10.6698 10.4712 11.7V16.3385C10.4712 16.4649 10.3669 16.5692 10.2404 16.5692H8.14615C8.02062 16.5692 7.92111 16.464 7.92111 16.3385V11.8442C7.92111 11.7076 7.82345 11.5924 7.69034 11.5615C5.26634 11.0206 4.89988 9.66277 4.85188 7.66154C4.85095 7.60025 4.87809 7.53785 4.92111 7.49428C4.96412 7.45052 5.02135 7.42505 5.08265 7.42505L7.24043 7.43649C7.36228 7.43834 7.45957 7.53415 7.46529 7.65581C7.48929 8.47551 7.54615 9.39231 8.28462 9.39231C8.43785 9.39231 8.55102 9.17464 8.61932 9.07495C9.43348 7.87864 10.8864 7.09625 12.5886 7.09625Z"/> </symbol> <symbol id=icon-patreon viewBox="0 0 24 24"> <path d="M20 7.40755C19.9969 5.10922 18.2543 3.22555 16.2097 2.54588C13.6708 1.70188 10.3222 1.82421 7.89775 2.99921C4.95932 4.42355 4.03626 7.54355 4.00186 10.6552C3.97363 13.2136 4.2222 19.9517 7.92225 19.9997C10.6715 20.0356 11.0809 16.3967 12.3529 14.6442C13.258 13.3974 14.4233 13.0452 15.8578 12.6806C18.3233 12.0537 20.0036 10.0551 20 7.40755Z"/> </symbol> <symbol id=icon-pinterest viewBox="0 0 24 24"> <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"/> </symbol> <symbol id=icon-pocket viewBox="0 0 24 24"> <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"/> </symbol> <symbol id=icon-ravelry viewBox="0 0 23 20"> <path d="M12.098 19.34a.25.25 0 01-.118-.043 13.986 13.986 0 01-.394-.258c-.164-.11-.477-.352-.934-.723-.46-.375-.882-.761-1.27-1.168-.39-.406-.796-.925-1.218-1.562a8.521 8.521 0 01-.976-1.926c-.125-.023-.758-.16-1.907-.414A8.785 8.785 0 007.84 17.29a8.152 8.152 0 004.258 2.05zm-6.98-6.762l1.831.313A13.424 13.424 0 016.5 11.02a16.216 16.216 0 01-.207-1.622l-.043-.593c-.61.61-1.047 1.445-1.316 2.5.035.484.097.91.183 1.273zm1.198-6.797a9.064 9.064 0 00-.84 1.653c.32-.344.59-.598.81-.758zm15.649 4.844a8.8 8.8 0 00-.676-3.426 8.85 8.85 0 00-1.824-2.812 8.614 8.614 0 00-2.727-1.883 8.115 8.115 0 00-3.312-.695 8.131 8.131 0 00-3.059.586A8.412 8.412 0 007.754 4.05c-.219.433-.383 1.027-.488 1.785a5.407 5.407 0 011.554-.93 7.481 7.481 0 011.727-.48 16.642 16.642 0 011.558-.153c.489-.02.883-.015 1.18.012l.438.035c.238.008.43.063.574.172a.66.66 0 01.27.367c.03.141.054.278.07.414a.8.8 0 01-.012.317 12.781 12.781 0 00-2.477-.004 7.093 7.093 0 00-1.992.484 9.6 9.6 0 00-1.554.801A12.46 12.46 0 007.176 7.97c.031.27.07.613.125 1.031.054.422.183 1.082.386 1.988.204.903.43 1.57.676 2.004.895.043 1.793-.012 2.696-.164.902-.152 1.683-.351 2.336-.598a20.681 20.681 0 001.77-.746c.526-.254.925-.472 1.19-.66l.407-.265c.156-.121.3-.196.43-.23a.367.367 0 01.331.058c.094.07.157.199.184.383.102.722-.039 1.171-.426 1.351-1.508.723-3.203 1.219-5.086 1.496-.976.149-2.129.207-3.449.176a7.673 7.673 0 001.195 1.973c.504.597 1 1.07 1.493 1.418.496.343.968.636 1.421.878.454.243.825.407 1.106.489l.426.133c1.039.171 1.992.113 2.863-.168 1.414-.739 2.555-1.813 3.418-3.227.867-1.414 1.297-2.969 1.297-4.664zm.805-.414c-.102 1.004-.247 1.793-.434 2.367-.508 1.547-1.168 2.836-1.977 3.867-.808 1.032-1.964 1.973-3.468 2.828-.348.247-.645.41-.895.493-.52.195-1.113.254-1.773.18-.262.019-.528.03-.797.03-2.055 0-3.883-.64-5.492-1.93-1.61-1.288-2.68-2.929-3.22-4.933-.007 0-.019 0-.042-.004-.024-.004-.04-.007-.055-.007-.043.375-.035.793.028 1.257.062.465.156.891.285 1.282.125.39.254.757.39 1.093.133.34.25.606.344.801l.152.29c.059.09.254.394.586.913a4.327 4.327 0 01-1.355-1.187 5.669 5.669 0 01-.856-1.563 14.087 14.087 0 01-.43-1.531 9.012 9.012 0 01-.19-1.2l-.02-.468c-.035-.016-.16-.059-.367-.137-.207-.078-.383-.148-.528-.203-.144-.054-.336-.133-.578-.226a9.221 9.221 0 01-.625-.282c-.176-.09-.36-.183-.543-.285-.187-.097-.34-.199-.465-.3a1.27 1.27 0 01-.27-.286c.138.075.321.172.548.285.23.118.64.286 1.23.508.594.223 1.121.364 1.586.426l.023-.36c.079-1.109.418-2.187 1.024-3.234A9.226 9.226 0 016.5 4.621c.203-.855.5-1.652.883-2.39.11-.208.226-.376.347-.5.125-.13.305-.247.536-.36 1.148-.55 2.25-.937 3.304-1.16A9.935 9.935 0 0114.86.09c1.136.14 2.25.5 3.34 1.082 1.593.855 2.804 2.105 3.624 3.75.82 1.644 1.137 3.406.946 5.289zm0 0"/> </symbol> <symbol id=icon-reddit viewBox="0 0 24 24"> <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"/> </symbol> <symbol id=icon-skype viewBox="0 0 24 24"> <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"/> </symbol> <symbol id=icon-sms viewBox="0 0 24 24"> <path d="M17.696 4C20.069 4 22 5.973 22 8.398v4.357c0 2.04-1.368 3.783-3.261 4.266v4.427l-5.234-4.295h-7.2C3.93 17.153 2 15.18 2 12.755V8.398C2 5.973 3.931 4 6.304 4h11.392ZM7.028 8.515c-.98 0-1.66.562-1.66 1.349-.009.497.322.91.985 1.178l.39.142c.242.097.305.171.305.297 0 .162-.131.251-.442.251s-.76-.135-1.004-.284l-.112.046-.215.868c.359.258.832.364 1.33.364 1.104 0 1.764-.523 1.764-1.333-.008-.574-.305-.956-.954-1.216l-.393-.146c-.266-.108-.341-.181-.341-.287 0-.152.131-.243.387-.243.274 0 .587.093.808.214l.109-.047.214-.837c-.315-.224-.741-.316-1.171-.316Zm10.302 0c-.98 0-1.66.562-1.66 1.349-.008.497.322.91.985 1.178l.39.142c.243.097.305.171.305.297 0 .162-.13.251-.442.251-.311 0-.76-.135-1.004-.284l-.112.046-.215.868c.359.258.832.364 1.33.364 1.104 0 1.764-.523 1.764-1.333-.008-.574-.305-.956-.954-1.216l-.393-.146c-.266-.108-.341-.181-.341-.287 0-.152.131-.243.387-.243.274 0 .587.093.808.214l.109-.047.214-.837c-.316-.224-.741-.316-1.171-.316Zm-3.733 0c-.297 0-.55.066-.78.202l-.144.098a1.823 1.823 0 0 0-.264.247l-.078.095-.027-.077c-.15-.34-.55-.565-1.033-.565l-.169.007a1.363 1.363 0 0 0-.896.42l-.08.09-.038-.363-.075-.067H8.994l-.075.079.024.634c.005.2.008.397.008.604v2.652l.075.075h1.178l.075-.075v-2.269c0-.113.012-.202.042-.274.083-.23.262-.392.496-.392.314 0 .483.267.483.753v2.182l.075.075h1.179l.075-.075v-2.277c0-.097.016-.213.043-.285.077-.224.26-.373.486-.373.33 0 .5.272.5.817v2.118l.074.075h1.179l.075-.075v-2.293c0-1.131-.537-1.763-1.39-1.763Z"/> </symbol> <symbol id=icon-slideshare viewBox="0 0 24 24"> <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"/> </symbol> <symbol id=icon-snapchat viewBox="0 0 24 24"> <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"/> </symbol> <symbol id=icon-soundcloud viewBox="0 0 24 24"> <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"/> </symbol> <symbol id=icon-spotify viewBox="0 0 24 24"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"/> </symbol> <symbol id=icon-stackoverflow viewBox="0 0 24 24"> <path d="m 17.817128,20.228605 v -5.337217 h 1.771431 V 22 H 3.6 v -7.108612 h 1.771401 v 5.337217 z"/> <path d="m 7.3267845,14.385359 8.6959295,1.817316 0.368168,-1.748385 -8.6959318,-1.817319 z m 1.1503197,-4.140944 8.0517968,3.749872 0.73617,-1.610385 -8.0518344,-3.7728517 z m 2.2315078,-3.9569154 6.832405,5.6822664 1.12738,-1.357316 -6.832576,-5.6822636 z m 4.417,-4.2099019 -1.426448,1.0581864 5.291191,7.1316119 1.426412,-1.0582745 z M 7.1427296,18.434189 h 8.8799844 v -1.7713 H 7.1427296 Z"/> <path d="m 17.817128,20.228605 v -5.337217 h 1.771431 V 22 H 3.6 v -7.108612 h 1.771401 v 5.337217 z"/> <path d="m 7.3267845,14.385359 8.6959295,1.817316 0.368168,-1.748385 -8.6959318,-1.817319 z m 1.1503197,-4.140944 8.0517968,3.749872 0.73617,-1.610385 -8.0518344,-3.7728517 z m 2.2315078,-3.9569154 6.832405,5.6822664 1.12738,-1.357316 -6.832576,-5.6822636 z m 4.417,-4.2099019 -1.426448,1.0581864 5.291191,7.1316119 1.426412,-1.0582745 z M 7.1427296,18.434189 h 8.8799844 v -1.7713 H 7.1427296 Z"/> </symbol> <symbol id=icon-strava viewBox="0 0 24 24"> <path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"/> </symbol> <symbol id=icon-stumbleupon viewBox="0 0 24 24"> <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"/> </symbol> <symbol id=icon-threads viewBox="0 0 24 24"> <path d="M16.0671 11.1235C15.9632 11.0737 15.8583 11.0261 15.7524 10.9806C15.5671 7.56725 13.702 5.61312 10.5702 5.59312H10.5278C8.6545 5.59312 7.09663 6.39262 6.13775 7.84762L7.86012 9.02913C8.57637 7.94225 9.70062 7.71063 10.5286 7.71063H10.5573C11.5884 7.71725 12.3665 8.01713 12.8701 8.60175C13.2366 9.02738 13.4817 9.61562 13.6031 10.358C12.6889 10.2026 11.7001 10.1547 10.6431 10.2155C7.66562 10.3869 5.75138 12.1235 5.88 14.5365C5.94525 15.7605 6.555 16.8135 7.59688 17.5014C8.47775 18.0829 9.61238 18.3673 10.7915 18.3029C12.3488 18.2175 13.5704 17.6234 14.4226 16.537C15.0699 15.712 15.4792 14.6429 15.66 13.2957C16.4021 13.7436 16.9521 14.333 17.2559 15.0415C17.7724 16.2459 17.8025 18.225 16.1876 19.8385C14.7728 21.252 13.072 21.8635 10.5016 21.8824C7.6505 21.8613 5.49412 20.9469 4.09225 19.1646C2.7795 17.4958 2.101 15.0852 2.07562 12C2.101 8.91475 2.77937 6.50425 4.09225 4.83537C5.49425 3.05312 7.6505 2.13875 10.5016 2.1175C13.3735 2.13875 15.5674 3.0575 17.023 4.84837C17.7368 5.72662 18.2749 6.83087 18.6296 8.11862L20.648 7.58012C20.218 5.99512 19.5414 4.62937 18.6206 3.49662C16.7545 1.20088 14.0252 0.024375 10.5087 0H10.4946C6.98525 0.02425 4.2865 1.20525 2.4735 3.51C0.86025 5.56063 0.0280001 8.41437 0.000125051 11.9915L0 12V12.0084C0.028 15.5855 0.86025 18.4393 2.4735 20.4901C4.2865 22.7948 6.98525 23.9757 10.4946 24H10.5087C13.6287 23.9784 15.828 23.1615 17.6397 21.3514C20.0101 18.9833 19.9387 16.0149 19.1575 14.1926C18.597 12.8859 17.5284 11.8245 16.0671 11.1235ZM10.68 16.1884C9.375 16.2619 8.01925 15.6761 7.9525 14.4215C7.90288 13.4913 8.6145 12.4533 10.7601 12.3296C11.0059 12.3154 11.247 12.3085 11.4839 12.3085C12.2633 12.3085 12.9924 12.3843 13.6552 12.5291C13.408 15.6169 11.9578 16.1183 10.68 16.1884Z"/> </symbol> <symbol id=icon-telegram viewBox="0 0 24 24"> <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.08 14.757s-.25.625-.936.325l-2.541-1.949-1.63 1.486s-.127.096-.266.036c0 0-.12-.011-.27-.486-.15-.475-.911-2.972-.911-2.972L6 12.349s-.387-.137-.425-.438c-.037-.3.437-.462.437-.462l10.03-3.934s.824-.362.824.238l-1.786 9.004z"/> </symbol> <symbol id=icon-tiktok viewBox="0 0 24 24"> <path d="M12.22 2H15.64C15.64 2 15.4502 6.39351 20.3898 6.70186V10.0981C20.3898 10.0981 17.7537 10.2636 15.64 8.64957L15.6769 15.6615C15.6769 16.9151 15.3052 18.1406 14.6087 19.1829C13.9123 20.2253 12.9224 21.0377 11.7642 21.5175C10.606 21.9972 9.33162 22.1228 8.10209 21.8782C6.87257 21.6337 5.74316 21.0301 4.85669 20.1437C3.97022 19.2573 3.3665 18.1279 3.12186 16.8984C2.87723 15.6689 3.00267 14.3945 3.48233 13.2363C3.96199 12.0781 4.77432 11.0881 5.8166 10.3916C6.85888 9.69502 8.0843 9.32318 9.33791 9.32307H10.2271V12.7231V12.7954C9.64757 12.6147 9.02578 12.6217 8.45043 12.8152C7.87508 13.0088 7.37556 13.3792 7.02314 13.8734C6.67071 14.3677 6.48338 14.9606 6.48786 15.5677C6.49235 16.1747 6.68842 16.7648 7.04811 17.2538C7.40781 17.7428 7.91274 18.1057 8.49089 18.2908C9.06903 18.4758 9.69086 18.4736 10.2676 18.2843C10.8444 18.0951 11.3467 17.7285 11.7029 17.2369C12.059 16.7454 12.2508 16.1538 12.2509 15.5468L12.22 2Z"/> </symbol> <symbol id=icon-tumblr viewBox="0 0 24 24"> <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"/> </symbol> <symbol id=icon-twitch viewBox="0 0 24 24"> <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"/> </symbol> <symbol id=icon-twitter viewBox="0 0 24 24"> <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"/> </symbol> <symbol id=icon-vimeo viewBox="0 0 24 24"> <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"/> </symbol> <symbol id=icon-vk viewBox="0 0 24 24"> <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"/> </symbol> <symbol id=icon-whatsapp viewBox="0 0 24 24"> <path d="M2.048,22l1.406-5.136c-0.867-1.503-1.324-3.208-1.323-4.955C2.133,6.446,6.579,2,12.042,2c2.651,0.001,5.14,1.033,7.011,2.906c1.871,1.873,2.901,4.363,2.9,7.011c-0.002,5.464-4.448,9.91-9.91,9.91c0,0,0,0,0,0h-0.004c-1.659-0.001-3.288-0.417-4.736-1.206L2.048,22z M7.545,18.828l0.301,0.179c1.265,0.751,2.714,1.148,4.193,1.148h0.003c4.54,0,8.235-3.695,8.237-8.237c0.001-2.201-0.855-4.271-2.41-5.828c-1.555-1.557-3.623-2.415-5.824-2.416c-4.544,0-8.239,3.695-8.241,8.237c-0.001,1.556,0.435,3.072,1.259,4.384l0.196,0.312l-0.832,3.04L7.545,18.828z M17.035,14.274c-0.062-0.103-0.227-0.165-0.475-0.289c-0.248-0.124-1.465-0.723-1.692-0.806c-0.227-0.083-0.392-0.124-0.557,0.124c-0.165,0.248-0.64,0.806-0.784,0.971c-0.144,0.165-0.289,0.186-0.536,0.062c-0.248-0.124-1.046-0.385-1.991-1.229c-0.736-0.657-1.233-1.468-1.378-1.715c-0.144-0.248-0.015-0.382,0.109-0.505c0.111-0.111,0.248-0.289,0.371-0.434c0.124-0.145,0.165-0.248,0.248-0.413c0.083-0.165,0.041-0.31-0.021-0.434c-0.062-0.124-0.557-1.343-0.763-1.839C9.364,7.284,9.159,7.35,9.007,7.342c-0.144-0.007-0.31-0.009-0.475-0.009c-0.165,0-0.433,0.062-0.66,0.31C7.646,7.891,7.006,8.49,7.006,9.709c0,1.219,0.887,2.396,1.011,2.562c0.124,0.165,1.746,2.666,4.23,3.739c0.591,0.255,1.052,0.408,1.412,0.522c0.593,0.189,1.133,0.162,1.56,0.098c0.476-0.071,1.465-0.599,1.671-1.177C17.096,14.873,17.096,14.378,17.035,14.274z"/> </symbol> <symbol id=icon-woocommerce viewBox="0 0 24 24"> <path d="M19,2H5C3.3,2,2,3.3,2,5v11c0,1.7,1.3,3,3,3h4l6,3l-1-3h5c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M17.4,6.5c-0.4,0.8-0.8,2.1-1,3.9c-0.3,1.8-0.4,3.1-0.3,4.1c0,0.3,0,0.5-0.1,0.7s-0.3,0.4-0.6,0.4s-0.6-0.1-0.9-0.4c-1-1-1.8-2.6-2.4-4.6c-0.7,1.4-1.2,2.4-1.6,3.1c-0.6,1.2-1.2,1.8-1.6,1.9c-0.3,0-0.5-0.2-0.8-0.7C7.6,13.5,7,10.7,6.4,6.7c0-0.3,0-0.5,0.2-0.7C6.7,5.8,7,5.7,7.3,5.6c0.5,0,0.9,0.2,0.9,0.8c0.3,2.3,0.7,4.2,1.1,5.7l2.4-4.5C11.9,7.2,12.1,7,12.5,7c0.5,0,0.8,0.3,0.9,0.9c0.3,1.4,0.6,2.6,1,3.7c0.3-2.7,0.8-4.7,1.4-5.9c0.2-0.3,0.4-0.5,0.7-0.5c0.2,0,0.5,0.1,0.7,0.2c0.2,0.2,0.3,0.4,0.3,0.6S17.5,6.4,17.4,6.5z"/> </symbol> <symbol id=icon-wordpress viewBox="0 0 24 24"> <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"/> </symbol> <symbol id=icon-yelp viewBox="0 0 24 24"> <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"/> </symbol> <symbol id=icon-x viewBox="0 0 24 24"> <path d="M14.1173 9.62177L20.4459 2H18.9463L13.4511 8.61788L9.06215 2H4L10.637 12.0074L4 20H5.49977L11.3028 13.0113L15.9379 20H21L14.1169 9.62177H14.1173ZM12.0632 12.0956L11.3907 11.0991L6.04016 3.16971H8.34371L12.6617 9.56895L13.3341 10.5655L18.947 18.8835H16.6434L12.0632 12.096V12.0956Z"/> </symbol> <symbol id=icon-xanga viewBox="0 0 24 24"> <path d="M9,9h6v6H9V9z M3,9h6V3H3V9z M15,9h6V3h-6V9z M15,21h6v-6h-6V21z M3,21h6v-6H3V21z"/> </symbol> <symbol id=icon-youtube viewBox="0 0 24 24"> <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/> </symbol> </defs> </svg> </body> </html>