Free & Premium HTML Website Templates Download

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <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>  <title>Free & Premium HTML Website Templates Download - HTML Codex</title> <meta name="description" content="Download free and premium HTML website templates source code based on HTML, CSS, and Bootstrap to build personal and commercial websites" /> <link rel="canonical" href="https://htmlcodex.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Free & Premium HTML Website Templates Download - HTML Codex" /> <meta property="og:description" content="Download free and premium HTML website templates source code based on HTML, CSS, and Bootstrap to build personal and commercial websites" /> <meta property="og:url" content="https://htmlcodex.com/" /> <meta property="og:site_name" content="HTML Codex" /> <meta property="article:modified_time" content="2023-12-25T07:08:26+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@htmlcodex" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://htmlcodex.com/","url":"https://htmlcodex.com/","name":"Free & Premium HTML Website Templates Download - HTML Codex","isPartOf":{"@id":"https://htmlcodex.com/#website"},"about":{"@id":"https://htmlcodex.com/#/schema/person/5a4c13a554939b7702c4e76e7317103f"},"datePublished":"2020-12-20T03:53:53+00:00","dateModified":"2023-12-25T07:08:26+00:00","description":"Download free and premium HTML website templates source code based on HTML, CSS, and Bootstrap to build personal and commercial websites","breadcrumb":{"@id":"https://htmlcodex.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://htmlcodex.com/"]}]},{"@type":"BreadcrumbList","@id":"https://htmlcodex.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://htmlcodex.com/#website","url":"https://htmlcodex.com/","name":"HTML Codex","description":"Free HTML Templates","publisher":{"@id":"https://htmlcodex.com/#/schema/person/5a4c13a554939b7702c4e76e7317103f"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://htmlcodex.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https://htmlcodex.com/#/schema/person/5a4c13a554939b7702c4e76e7317103f","name":"HTML Codex","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://htmlcodex.com/#/schema/person/image/","url":"https://i1.wp.com/htmlcodex.com/wp-content/uploads/2020/08/logo.jpg?fit=512%2C512&ssl=1","contentUrl":"https://i1.wp.com/htmlcodex.com/wp-content/uploads/2020/08/logo.jpg?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"HTML Codex"},"logo":{"@id":"https://htmlcodex.com/#/schema/person/image/"},"description":"Creator and publisher of HTML templates, HTML landing pages, HTML email templates and HTML snippets. Every item of HTML Codex is free of cost. So download and enjoy!!!","sameAs":["https://htmlcodex.com"]}]}</script> <meta name="google-site-verification" content="80YaUkFouEGU9crA03x37cnrsaAqmT_M494aTlLC-5I" /> <meta name="yandex-verification" content="f371df7df9f04254" />  <link rel='dns-prefetch' href='//widgetlogic.org' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//pagead2.googlesyndication.com' /> <link rel='preconnect' href='//i0.wp.com' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="HTML Codex » Feed" href="https://htmlcodex.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="HTML Codex » Comments Feed" href="https://htmlcodex.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ 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:\/\/htmlcodex.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://c0.wp.com/c/6.7.2/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/wp-mediaelement.min.css' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/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> <link rel='stylesheet' id='block-widget-css' href='https://htmlcodex.com/wp-content/plugins/widget-logic/block_widget/css/widget.css?ver=1724893934' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--gridlove-acc: #009cff;--wp--preset--color--gridlove-meta: #818181;--wp--preset--color--gridlove-txt: #5e5e5e;--wp--preset--color--gridlove-bg: #ffffff;--wp--preset--color--gridlove-highlight-acc: #b5e1ff;--wp--preset--color--gridlove-highlight-txt: #ffffff;--wp--preset--color--gridlove-highlight-bg: #083b5c;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12.8px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 20.8px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 27.2px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='gridlove-fonts-css' href='https://fonts.googleapis.com/css?family=Cabin%3A400%2C700%7CLato%3A400%2C700&subset=latin%2Clatin-ext&ver=1.9.8' type='text/css' media='all' /> <link rel='stylesheet' id='gridlove-main-css' href='https://htmlcodex.com/wp-content/themes/gridlove/assets/css/min.css?ver=1.9.8' type='text/css' media='all' /> <style id='gridlove-main-inline-css' type='text/css'> body{font-size: 16px;}h1, .h1 {font-size: 40px;}h2, .h2,.col-lg-12 .gridlove-post-b .h3 {font-size: 30px;}h3, .h3 {font-size: 18px;}h4, .h4 {font-size: 20px;}h5, .h5 {font-size: 18px;}h6, .h6 {font-size: 16px;}.widget, .gridlove-header-responsive .sub-menu, .gridlove-site-header .sub-menu{font-size: 14px;}.gridlove-main-navigation {font-size: 16px;}.gridlove-post {font-size: 16px;}body{background-color: #ffffff;color: #5e5e5e;font-family: 'Cabin';font-weight: 400;}h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6,blockquote,thead td,.comment-author b,q:before,#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink{color: #111111;font-family: 'Lato';font-weight: 700;}.gridlove-main-nav a,.gridlove-posts-widget a{font-family: 'Cabin';font-weight: 700;}.gridlove-header-top{background-color: #222222;color: #dddddd;}.gridlove-header-top a{color: #dddddd;}.gridlove-header-top a:hover{color: #ffffff;}.gridlove-header-wrapper,.gridlove-header-middle .sub-menu,.gridlove-header-responsive,.gridlove-header-responsive .sub-menu{background-color:#ffffff; }.gridlove-header-middle,.gridlove-header-middle a,.gridlove-header-responsive,.gridlove-header-responsive a{color: #111111;}.gridlove-header-middle a:hover,.gridlove-header-middle .gridlove-sidebar-action:hover,.gridlove-header-middle .gridlove-actions-button > span:hover,.gridlove-header-middle .current_page_item > a,.gridlove-header-middle .current_page_ancestor > a,.gridlove-header-middle .current-menu-item > a,.gridlove-header-middle .current-menu-ancestor > a,.gridlove-header-middle .gridlove-category-menu article:hover a,.gridlove-header-responsive a:hover{color: #009cff;}.gridlove-header-middle .active>span,.gridlove-header-middle .gridlove-main-nav>li.menu-item-has-children:hover>a,.gridlove-header-middle .gridlove-social-icons:hover>span,.gridlove-header-responsive .active>span{background-color: rgba(17,17,17,0.05)}.gridlove-header-middle .gridlove-button-search{background-color: #009cff;}.gridlove-header-middle .gridlove-search-form input{border-color: rgba(17,17,17,0.1)}.gridlove-header-middle .sub-menu,.gridlove-header-responsive .sub-menu{border-top: 1px solid rgba(17,17,17,0.05)}.gridlove-header-middle{height: 80px;}.gridlove-logo{max-height: 80px;}.gridlove-branding-bg{background:#f0233b;}.gridlove-header-responsive .gridlove-actions-button:hover >span{color:#009cff;}.gridlove-sidebar-action .gridlove-bars:before,.gridlove-sidebar-action .gridlove-bars:after{background:#111111;}.gridlove-sidebar-action:hover .gridlove-bars:before,.gridlove-sidebar-action:hover .gridlove-bars:after{background:#009cff;}.gridlove-sidebar-action .gridlove-bars{border-color: #111111;}.gridlove-sidebar-action:hover .gridlove-bars{border-color:#009cff;}.gridlove-header-bottom .sub-menu{ background-color:#ffffff;}.gridlove-header-bottom .sub-menu a{color:#111111;}.gridlove-header-bottom .sub-menu a:hover,.gridlove-header-bottom .gridlove-category-menu article:hover a{color:#009cff;}.gridlove-header-bottom{background-color:#ffffff;}.gridlove-header-bottom,.gridlove-header-bottom a{color: #111111;}.gridlove-header-bottom a:hover,.gridlove-header-bottom .gridlove-sidebar-action:hover,.gridlove-header-bottom .gridlove-actions-button > span:hover,.gridlove-header-bottom .current_page_item > a,.gridlove-header-bottom .current_page_ancestor > a,.gridlove-header-bottom .current-menu-item > a,.gridlove-header-bottom .current-menu-ancestor > a {color: #009cff;}.gridlove-header-bottom .active>span,.gridlove-header-bottom .gridlove-main-nav>li.menu-item-has-children:hover>a,.gridlove-header-bottom .gridlove-social-icons:hover>span{background-color: rgba(17,17,17,0.05)}.gridlove-header-bottom .gridlove-search-form input{border-color: rgba(17,17,17,0.1)}.gridlove-header-bottom,.gridlove-header-bottom .sub-menu{border-top: 1px solid rgba(17,17,17,0.07)}.gridlove-header-bottom .gridlove-button-search{background-color: #009cff;}.gridlove-header-sticky,.gridlove-header-sticky .sub-menu{background-color:#ffffff; }.gridlove-header-sticky,.gridlove-header-sticky a{color: #111111;}.gridlove-header-sticky a:hover,.gridlove-header-sticky .gridlove-sidebar-action:hover,.gridlove-header-sticky .gridlove-actions-button > span:hover,.gridlove-header-sticky .current_page_item > a,.gridlove-header-sticky .current_page_ancestor > a,.gridlove-header-sticky .current-menu-item > a,.gridlove-header-sticky .current-menu-ancestor > a,.gridlove-header-sticky .gridlove-category-menu article:hover a{color: #009cff;}.gridlove-header-sticky .active>span,.gridlove-header-sticky .gridlove-main-nav>li.menu-item-has-children:hover>a,.gridlove-header-sticky .gridlove-social-icons:hover>span{background-color: rgba(17,17,17,0.05)}.gridlove-header-sticky .gridlove-search-form input{border-color: rgba(17,17,17,0.1)}.gridlove-header-sticky .sub-menu{border-top: 1px solid rgba(17,17,17,0.05)}.gridlove-header-sticky .gridlove-button-search{background-color: #009cff;}.gridlove-cover-area,.gridlove-cover{height:300px; }.gridlove-cover-area .gridlove-cover-bg img{width:1500px; }.gridlove-box,#disqus_thread{background: #ffffff;}a{color: #5e5e5e;}.entry-title a{ color: #111111;}a:hover,.comment-reply-link,#cancel-comment-reply-link,.gridlove-box .entry-title a:hover,.gridlove-posts-widget article:hover a{color: #009cff;}.entry-content p a,.widget_text a,.entry-content ul a,.entry-content ol a,.gridlove-text-module-content p a{color: #009cff; border-color: rgba(0,156,255,0.8);}.entry-content p a:hover,.widget_text a:hover,.entry-content ul a:hover,.entry-content ol a:hover,.gridlove-text-module-content p a:hover{border-bottom: 1px solid transparent;}.comment-reply-link:hover,.gallery .gallery-item a:after, .wp-block-gallery .blocks-gallery-item a:after, .entry-content a.gridlove-popup-img {color: #5e5e5e; }.gridlove-post-b .box-col-b:only-child .entry-title a,.gridlove-post-d .entry-overlay:only-child .entry-title a{color: #111111;}.gridlove-post-b .box-col-b:only-child .entry-title a:hover,.gridlove-post-d .entry-overlay:only-child .entry-title a:hover,.gridlove-content .entry-header .gridlove-breadcrumbs a,.gridlove-content .entry-header .gridlove-breadcrumbs a:hover,.module-header .gridlove-breadcrumbs a,.module-header .gridlove-breadcrumbs a:hover { color: #009cff; }.gridlove-post-b .box-col-b:only-child .meta-item,.gridlove-post-b .box-col-b:only-child .entry-meta a,.gridlove-post-b .box-col-b:only-child .entry-meta span,.gridlove-post-d .entry-overlay:only-child .meta-item,.gridlove-post-d .entry-overlay:only-child .entry-meta a,.gridlove-post-d .entry-overlay:only-child .entry-meta span {color: #818181;}.entry-meta .meta-item, .entry-meta a, .entry-meta span,.comment-metadata a{color: #818181;}blockquote{color: rgba(17,17,17,0.8);}blockquote:before{color: rgba(17,17,17,0.15);}.entry-meta a:hover{color: #111111;}.widget_tag_cloud a,.entry-tags a,.entry-content .wp-block-tag-cloud a{ background: rgba(94,94,94,0.1); color: #5e5e5e; }.submit,.gridlove-button,.mks_autor_link_wrap a,.mks_read_more a,input[type="submit"],button[type="submit"],.gridlove-cat, .gridlove-pill,.gridlove-button-search,body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button,.add_to_cart_button{color:#FFF;background-color: #009cff;}body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:focus, body div.wpforms-container-full .wpforms-form input[type=submit]:active, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:focus, body div.wpforms-container-full .wpforms-form button[type=submit]:active, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:active, body div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {color:#FFF;background-color: #009cff;}.wp-block-button__link{background-color: #009cff; }.gridlove-button:hover,.add_to_cart_button:hover{color:#FFF;}.gridlove-share a:hover{background:rgba(17, 17, 17, .8);color:#FFF;}.gridlove-pill:hover,.gridlove-author-links a:hover,.entry-category a:hover{background: #111;color: #FFF;}.gridlove-cover-content .entry-category a:hover,.entry-overlay .entry-category a:hover,.gridlove-highlight .entry-category a:hover,.gridlove-box.gridlove-post-d .entry-overlay .entry-category a:hover,.gridlove-post-a .entry-category a:hover,.gridlove-highlight .gridlove-format-icon{background: #FFF;color: #111;}.gridlove-author, .gridlove-prev-next-nav,.comment .comment-respond{border-color: rgba(94,94,94,0.1);}.gridlove-load-more a,.gridlove-pagination .gridlove-next a,.gridlove-pagination .gridlove-prev a,.gridlove-pagination .next,.gridlove-pagination .prev,.gridlove-infinite-scroll a,.double-bounce1, .double-bounce2,.gridlove-link-pages > span,.module-actions ul.page-numbers span.page-numbers{color:#FFF;background-color: #009cff;}.gridlove-pagination .current{background-color:rgba(94,94,94,0.1);}.gridlove-highlight{background: #083b5c;}.gridlove-highlight,.gridlove-highlight h4,.gridlove-highlight a{color: #ffffff;}.gridlove-highlight .entry-meta .meta-item, .gridlove-highlight .entry-meta a, .gridlove-highlight .entry-meta span,.gridlove-highlight p{color: rgba(255,255,255,0.8);}.gridlove-highlight .gridlove-author-links .fa-link,.gridlove-highlight .gridlove_category_widget .gridlove-full-color li a:after{background: #b5e1ff;}.gridlove-highlight .entry-meta a:hover{color: #ffffff;}.gridlove-highlight.gridlove-post-d .entry-image a:after{background-color: rgba(8,59,92,0.7);}.gridlove-highlight.gridlove-post-d:hover .entry-image a:after{background-color: rgba(8,59,92,0.9);}.gridlove-highlight.gridlove-post-a .entry-image:hover>a:after, .gridlove-highlight.gridlove-post-b .entry-image:hover a:after{background-color: rgba(8,59,92,0.2);}.gridlove-highlight .gridlove-slider-controls > div{background-color: rgba(255,255,255,0.1);color: #ffffff; }.gridlove-highlight .gridlove-slider-controls > div:hover{background-color: rgba(255,255,255,0.3);color: #ffffff; }.gridlove-highlight.gridlove-box .entry-title a:hover{color: #b5e1ff;}.gridlove-highlight.widget_meta a, .gridlove-highlight.widget_recent_entries li, .gridlove-highlight.widget_recent_comments li, .gridlove-highlight.widget_nav_menu a, .gridlove-highlight.widget_archive li, .gridlove-highlight.widget_pages a{border-color: rgba(255,255,255,0.1);}.gridlove-cover-content .entry-meta .meta-item, .gridlove-cover-content .entry-meta a, .gridlove-cover-content .entry-meta span,.gridlove-cover-area .gridlove-breadcrumbs,.gridlove-cover-area .gridlove-breadcrumbs a,.gridlove-cover-area .gridlove-breadcrumbs .breadcrumb_last,body .gridlove-content .entry-overlay .gridlove-breadcrumbs {color: rgba(255, 255, 255, .8);}.gridlove-cover-content .entry-meta a:hover,.gridlove-cover-area .gridlove-breadcrumbs a:hover {color: rgba(255, 255, 255, 1);}.module-title h2,.module-title .h2{ color: #111111; }.gridlove-action-link,.gridlove-slider-controls > div,.module-actions ul.page-numbers .next.page-numbers,.module-actions ul.page-numbers .prev.page-numbers{background: rgba(17,17,17,0.1); color: #111111; }.gridlove-slider-controls > div:hover,.gridlove-action-link:hover,.module-actions ul.page-numbers .next.page-numbers:hover,.module-actions ul.page-numbers .prev.page-numbers:hover{color: #111111;background: rgba(17,17,17,0.3); }.gridlove-pn-ico,.gridlove-author-links .fa-link{background: rgba(94,94,94,0.1); color: #5e5e5e;}.gridlove-prev-next-nav a:hover .gridlove-pn-ico{background: rgba(0,156,255,1); color: #ffffff;}.widget_meta a,.widget_recent_entries li,.widget_recent_comments li,.widget_nav_menu a,.widget_archive li,.widget_pages a,.widget_categories li,.gridlove_category_widget .gridlove-count-color li,.widget_categories .children li,.widget_archiv .children li{border-color: rgba(94,94,94,0.1);}.widget_recent_entries a:hover,.menu-item-has-children.active > span,.menu-item-has-children.active > a,.gridlove-nav-widget-acordion:hover,.widget_recent_comments .recentcomments a.url:hover{color: #009cff;}.widget_recent_comments .url,.post-date,.widget_recent_comments .recentcomments,.gridlove-nav-widget-acordion,.widget_archive li,.rss-date,.widget_categories li,.widget_archive li{color:#818181;}.widget_pages .children,.widget_nav_menu .sub-menu{background:#009cff;color:#FFF;}.widget_pages .children a,.widget_nav_menu .sub-menu a,.widget_nav_menu .sub-menu span,.widget_pages .children span{color:#FFF;}.widget_tag_cloud a:hover,.entry-tags a:hover,.entry-content .wp-block-tag-cloud a:hover{background: #009cff;color:#FFF;}.gridlove-footer{background: #111111;color: #ffffff;}.gridlove-footer .widget-title{color: #ffffff;}.gridlove-footer a{color: rgba(255,255,255,0.8);}.gridlove-footer a:hover{color: #ffffff;}.gridlove-footer .widget_recent_comments .url, .gridlove-footer .post-date, .gridlove-footer .widget_recent_comments .recentcomments, .gridlove-footer .gridlove-nav-widget-acordion, .gridlove-footer .widget_archive li, .gridlove-footer .rss-date{color: rgba(255,255,255,0.8); }.gridlove-footer .widget_meta a, .gridlove-footer .widget_recent_entries li, .gridlove-footer .widget_recent_comments li, .gridlove-footer .widget_nav_menu a, .gridlove-footer .widget_archive li, .gridlove-footer .widget_pages a,.gridlove-footer table,.gridlove-footer td,.gridlove-footer th,.gridlove-footer .widget_calendar table,.gridlove-footer .widget.widget_categories select,.gridlove-footer .widget_calendar table tfoot tr td{border-color: rgba(255,255,255,0.2);}table,thead,td,th,.widget_calendar table{ border-color: rgba(94,94,94,0.1);}input[type="text"], input[type="email"],input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], select, textarea{border-color: rgba(94,94,94,0.2);}div.mejs-container .mejs-controls {background-color: rgba(94,94,94,0.1);}body .mejs-controls .mejs-time-rail .mejs-time-current{background: #009cff;}body .mejs-video.mejs-container .mejs-controls{background-color: rgba(255,255,255,0.9);}.wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2{font-family: 'Lato';font-weight: 700; }.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image h2{font-size: 30px;}.widget_display_replies li, .widget_display_topics li{ color:#818181; }.has-small-font-size{ font-size: 12px;}.has-large-font-size{ font-size: 20px;}.has-huge-font-size{ font-size: 25px;}@media(min-width: 1024px){.has-small-font-size{ font-size: 12px;}.has-normal-font-size{ font-size: 16px;}.has-large-font-size{ font-size: 20px;}.has-huge-font-size{ font-size: 27px;}}.has-gridlove-acc-background-color{ background-color: #009cff;}.has-gridlove-acc-color{ color: #009cff;}.has-gridlove-meta-background-color{ background-color: #818181;}.has-gridlove-meta-color{ color: #818181;}.has-gridlove-txt-background-color{ background-color: #5e5e5e;}.has-gridlove-txt-color{ color: #5e5e5e;}.has-gridlove-bg-background-color{ background-color: #ffffff;}.has-gridlove-bg-color{ color: #ffffff;}.has-gridlove-highlight-acc-background-color{ background-color: #b5e1ff;}.has-gridlove-highlight-acc-color{ color: #b5e1ff;}.has-gridlove-highlight-txt-background-color{ background-color: #ffffff;}.has-gridlove-highlight-txt-color{ color: #ffffff;}.has-gridlove-highlight-bg-background-color{ background-color: #083b5c;}.has-gridlove-highlight-bg-color{ color: #083b5c;}.gridlove-cats .gridlove-cat .entry-overlay-wrapper .entry-image:after, .gridlove-cat.gridlove-post-d .entry-image a:after { background-color: rgba(0,156,255,0.7); }.gridlove-cat.gridlove-post-d:hover .entry-image a:after { background-color: rgba(0,156,255,0.9); } </style> <link rel='stylesheet' id='gridlove_child_load_scripts-css' href='https://htmlcodex.com/wp-content/themes/gridlove-child/style.css?ver=1.9.8' type='text/css' media='screen' /> <link rel='stylesheet' id='meks-ads-widget-css' href='https://htmlcodex.com/wp-content/plugins/meks-easy-ads-widget/css/style.css?ver=2.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='meks-social-widget-css' href='https://htmlcodex.com/wp-content/plugins/meks-smart-social-widget/css/style.css?ver=1.6.5' type='text/css' media='all' /> <link rel='stylesheet' id='meks_ess-main-css' href='https://htmlcodex.com/wp-content/plugins/meks-easy-social-share/assets/css/main.css?ver=1.3' type='text/css' media='all' /> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://htmlcodex.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://htmlcodex.com/wp-json/wp/v2/pages/1224" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://htmlcodex.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://htmlcodex.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://htmlcodex.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhtmlcodex.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://htmlcodex.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhtmlcodex.com%2F&format=xml" /> <meta name="generator" content="Redux 4.5.6" /><meta name="generator" content="Site Kit by Google 1.148.0" /><meta name="p:domain_verify" content="7b5e93ee42e0dbd9d4186c3835f17864"/> <style>img#wpstats{display:none}</style>  <meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236"> <meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">   <script type="text/javascript" async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4955347150592523&host=ca-host-pub-2644536267352236" crossorigin="anonymous"></script>  <link rel="icon" href="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/12/cropped-favicon-2.png?fit=32%2C32&ssl=1" sizes="32x32" /> <link rel="icon" href="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/12/cropped-favicon-2.png?fit=192%2C192&ssl=1" sizes="192x192" /> <link rel="apple-touch-icon" href="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/12/cropped-favicon-2.png?fit=180%2C180&ssl=1" /> <meta name="msapplication-TileImage" content="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/12/cropped-favicon-2.png?fit=270%2C270&ssl=1" /> <style type="text/css" id="wp-custom-css"> .module-desc { max-width: 100%; } .entry-category a { margin-bottom: 5px; } .gridlove-box { box-shadow: 0 0 45px rgba(0,0,0,.08); } .template-feature .gridlove-text-module-content { margin-bottom: 0px; } .template-feature .col-md-6 { margin-bottom: 1.5rem; } .template-feature .gridlove-box { height: 100%; padding: 30px; } .template-feature i { margin-bottom: 25px; color: #009CFF; } .template-feature h4 { margin-bottom: 15px; } .custom-contact form p { margin-bottom: 8px; } .custom-contact .cc-error { display: block; margin-bottom: 15px; color: #e74c3c; } .custom-contact .cc-success { display: block; margin-bottom: 15px; color: #28a745; } .custom-contact h2.cc-error, .custom-contact h2.cc-success { margin-bottom: 25px; } .wpforms-container .wpforms-field { padding: 10px 0; } .wpforms-field.wpforms-field-mailchimp ul { list-style-type: none; } .wpforms-field .wpforms-field-label { font-size: 16px !important; } .temp-info .gridlove-button { height: 40px; margin: 0 0 15px 0; } .temp-info .gridlove-button:last-child { margin-bottom: 0px; } #pre-checkout label { display: flex; align-items: start; justify-content: start; margin-bottom: 1rem; } #pre-checkout label input[type="radio"] { flex-shrink: 0; width: 25px; height: 25px; margin-top: 3px; margin-right: 10px; } #pre-checkout label span { font-weight: 700; } #pre-checkout label span:last-child { margin-left: auto !important; } #pre-checkout label span small { display: block; color: #777777; } .pre-checkout-button { display: block !important; margin: 20px 0 0 0 !important; height: 45px !important; font-size: 16px !important; color: #FFFFFF !important; background-color: #009cff !important; } .gridlove-action-link { color: #FFFFFF; background: #009cff; } .postid-2338 .gridlove-ad, .postid-2175 .gridlove-ad, .postid-2134 .gridlove-ad, .postid-2043 .gridlove-ad, .postid-1960 .gridlove-ad{ display: none; } </style> </head> <body class="home page-template page-template-template-modules page-template-template-modules-php page page-id-1224 wp-embed-responsive chrome gridlove-cover-overlay-off gridlove-v_1_9_8 gridlove-child"> <header id="header" class="gridlove-site-header hidden-md-down gridlove-header-shadow"> <div class="gridlove-header-wrapper"> <div class="gridlove-header-1 gridlove-header-middle container"> <div class="gridlove-slot-l"> <div class="gridlove-site-branding "> <h1 class="site-title h1"><a href="https://htmlcodex.com/" rel="home"><img class="gridlove-logo" src="https://htmlcodex.com/wp-content/uploads/2020/12/htmlcodex.png" alt="HTML Codex"></a></h1> </div> </div> <div class="gridlove-slot-r"> <nav class="gridlove-main-navigation"> <ul id="menu-main-menu" class="gridlove-main-nav gridlove-menu"><li id="menu-item-107" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-107"><a href="https://htmlcodex.com/template/">Free Templates</a></li> <li id="menu-item-2094" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2094"><a href="https://htmlcodex.com/premium-website-templates/">Premium Templates</a></li> <li id="menu-item-928" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-928"><a href="https://htmlcodex.com/license/">Template License</a></li> <li id="menu-item-1958" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1958"><a href="https://htmlcodex.com/credit-removal/">Remove Credit</a></li> <li id="menu-item-1397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397"><a href="https://htmlcodex.com/contact/">Contact Us</a></li> </ul> </nav> <ul class="gridlove-actions gridlove-menu"> <li class="gridlove-actions-button gridlove-action-search"> <span> <i class="fa fa-search"></i> </span> <ul class="sub-menu"> <li> <form class="gridlove-search-form" action="https://htmlcodex.com/" method="get"><input name="s" type="text" value="" placeholder="Type here to search..." /><button type="submit" class="gridlove-button-search">Search</button></form> </li> </ul> </li> <li class="gridlove-actions-button"> <span class="gridlove-sidebar-action"> <i class="fa fa-bars"></i> </span> </li> </ul> </div> </div> </div> </header> <div id="gridlove-header-responsive" class="gridlove-header-responsive hidden-lg-up"> <div class="container"> <div class="gridlove-site-branding mini"> <span class="site-title h1"><a href="https://htmlcodex.com/" rel="home"><img class="gridlove-logo-mini" src="https://htmlcodex.com/wp-content/uploads/2020/12/htmlcodex-mini.png" alt="HTML Codex"></a></span> </div> <ul class="gridlove-actions gridlove-menu"> <li class="gridlove-actions-button gridlove-action-search"> <span> <i class="fa fa-search"></i> </span> <ul class="sub-menu"> <li> <form class="gridlove-search-form" action="https://htmlcodex.com/" method="get"><input name="s" type="text" value="" placeholder="Type here to search..." /><button type="submit" class="gridlove-button-search">Search</button></form> </li> </ul> </li> <li class="gridlove-actions-button"> <span class="gridlove-sidebar-action"> <i class="fa fa-bars"></i> </span> </li> </ul> </div> </div> <div id="cover" class="gridlove-cover-area gridlove-cover-custom"> <div class="gridlove-cover-item"> <div class="gridlove-cover-bg"> </div> <div class="gridlove-cover-content"> <div class="overlay-vh-center-custom"> <h1>167+ Free HTML Website Templates</h1> <div class="custom-search-form"><form role="search" action="https://htmlcodex.com/" method="get"><input name="s" type="text" value="" placeholder="e.g. business template" /> <button><i class="fa fa-search"></i>Search</button></form></div> </div> </div> </div> </div> <div id="content" class="gridlove-site-content container"> <div id="gridlove-module-0" class="gridlove-module module-type-text template-feature"> <div class="gridlove-text-module-content text-center"> <div class="row"> <div class="col-md-6 col-lg-4"> <div class="gridlove-box"> <i class="fa fa-cogs fa-5x"></i> <h4>Highly Customizable</h4> <p>Our HTML website templates are highly customizable and very easy to use. You can easily customize and edit as your need.</p> </div> </div> <div class="col-md-6 col-lg-4"> <div class="gridlove-box"> <i class="fa fa-code fa-5x"></i> <h4>Developer Friendly Code</h4> <p>Our free & premium HTML templates have the best coding standards and come with clean and developer-friendly code.</p> </div> </div> <div class="col-md-6 col-lg-4"> <div class="gridlove-box"> <i class="fa fa-file-text-o fa-5x"></i> <h4>Well Documented</h4> <p>Our premium website templates come with detailed documentation that will get you started in no time and no hassle.</p> </div> </div> </div> </div> </div> <div id="gridlove-module-1" class="gridlove-module module-type-posts gridlove-module-layout-masonry"> <div class="module-header"><div class="module-title"><h2>Premium Templates</h2><div class="module-actions"><a class="gridlove-action-link" href="https://htmlcodex.com/premium-website-templates">All Premium Templates</a></div></div></div> <div class="row gridlove-posts "> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2492 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-agency tag-business tag-company tag-creative-agency tag-digital-agency"> <div class="entry-image"> <a href="https://htmlcodex.com/web-design-agency-html-template-pro/" title="DGcom – Web Design Agency HTML Template Pro"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="Web Design Agency Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/05/DGcom.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/web-design-agency-html-template-pro/">DGcom – Web Design Agency HTML Template Pro</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$24.00</h6><i class="fa fa-shopping-basket"></i> 31 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://demo.htmlcodex.com/pro/dgcom" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2338 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-architect tag-architecture tag-bootstrap tag-bootstrap-5 tag-building tag-business tag-construction tag-html5 tag-interior-design tag-responsive"> <div class="entry-image"> <a href="https://htmlcodex.com/architecture-html-template-pro/" title="Arkitektur – Architecture HTML Template Pro"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="Architecture HTML Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/03/architecture-html-template-pro.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/architecture-html-template-pro/">Arkitektur – Architecture HTML Template Pro</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$29.00</h6><i class="fa fa-shopping-basket"></i> 35 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://demo.htmlcodex.com/pro/arkitektur" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2134 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-bootstrap tag-business tag-css tag-hotel tag-hotel-booking tag-html tag-premium tag-resort tag-responsive"> <div class="entry-image"> <a href="https://htmlcodex.com/hotel-html-template-pro/" title="Hotelier – Hotel HTML Template Pro"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="Hotel HTML Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/hotel-html-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/hotel-html-template-pro/">Hotelier – Hotel HTML Template Pro</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$29.00</h6><i class="fa fa-shopping-basket"></i> 36 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://demo.htmlcodex.com/pro/hotelier" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2043 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-agency tag-architecture tag-bootstrap-5 tag-builders tag-building tag-business tag-company tag-construction tag-css3 tag-html5 tag-interior tag-plumbing tag-real-estate tag-renovation tag-responsive"> <div class="entry-image"> <a href="https://htmlcodex.com/construction-company-html-template/" title="Builderz – Construction Company HTML Template"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="Construction Company HTML Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/construction-company-html-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/construction-company-html-template/">Builderz – Construction Company HTML Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$39.00</h6><i class="fa fa-shopping-basket"></i> 35 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://demo.htmlcodex.com/pro/builderz" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-1960 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-agency tag-bootstrap tag-business tag-company tag-startup-business tag-startups"> <div class="entry-image"> <a href="https://htmlcodex.com/startup-company-website-template/" title="Startup – Startup Company Website Template"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="Startup Company Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/08/startup-company-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/startup-company-website-template/">Startup – Startup Company Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$29.00</h6><i class="fa fa-shopping-basket"></i> 152 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://demo.htmlcodex.com/pro/startup" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-4 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2175 post type-post status-publish format-standard has-post-thumbnail hentry category-premium-website-templates tag-building tag-construction tag-hotel tag-resort tag-startup-business tag-startups"> <div class="entry-image"> <a href="https://htmlcodex.com/bundle/" title="Bundle – One Bundle 4 HTML5 Templates – 60% OFF"><img width="370" height="231" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?fit=370%2C231&ssl=1" class="attachment-gridlove-a4-orig size-gridlove-a4-orig wp-post-image" alt="HTML5 templates" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/bundle-lg.png?resize=740%2C463&ssl=1 740w" sizes="(max-width: 370px) 100vw, 370px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/premium-website-templates/" class="gridlove-cat gridlove-cat-283">Premium Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/bundle/">Bundle – One Bundle 4 HTML5 Templates – 60% OFF</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>$49.00</h6><i class="fa fa-shopping-basket"></i> 74 Purchases</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/premium-website-templates" target="_blank">Live Preview</a></div> </div> </div> </article> </div> </div> </div> <div id="gridlove-module-2" class="gridlove-module module-type-posts gridlove-module-layout-masonry"> <div class="module-header"><div class="module-title"><h2>Popular Templates</h2><div class="module-actions"><a class="gridlove-action-link" href="https://htmlcodex.com/best-website-templates">All Popular Templates</a></div></div></div> <div class="row gridlove-posts "> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2246 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-corporate tag-business tag-classified-ads tag-company tag-corporate tag-employment-directory tag-job tag-job-portal tag-job-posting tag-job-search tag-startups"> <div class="entry-image"> <a href="https://htmlcodex.com/job-portal-website-template/" title="JobEntry – Job Portal Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Job Portal Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/job-portal-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/corporate/" class="gridlove-cat gridlove-cat-163">Corporate</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/job-portal-website-template/">JobEntry – Job Portal Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 21183 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=2246" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-1479 post type-post status-publish format-standard has-post-thumbnail hentry category-ecommerce tag-ecommerce tag-html-template tag-online-shop tag-online-store tag-responsive tag-shop tag-shop-template tag-store"> <div class="entry-image"> <a href="https://htmlcodex.com/online-shop-website-template/" title="MultiShop – Online Shop Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Online Shop Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/03/online-shop-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/ecommerce/" class="gridlove-cat gridlove-cat-164">eCommerce</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/online-shop-website-template/">MultiShop – Online Shop Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 19952 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=1479" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2525 post type-post status-publish format-standard has-post-thumbnail hentry category-personal tag-cv tag-freelancer tag-personal tag-portfolio tag-resume tag-vcard tag-web-designer"> <div class="entry-image"> <a href="https://htmlcodex.com/personal-portfolio-html-template/" title="ProMan – Personal Portfolio HTML Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Personal Portfolio HTML Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/06/personal-portfolio-html-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/personal/" class="gridlove-cat gridlove-cat-175">Personal</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/personal-portfolio-html-template/">ProMan – Personal Portfolio HTML Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 11021 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=2525" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-969 post type-post status-publish format-standard has-post-thumbnail hentry category-template tag-agency tag-architecture tag-bootstrap-4 tag-builders tag-building tag-business-template tag-company tag-construction tag-css3 tag-html-template tag-html5 tag-interior tag-responsive"> <div class="entry-image"> <a href="https://htmlcodex.com/construction-company-website-template/" title="Builderz – Construction Company Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Construction Company Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2020/08/construction-company-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/" class="gridlove-cat gridlove-cat-1">Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/construction-company-website-template/">Builderz – Construction Company Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 11755 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=969" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-1821 post type-post status-publish format-standard has-post-thumbnail hentry category-restaurant tag-burger tag-cake-shop tag-coffee-shop tag-css tag-food tag-html tag-ice-cream tag-responsive tag-restaurant tag-restaurant-food"> <div class="entry-image"> <a href="https://htmlcodex.com/cake-shop-website-template/" title="CakeZone – Cake Shop Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Cake Shop Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/cake-shop-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/restaurant/" class="gridlove-cat gridlove-cat-186">Restaurants & Food</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/cake-shop-website-template/">CakeZone – Cake Shop Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 11514 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=1821" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-1858 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business category-corporate tag-agency tag-bootstrap tag-business tag-company tag-creative-agency tag-css tag-digital-agency tag-html tag-it-firm tag-responsive tag-software-technology tag-startup-business tag-startups"> <div class="entry-image"> <a href="https://htmlcodex.com/startup-website-template/" title="Startup – Startup Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Startup Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/07/startup-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/corporate/" class="gridlove-cat gridlove-cat-163">Corporate</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/startup-website-template/">Startup – Startup Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 15407 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=1858" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2259 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business tag-appartment-selling tag-building tag-classified-ads tag-construction tag-house-rental tag-listing tag-property tag-property-listing tag-real-estate tag-real-estate-agent tag-real-estate-firm"> <div class="entry-image"> <a href="https://htmlcodex.com/real-estate-html-template-free/" title="Makaan – Real Estate HTML Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Real Estate HTML Template Free" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2022/01/real-estate-html-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/real-estate-html-template-free/">Makaan – Real Estate HTML Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 11908 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=2259" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-2151 post type-post status-publish format-standard has-post-thumbnail hentry category-education tag-bootstrap5 tag-classes tag-courses tag-css3 tag-education tag-elearning tag-learning tag-lessons tag-online-courses tag-tutorial"> <div class="entry-image"> <a href="https://htmlcodex.com/elearning-html-template/" title="eLEARNING – eLearning HTML Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="eLearning HTML Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2021/11/elearning-html-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/education/" class="gridlove-cat gridlove-cat-198">Education</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/elearning-html-template/">eLEARNING – eLearning HTML Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 15094 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=2151" target="_blank">Live Preview</a></div> </div> </div> </article> </div> </div> </div> <div id="gridlove-module-3" class="gridlove-module module-type-posts gridlove-module-layout-masonry"> <div class="module-header"><div class="module-title"><h2>Latest Templates</h2><div class="module-actions"><a class="gridlove-action-link" href="https://htmlcodex.com/template">All Latest Templates</a></div></div></div> <div class="row gridlove-posts "> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3502 post type-post status-publish format-standard has-post-thumbnail hentry category-template tag-fitness tag-gym tag-yoga"> <div class="entry-image"> <a href="https://htmlcodex.com/fitness-website-template/" title="Fitness – Free Fitness Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Fitness Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/11/fitness-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/" class="gridlove-cat gridlove-cat-1">Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/fitness-website-template/">Fitness – Free Fitness Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 1984 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3502" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3464 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-industrial category-personal tag-building tag-contractor tag-electrical tag-electrical-company tag-electrical-shop tag-electrician tag-industrial tag-industry"> <div class="entry-image"> <a href="https://htmlcodex.com/electrical-website-template/" title="Electra – Electrical Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Electrical Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/electrical-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/industrial/" class="gridlove-cat gridlove-cat-528">Industrial</a><a href="https://htmlcodex.com/template/personal/" class="gridlove-cat gridlove-cat-175">Personal</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/electrical-website-template/">Electra – Electrical Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 6249 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3464" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3447 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-corporate tag-finance tag-financial tag-investment tag-stock-exchange tag-stock-market tag-stock-trading"> <div class="entry-image"> <a href="https://htmlcodex.com/stock-market-website-template/" title="Stocker – Stock Market Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Stock Market Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/07/stock-market-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/corporate/" class="gridlove-cat gridlove-cat-163">Corporate</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/stock-market-website-template/">Stocker – Stock Market Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 5604 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3447" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3433 post type-post status-publish format-standard has-post-thumbnail hentry category-personal tag-cv tag-designer tag-developer tag-personal tag-photographer tag-portfolio tag-resume"> <div class="entry-image"> <a href="https://htmlcodex.com/personal-portfolio-website-template/" title="Pigra – Personal Portfolio Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Personal Portfolio Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/personal-portfolio-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/personal/" class="gridlove-cat gridlove-cat-175">Personal</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/personal-portfolio-website-template/">Pigra – Personal Portfolio Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 4266 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3433" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3422 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business category-corporate tag-auto-insurance tag-car-insurance tag-finance tag-financial tag-health-insurance tag-insurance tag-life-insurance tag-loan"> <div class="entry-image"> <a href="https://htmlcodex.com/life-insurance-website-template/" title="LifeSure – Life Insurance Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Life Insurance Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/life-insurance-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/corporate/" class="gridlove-cat gridlove-cat-163">Corporate</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/life-insurance-website-template/">LifeSure – Life Insurance Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 5102 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3422" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3414 post type-post status-publish format-standard has-post-thumbnail hentry category-template category-travel-tourism tag-amusement-park tag-safari-park tag-swimming-pool tag-tourism tag-water tag-water-park tag-water-pool tag-water-sport tag-zoo"> <div class="entry-image"> <a href="https://htmlcodex.com/water-park-website-template/" title="WaterLand – Water Park Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Water Park Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/06/water-park-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/" class="gridlove-cat gridlove-cat-1">Template</a><a href="https://htmlcodex.com/template/travel-tourism/" class="gridlove-cat gridlove-cat-214">Travel & Tourism</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/water-park-website-template/">WaterLand – Water Park Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 2900 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3414" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3402 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business tag-cleaning-service tag-construction tag-drinking-water tag-mineral-water tag-pest-control-service tag-taxi-service tag-transport tag-travel-tourism tag-water tag-water-filter"> <div class="entry-image"> <a href="https://htmlcodex.com/drinking-water-website-template/" title="Acuas – Drinking Water Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Drinking Water Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/drinking-water-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/drinking-water-website-template/">Acuas – Drinking Water Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 3708 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3402" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3387 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business category-template tag-car tag-car-booking tag-car-detailing tag-car-rent tag-car-rental tag-car-repair tag-car-wash tag-rent-a-car"> <div class="entry-image"> <a href="https://htmlcodex.com/car-rent-website-template/" title="Cental – Car Rent Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Car Rent Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/05/car-rent-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/" class="gridlove-cat gridlove-cat-1">Template</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/car-rent-website-template/">Cental – Car Rent Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 5874 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3387" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3376 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-travel-tourism tag-air-ticketing tag-immigration tag-tourism tag-travel tag-visa"> <div class="entry-image"> <a href="https://htmlcodex.com/visa-immigration-website-template/" title="Travisa – Visa & Immigration Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Immigration Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/visa-immigration-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/travel-tourism/" class="gridlove-cat gridlove-cat-214">Travel & Tourism</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/visa-immigration-website-template/">Travisa – Visa & Immigration Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 4697 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3376" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3351 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business category-maintenance-service tag-architecture tag-builders tag-building tag-construction tag-engineering tag-industry tag-maintenance tag-manufacturing tag-painting-company tag-real-estate tag-renovation tag-solar-power"> <div class="entry-image"> <a href="https://htmlcodex.com/building-construction-website-template/" title="Constra – Building Construction Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Building Construction Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/04/building-construction-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/maintenance-service/" class="gridlove-cat gridlove-cat-181">Maintenance & Service</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/building-construction-website-template/">Constra – Building Construction Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 5054 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3351" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3338 post type-post status-publish format-standard has-post-thumbnail hentry category-agency category-business category-corporate tag-consulting tag-finance tag-financial tag-firm tag-insurance tag-investment"> <div class="entry-image"> <a href="https://htmlcodex.com/investment-website-template/" title="Investa – Investment Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Investment Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/investment-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/agency/" class="gridlove-cat gridlove-cat-491">Agency</a><a href="https://htmlcodex.com/template/business/" class="gridlove-cat gridlove-cat-162">Business</a><a href="https://htmlcodex.com/template/corporate/" class="gridlove-cat gridlove-cat-163">Corporate</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/investment-website-template/">Investa – Investment Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 4061 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3338" target="_blank">Live Preview</a></div> </div> </div> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12 layout-masonry"> <article class="gridlove-post gridlove-post-a gridlove-box post-3326 post type-post status-publish format-standard has-post-thumbnail hentry category-education tag-academy tag-classes tag-dance tag-dance-academy tag-dance-class tag-dance-school tag-dance-studio tag-education tag-school tag-studio"> <div class="entry-image"> <a href="https://htmlcodex.com/dance-class-website-template/" title="JustDance – Dance Class Website Template"><img width="270" height="169" src="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?fit=270%2C169&ssl=1" class="attachment-gridlove-a3-orig size-gridlove-a3-orig wp-post-image" alt="Dance Class Website Template" srcset="https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?w=800&ssl=1 800w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?resize=400%2C250&ssl=1 400w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?resize=768%2C480&ssl=1 768w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?resize=370%2C231&ssl=1 370w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?resize=270%2C169&ssl=1 270w, https://i0.wp.com/htmlcodex.com/wp-content/uploads/2024/03/dance-class-website-template.jpg?resize=740%2C463&ssl=1 740w" sizes="(max-width: 270px) 100vw, 270px" /></a> <div class="entry-category"> <a href="https://htmlcodex.com/template/education/" class="gridlove-cat gridlove-cat-198">Education</a> </div> </div> <div class="box-inner-p"> <div class="box-inner-ellipsis"> <h2 class="entry-title h3"><a href="https://htmlcodex.com/dance-class-website-template/">JustDance – Dance Class Website Template</a></h2> </div> <div class="entry-meta download-meta"> <div class="meta-item"><h6>Free</h6><i class="fa fa-download"></i> 4135 Downloads</div> <div class="meta-item"><a class="gridlove-button" href="https://htmlcodex.com/demo/?item=3326" target="_blank">Live Preview</a></div> </div> </div> </article> </div> </div> </div> <nav class="gridlove-pagination gridlove-load-more"> <a href="https://htmlcodex.com/page/2/">Load More</a> <div class="gridlove-loader"> <div class="double-bounce1"></div> <div class="double-bounce2"></div> </div> </nav> </div> <div id="footer" class="gridlove-footer"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12"> <div id="custom_html-2" class="widget_text widget widget_custom_html"><h4 class="widget-title">Who we are</h4><div class="textwidget custom-html-widget"><p>HTML Codex is one of the top designers and publishers of FREE HTML Website Templates. Please support HTML Codex by mentioning and sharing it with your friends <a href="https://htmlcodex.com/about-us/">Read More</a> </p></div></div><div id="mks_social_widget-2" class="widget mks_social_widget"> <ul class="mks_social_widget_ul"> <li><a href="https://twitter.com/htmlcodex" title="X (ex Twitter)" class="socicon-twitter soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>twitter</span></a></li> <li><a href="https://www.facebook.com/htmlcodex" title="Facebook" class="socicon-facebook soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>facebook</span></a></li> <li><a href="https://www.pinterest.com/htmlcodex" title="Pinterest" class="socicon-pinterest soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>pinterest</span></a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <div id="nav_menu-2" class="widget widget_nav_menu"><h4 class="widget-title">Learn about us</h4><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://htmlcodex.com/about-us/">About Us</a></li> <li id="menu-item-927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-927"><a href="https://htmlcodex.com/contact/">Contact Us</a></li> <li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-91"><a rel="privacy-policy" href="https://htmlcodex.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="https://htmlcodex.com/terms-conditions/">Terms & Conditions</a></li> </ul></div></div> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <div id="nav_menu-4" class="widget widget_nav_menu"><h4 class="widget-title">Our creative works</h4><div class="menu-category-menu-container"><ul id="menu-category-menu" class="menu"><li id="menu-item-602" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-602"><a href="https://htmlcodex.com/template/">HTML Templates</a></li> <li id="menu-item-603" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-603"><a href="https://htmlcodex.com/landing-page/">HTML Landing Pages</a></li> <li id="menu-item-605" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-605"><a href="https://htmlcodex.com/email-template/">HTML Email Templates</a></li> <li id="menu-item-604" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-604"><a href="https://htmlcodex.com/snippet/">HTML Snippets</a></li> </ul></div></div> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <div id="mc4wp_form_widget-2" class="widget widget_mc4wp_form_widget"><h4 class="widget-title">Stay updated</h4><script>(function() { window.mc4wp = window.mc4wp || { listeners: [], forms: { on: function(evt, cb) { window.mc4wp.listeners.push( { event : evt, callback: cb } ); } } } })(); </script><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-96" method="post" data-id="96" data-name="Subscribers" ><div class="mc4wp-form-fields"><p> If you want to get information about new template published please input your email below. Don't worry, your email address will be protected to us. </p> <p style="width: calc(100% - 100px); float: left; margin-right: 5px;"> <input type="email" name="EMAIL" placeholder="Your email address" required /> </p> <p style="width: 75px; float: left;"> <input class="btn-subs" type="submit" value="Submit" /> </p></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1742811996" /><input type="hidden" name="_mc4wp_form_id" value="96" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form></div> </div> </div> </div> <div class="gridlove-copyright"> <div class="container"> <p style="text-align: center">Copyright © 2025 <a href="https://htmlcodex.com">HTML Codex</a>. All rights reserved.</p> </div> </div> </div> <button class="gridlove-button back-to-top"><i class="fa fa-chevron-up"></i></button> <div class="gridlove-sidebar-action-wrapper"> <span class="gridlove-action-close"><i class="fa fa-times" aria-hidden="true"></i></span> <div class="gridlove-sidebar-action-inside"> <div class="hidden-lg-up widget gridlove-box widget_nav_menu"> <ul id="menu-main-menu-1" class="gridlove-mobile-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-107"><a href="https://htmlcodex.com/template/">Free Templates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2094"><a href="https://htmlcodex.com/premium-website-templates/">Premium Templates</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-928"><a href="https://htmlcodex.com/license/">Template License</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1958"><a href="https://htmlcodex.com/credit-removal/">Remove Credit</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397"><a href="https://htmlcodex.com/contact/">Contact Us</a></li> </ul> </div> <div id="nav_menu-6" class="widget gridlove-box widget_nav_menu"><div class="menu-category-menu-container"><ul id="menu-category-menu-1" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-602"><a href="https://htmlcodex.com/template/">HTML Templates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-603"><a href="https://htmlcodex.com/landing-page/">HTML Landing Pages</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-605"><a href="https://htmlcodex.com/email-template/">HTML Email Templates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-604"><a href="https://htmlcodex.com/snippet/">HTML Snippets</a></li> </ul></div></div><div id="nav_menu-5" class="widget gridlove-box widget_nav_menu"><div class="menu-footer-menu-container"><ul id="menu-footer-menu-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://htmlcodex.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-927"><a href="https://htmlcodex.com/contact/">Contact Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-91"><a rel="privacy-policy" href="https://htmlcodex.com/privacy-policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="https://htmlcodex.com/terms-conditions/">Terms & Conditions</a></li> </ul></div></div><div id="mks_social_widget-3" class="widget gridlove-box mks_social_widget"> <ul class="mks_social_widget_ul"> <li><a href="https://twitter.com/htmlcodex" title="X (ex Twitter)" class="socicon-twitter soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>twitter</span></a></li> <li><a href="https://www.facebook.com/htmlcodex" title="Facebook" class="socicon-facebook soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>facebook</span></a></li> <li><a href="https://www.pinterest.com/htmlcodex" title="Pinterest" class="socicon-pinterest soc_circle" target="_blank" rel="noopener" style="width: 42px; height: 42px; font-size: 16px;line-height:47px;"><span>pinterest</span></a></li> </ul> </div> </div> </div> <div class="gridlove-sidebar-action-overlay"></div> <script>(function() {function maybePrefixUrlField () { const value = this.value.trim() if (value !== '' && value.indexOf('http') !== 0) { this.value = 'http://' + value } } const urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]') for (let j = 0; j < urlFields.length; j++) { urlFields[j].addEventListener('blur', maybePrefixUrlField) } })();</script><script type="text/javascript" src="https://widgetlogic.org/v2/js/data.js?t=1742774400&ver=6.0.0" id="widget-logic_live_match_widget-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/imagesloaded.min.js" id="imagesloaded-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/masonry.min.js" id="masonry-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery.masonry.min.js" id="jquery-masonry-js"></script> <script type="text/javascript" id="gridlove-main-js-extra"> /* <![CDATA[ */ var gridlove_js_settings = {"rtl_mode":"","header_sticky":"","header_sticky_offset":"100","header_sticky_up":"","logo":"https:\/\/htmlcodex.com\/wp-content\/uploads\/2020\/12\/htmlcodex.png","logo_retina":"https:\/\/htmlcodex.com\/wp-content\/uploads\/2020\/12\/htmlcodex-2x.png","logo_mini":"https:\/\/htmlcodex.com\/wp-content\/uploads\/2020\/12\/htmlcodex-mini.png","logo_mini_retina":"https:\/\/htmlcodex.com\/wp-content\/uploads\/2020\/12\/htmlcodex-mini-2x.png","gridlove_gallery":"1","responsive_secondary_nav":"1","responsive_more_link":"More","responsive_social_nav":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://htmlcodex.com/wp-content/themes/gridlove/assets/js/min.js?ver=1.9.8" id="gridlove-main-js"></script> <script type="text/javascript" src="https://htmlcodex.com/wp-content/plugins/meks-easy-social-share/assets/js/main.js?ver=1.3" id="meks_ess-main-js"></script> <script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"168936011\",\"post\":\"1224\",\"tz\":\"0\",\"srv\":\"htmlcodex.com\",\"j\":\"1:14.4.1\"}") ]); _stq.push([ "clickTrackerInit", "168936011", "1224" ]); /* ]]> */ </script> <script type="text/javascript" src="https://stats.wp.com/e-202513.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" defer src="https://htmlcodex.com/wp-content/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.10.2" id="mc4wp-forms-api-js"></script> </body> </html>

CINXE.COM

Free & Premium HTML Website Templates Download - HTML Codex