Live Demo - Free HTML Templates Live Demo

<!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"> <link href="https://htmlcodex.com/wp-content/themes/gridlove-child/assets/css/demo.min.css" rel="stylesheet"> <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>Live Demo - Free HTML Templates Live Demo - HTML Codex</title> <meta name="description" content="HTML Codex - Free HTML templates live demo - Free HTML landing pages live demo, Free HTML email templates live demo - Free HTML snippets live demo" /> <link rel="canonical" href="https://htmlcodex.com/demo/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Live Demo - Free HTML Templates Live Demo - HTML Codex" /> <meta property="og:description" content="HTML Codex - Free HTML templates live demo - Free HTML landing pages live demo, Free HTML email templates live demo - Free HTML snippets live demo" /> <meta property="og:url" content="https://htmlcodex.com/demo/" /> <meta property="og:site_name" content="HTML Codex" /> <meta property="article:modified_time" content="2021-01-24T10:55:42+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/demo/","url":"https://htmlcodex.com/demo/","name":"Live Demo - Free HTML Templates Live Demo - HTML Codex","isPartOf":{"@id":"https://htmlcodex.com/#website"},"datePublished":"2019-10-26T09:52:00+00:00","dateModified":"2021-01-24T10:55:42+00:00","description":"HTML Codex - Free HTML templates live demo - Free HTML landing pages live demo, Free HTML email templates live demo - Free HTML snippets live demo","breadcrumb":{"@id":"https://htmlcodex.com/demo/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://htmlcodex.com/demo/"]}]},{"@type":"BreadcrumbList","@id":"https://htmlcodex.com/demo/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://htmlcodex.com/"},{"@type":"ListItem","position":2,"name":"Demo"}]},{"@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>  <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> <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/25" /><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/?p=25' /> <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%2Fdemo%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%2Fdemo%2F&format=xml" /> <meta name="generator" content="Redux 4.5.6" /><meta name="generator" content="Site Kit by Google 1.149.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="page-template page-template-demo page-template-demo-php page page-id-25 wp-embed-responsive ie gridlove-cover-overlay-off gridlove-v_1_9_8 gridlove-child"> <div id="loader" class="show"> <div class="loader"></div> </div> <div id="demo-switcher"> <div class="logo"> <a href="https://htmlcodex.com"> <img src="https://htmlcodex.com/wp-content/themes/gridlove-child/assets/img/logo.png" alt="HTML Codex"> </a> </div> <div class="templates"> <a href="https://htmlcodex.com/template">All Free Templates</a> </div> <div class="responsive"> <a href="#" class="desktop active" title="View Desktop Version"></a> <a href="#" class="tabletlandscape" title="View Tablet Landscape (1024x768)"></a> <a href="#" class="tabletportrait" title="View Tablet Portrait (768x1024)"></a> <a href="#" class="mobilelandscape" title="View Mobile Landscape (480x320)"></a> <a href="#" class="mobileportrait" title="View Mobile Portrait (320x480)"></a> </div> <div class="links"> <a class="download" href="https://htmlcodex.com/downloading/?item=3422"> <img src="https://htmlcodex.com/wp-content/themes/gridlove-child/assets/img/download.png" alt="" /> Download </a> <a class="close" href="https://demo.htmlcodex.com/3422/life-insurance-website-template"> <img src="https://htmlcodex.com/wp-content/themes/gridlove-child/assets/img/remove.png" alt="" /> Remove </a> </div> </div> <div class="bottom-fixed-ads" style="display: none;"> <div class="ads-control show"> <img src="https://htmlcodex.com/wp-content/themes/gridlove-child/assets/img/arrow.png"> </div> <div> </div> </div> <iframe id="iframe" src="https://demo.htmlcodex.com/3422/life-insurance-website-template" frameborder="0" width="100%"></iframe> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> // loader var loader = function () { setTimeout(function () { if ($('#loader').length > 0) { $('#loader').removeClass('show'); } }, 1); }; loader(); //Bottom ads $(document).ready(function () { if ($(window).width() > 768) { $('.bottom-fixed-ads').css('bottom', '0'); $('.bottom-fixed-ads .ads-control').click(function () { if ($(this).hasClass('show')) { $('.bottom-fixed-ads').css('bottom', '-90px'); $(this).toggleClass('show hide'); } else { $('.bottom-fixed-ads').css('bottom', '0'); $(this).toggleClass('hide show'); } }); } }); // Responsive var IS_IPAD = navigator.userAgent.match(/iPad/i) != null; $("#header-bar").hide(); clicked = "desktop"; var t = { desktop: "100%", tabletlandscape: 1040, tabletportrait: 788, mobilelandscape: 500, mobileportrait: 360, placebo: 0 }; jQuery(".responsive a").on("click", function () { var e = jQuery(this); for (device in t) { if (e.hasClass(device)) { clicked = device; jQuery("#iframe").width(t[device]); if (clicked == device) { jQuery(".responsive a").removeClass("active"); e.addClass("active") } } } return false }); </script> </body> </html>

CINXE.COM

Live Demo - Free HTML Templates Live Demo - HTML Codex