Group with text and button HTML Template

<!DOCTYPE html> <html lang="en"> <head> <title>Group with text and button HTML Template</title> <link rel="shortcut icon" href="//csite.nicepage.com/favicon.ico" type="image/x-icon"> <meta charset="utf-8" /> <meta name="Keywords" content=" "> <meta name="Description" content="Group with text and button. Professional HTML Template. Responsive, fully customizable with easy Drag-n-Drop editor. You can use it for subjects like ready, modern, icon, isolated, paper. Categories: Group."> <meta property="og:type" content="website"> <meta property="og:url" content="https://nicepage.com/ht/2180906/group-with-text-and-button-html-template"> <meta property="og:title" content="Group with text and button HTML Template"> <meta property="og:image" content="https://images01.nicepagecdn.com/page/21/80/html-template-2180906.jpg?version=50059cfe-6449-4399-9b68-7c70641ba5c5"> <meta property="og:description" content="Group with text and button. Professional HTML Template. Responsive, fully customizable with easy Drag-n-Drop editor. You can use it for subjects like ready, modern, icon, isolated, paper. Categories: Group."> <meta property="og:site_name" content="Nicepage.com" /> <link rel="preload" href="https://images01.nicepagecdn.com/page/21/80/html-template-spreview-2180906.webp" as="image" type="image/webp" media="(max-width: 450px)"> <link rel="preload" href="https://images01.nicepagecdn.com/page/21/80/html-template-preview-2180906.webp" as="image" type="image/webp" media="(min-width: 451px)"> <link rel="alternate" hreflang="en" href="https://nicepage.com/ht/2180906/group-with-text-and-button-html-template"> <link rel="alternate" hreflang="de" href="https://nicepage.com/de/ht/2180906/gruppe-mit-text-und-schaltflaeche-html-vorlage"> <link rel="alternate" hreflang="nl" href="https://nicepage.com/nl/ht/2180906/groeperen-met-tekst-en-knop-html-sjabloon"> <link rel="alternate" hreflang="fr" href="https://nicepage.com/fr/ht/2180906/groupe-avec-texte-et-bouton-modele-html"> <link rel="alternate" hreflang="it" href="https://nicepage.com/it/ht/2180906/gruppo-con-testo-e-pulsante-modello-html"> <link rel="alternate" hreflang="es" href="https://nicepage.com/es/ht/2180906/grupo-con-texto-y-boton-plantilla-html"> <link rel="alternate" hreflang="pl" href="https://nicepage.com/pl/ht/2180906/grupuj-z-tekstem-i-przyciskiem-szablon-html"> <link rel="alternate" hreflang="pt" href="https://nicepage.com/pt/ht/2180906/grupo-com-texto-e-botao-modelo-html"> <link rel="alternate" hreflang="tr" href="https://nicepage.com/tr/ht/2180906/metin-ve-duegme-ile-grup-html-sablonu"> <link rel="alternate" hreflang="ru" href="https://nicepage.com/ru/ht/2180906/gruppa-s-tekstom-i-knopkoy-html-shablon"> <link rel="alternate" hreflang="hu" href="https://nicepage.com/hu/ht/2180906/csoportositas-szoeveggel-es-gombbal-html-sablon"> <link rel="alternate" hreflang="cs" href="https://nicepage.com/cs/ht/2180906/skupina-s-textem-a-tlacitko-sablona-html"> <link rel="alternate" hreflang="sv" href="https://nicepage.com/sv/ht/2180906/grupp-med-text-och-knapp-html-mall"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width"> <script src="//capp.nicepage.com/1662e8971b75e227453abf2b0c0bb260dcad244d/template-detail-libs.js" defer></script> <link href="//capp.nicepage.com/1662e8971b75e227453abf2b0c0bb260dcad244d/template-detail-libs.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans:200,300,400,700,800,900&subset=latin" rel="preload" as="font" /> <script> window.isAuthenticated = 0; window.useExternalGtmCode = 0; window.clientUserId = 0; window.clientUserName = ''; window.userCountryCode = ''; window.logPageEvent = 1; window.userHasAdsParams = 0; window.utmSourceFromReferrer = 0; window.currentLang = ''; window.baseUrl = 'html-templates'; window.currentUrl = ''; window.np_userId = ''; window.isAmplitudeInitialized = false; window.sha256Email = ''; function getCookieOrLocalStorage(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) { return c.substring(nameEQ.length, c.length); } } var lsValue = localStorage.getItem(name); return !!lsValue; } function sendAnalyticsData(eventType, props, cb) { var json = { data: {} }; json.userToken = np_userId; json.data.adsParams = $.cookie('AdsParameters'); json.data.ga = $.cookie('_ga'); json.data.gac = $.cookie('_gac_UA-88868916-2'); json.data.userAgent = navigator.userAgent; json.data.eventType = eventType; json.data.props = props; $.ajax({ 'type': 'POST', 'url': '/Feedback/SendAdsLog', 'contentType': 'application/json; charset=utf-8', 'data': JSON.stringify(json), 'dataType': 'json', 'complete': cb || function() {} }); } function initializeAmplitudeUser() { if (isAmplitudeInitialized) { return; } isAmplitudeInitialized = true; if (clientUserId > 0) { identifyAmplitudeUser(clientUserId, clientUserName); } else { identifyAmplitudeUser(null); } } function sendAmplitudeAnalyticsData(eventName, eventProperties, userProperties, callback_function) { initializeAmplitudeUser(); if (userProperties) { if(userProperties.utm_source || userProperties.utm_campaign) { var identify = new amplitude.Identify(); identify.setOnce("utm_campaign", userProperties.utm_campaign); identify.setOnce("utm_source", userProperties.utm_source); identify.setOnce("utm_content", userProperties.utm_content); identify.setOnce("utm_group", userProperties.utm_group); identify.setOnce("utm_term", userProperties.utm_term); identify.setOnce("utm_page", userProperties.utm_page); identify.setOnce("utm_page2", userProperties.utm_page); identify.setOnce("referrer", userProperties.referrer); amplitude.getInstance().identify(identify); userProperties.utm_source_last = userProperties.utm_source; userProperties.utm_campaign_last = userProperties.utm_campaign; userProperties.utm_content_last = userProperties.utm_content; userProperties.utm_group_last = userProperties.utm_group; userProperties.utm_term_last = userProperties.utm_term; userProperties.utm_page_last = userProperties.utm_page; } var userProps = objectWithoutProperties(userProperties, ["utm_campaign", "utm_source","utm_content", "utm_term", "utm_page", "utm_group", "referrer"]); amplitude.getInstance().setUserProperties(userProps); } if (!eventProperties) { eventProperties = {}; } eventProperties.WebSite = 'true'; eventProperties.IsAuthenticated = window.isAuthenticated; eventProperties.country_code = getCountryCode(); eventProperties.lang = window.currentLang || ''; var fullPageUrl = window.location.pathname.split('?')[0]; eventProperties.full_page_url = fullPageUrl; eventProperties.page_url = clearPageUrl(fullPageUrl); if (typeof callback_function === 'function') { amplitude.getInstance().logEvent(eventName, eventProperties, callback_function); } else { amplitude.getInstance().logEvent(eventName, eventProperties); } } function identifyAmplitudeUser(userId, token) { if (userId) { amplitude.getInstance().setUserProperties({ "Token": token, "UserId": userId }); } var identify = new amplitude.Identify(); amplitude.getInstance().identify(identify); if (userId) { amplitude.getInstance().setUserId(userId); } } function getUtmParamsFromUrl() { var hash = window.location.hash; var url = new URL(window.location.href); if (hash && hash.indexOf('utm_') >= 0) { url = new URL(window.location.origin + window.location.pathname + hash.replace('#', '?')); } if (!url.searchParams) { return ''; } return getUtmParams(url); } function hasGoogleIdFromUrl() { var url = new URL(window.location.href); if (!url.searchParams) { return false; } return !!url.searchParams.get('gclid'); } function sendAnalyticsFromUrl(referrer, pageType) { var urlIsAvailable = typeof URL === "function" || (navigator.userAgent.indexOf('MSIE') !== -1 && typeof URL === 'object'); if (!urlIsAvailable) { return; } var utmParams = getUtmParamsFromUrl(); if (!utmParams) { return; } var gclidFromUrl = utmParams.gclid; var utmParamsFromUrl = !!utmParams.utmSource || !!utmParams.utmCampaign || !!utmParams.gclid; if (!utmParamsFromUrl && userHasAdsParams) { utmParams = getUtmParamsFromCookie(); } var canLog = canLogToAmplitude(pageType); if (utmParamsFromUrl || utmSourceFromReferrer) { var fullPageUrl = window.location.pathname.split('?')[0]; var pageUrl = clearPageUrl(fullPageUrl); var userProps = { "utm_source": utmParams.utmSource, "utm_campaign": utmParams.utmCampaign, "utm_content": utmParams.utmContent, "utm_group": utmParams.utmGroup, "utm_term": utmParams.utmTerm, "utm_page": getUtmPageValue(pageUrl), "utm_lang": window.currentLang || '', "referrer": referrer }; if (gclidFromUrl) { var landingUrl = pageUrl.startsWith('/') && pageUrl !== '/' ? pageUrl.substr(1) : pageUrl; userProps.landing_page = landingUrl; var event = { 'Page': landingUrl, 'Url': window.location.href, 'utm_campaign_event': utmParams.utmCampaign, 'utm_group_event': utmParams.utmGroup } sendAmplitudeAnalyticsData('Landing Page', event, userProps); } else { var eventProps = { "utm_source": utmParams.utmSource, "utm_campaign": utmParams.utmCampaign, "utm_content": utmParams.utmContent, "utm_group": utmParams.utmGroup, "utm_term": utmParams.utmTerm }; if (utmParams.utmSource === "elastic") { sendAmplitudeAnalyticsData('Email Click', eventProps); } if (canLog) { sendAmplitudeAnalyticsData('Campaign', eventProps, userProps); } } } if (logPageEvent && canLog || (pageType === 'Pricing Page' && window.isValidCountry(true))) { var pageEventProps = { 'type': pageType, 'accepted_country': isValidCountry(), 'force_log': !canLog }; if (utmParams.gclid) { pageEventProps.googleClickId = utmParams.gclid; } sendAmplitudeAnalyticsData('Page View', pageEventProps); } } document.addEventListener('DOMContentLoaded', function () { if (location.href.indexOf('/frame/') === -1 && window.location.href.indexOf('skipCookie') === -1) { PureCookie.initCookieConsent(); } setCountryCode('https://location.nicepagesrv.com/country'); setUserIdCookie(); var referrer = ''; var pageType = 'Block Detail Page'; sendAnalyticsFromUrl(referrer, pageType); }); </script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } var consentDefaultValue = 'granted'; gtag('consent', 'default', { 'ad_storage': consentDefaultValue, 'ad_user_data': consentDefaultValue, 'ad_personalization': consentDefaultValue, 'analytics_storage': consentDefaultValue }); if (hasGoogleIdFromUrl()) { useExternalGtmCode = 1; } </script>  <script> if (useExternalGtmCode) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://load.api9.nicepage.com/nldlswob.js?st='+i+dl+'';f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','W76XGFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W76XGFR'); } </script>   <script> if(window.hideFacebookPixelCode !== true) { !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); var fbInitOptions = { em: '' }; if (clientUserId > 0) { fbInitOptions.external_id = clientUserId; } fbq('init', '251025992170426', fbInitOptions); fbq('track', 'PageView'); } </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=251025992170426&ev=PageView&noscript=1" /></noscript>   <script type="text/javascript"> (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") ;r.type="text/javascript" ;r.integrity="sha384-d/yhnowERvm+7eCU79T/bYjOiMmq4F11ElWYLmt0ktvYEVgqLDazh4+gW9CKMpYW" ;r.crossOrigin="anonymous";r.async=true ;r.src="https://cdn.amplitude.com/libs/amplitude-5.2.2-min.gz.js" ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ console.log("[Amplitude] Error: could not load SDK")}} ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) ;function s(e,t){e.prototype[t]=function(){ this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} var o=function(){this._q=[];return this} ;var a=["add","append","clearAll","prepend","set","setOnce","unset"] ;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[] ;return this} ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] ;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] ;function v(e){function t(t){e[t]=function(){ e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ e=(!e||e.length===0?"$default_instance":e).toLowerCase() ;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]} ;e.amplitude=n})(window,document); amplitude.getInstance().init("878f4709123a5451aff838c1f870b849"); </script> <script> var shareasaleSSCID=shareasaleGetParameterByName("sscid");function shareasaleSetCookie(e,a,r,s,t){if(e&&a){var o,n=s?"; path="+s:"",i=t?"; domain="+t:"",S="";r&&((o=new Date).setTime(o.getTime()+r),S="; expires="+o.toUTCString()),document.cookie=e+"="+a+S+n+i+"; SameSite=None;Secure"}}function shareasaleGetParameterByName(e,a){a||(a=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var r=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(a);return r?r[2]?decodeURIComponent(r[2].replace(/\+/g," ")):"":null}shareasaleSSCID&&shareasaleSetCookie("shareasaleSSCID",shareasaleSSCID,94670778e4,"/"); </script> <link rel="preconnect" href="https://images01.nicepagecdn.com" /> <link rel="preconnect" href="https://csite.nicepage.com" />  <script> window.serverSettings = { fbAppId: '290410448063109', googleAppId: '13150095650-mo8psu2colep6uv90a2mu6r87u87s35a.apps.googleusercontent.com' }; </script> <script src="https://accounts.google.com/gsi/client?hl=en" async></script> <script src="//csite.nicepage.com/Scripts/Site/auth-common.js?version=1662e8971b75e227453abf2b0c0bb260dcad244d" defer></script> <link rel="canonical" href="https://nicepage.com/ht/2180906/group-with-text-and-button-html-template" /> <script> function sendLogToAmplitude(eventName, eventProps) { if (canLogToAmplitude()) { sendAmplitudeAnalyticsData(eventName, eventProps); } } document.addEventListener("DOMContentLoaded", function () { // Click outside of the modal and close it window.onclick = function (e) { if ($(e.target).is('.modal')) { closeModal($(e.target)); } }; // Use the escape key to close modal document.onkeyup = function (e) { e = e || window.event; if (e.keyCode == 27 && $('.modal--show').length === 1) { closeModal($('.modal--show')); } }; var eventProps = {'Route': 'html-templates', 'Id': 2180906, 'PageType': 'Block Detail Page', 'Lang': ''}; var sendData = function(action, cb) { if (typeof fbq === 'function') { fbq('track', 'Download'); } if (typeof sendAnalyticsData === 'function') { sendAnalyticsData(action !== 'edit-online' ? 'download' : 'edit-online', eventProps, cb); } else { cb(); } } var sendAnalyticOrTimeout = decorateTimeout(sendData, 3000); $('.mac-download').click(function (e) { e.preventDefault(); eventProps.AppName = 'mac-app'; sendLogToAmplitude('Download', eventProps); showModal("sec-mac-download"); showDownloadHint(); sendAnalyticOrTimeout('mac-app', function () { window.location = '/get/mac/'; }); }); $('.win-download').click(function (e) { e.preventDefault(); eventProps.AppName = 'win-app'; sendLogToAmplitude('Download', eventProps); showModal("sec-win-download"); showDownloadHint(); sendAnalyticOrTimeout('win-app', function () { window.location = '/get/windows/'; }); }); $('.edit-online-btn, .edit-online-link').click(function (e) { e.preventDefault(); eventProps.AppName = 'online'; sendLogToAmplitude('Template Edit Online', eventProps); sendAnalyticOrTimeout('edit-online', function () { window.location = '/Editor/Dashboard/EditOnline/2180906'; }); }); }); </script> <style> h1 { text-transform: capitalize; font-size: 32px; margin: 10px 0 20px; } h2 { font-size: 28px; } .download-btn-container { padding-bottom: 10px; } .preview-row .media-image { border: none; aspect-ratio: attr(width) / attr(height); } .preview-row { position: relative; margin-bottom: 40px; } .preview-row img, .preview-row .hover-like-lightbox { display: inline-block; } .preview-row .hover-like-lightbox { overflow: visible; } .hover-like-lightbox:hover:after { display: block; content: ""; background: rgba(0, 0, 0, .2) 100% 100% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mockup-shadow { max-width: 100%; } .mockup-shadow:before { bottom: 0; box-shadow: 3px 3px 15px rgba(0, 0, 0, .3); display: block; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .small-icon { vertical-align: middle; display: inline-block; } .u-icon { vertical-align: middle; height: 40px; display: inline-block; } .icon-g { fill: #999; width: 48px; height: 48px; position: relative; top: 8px; margin-right: 12px; } .page-description-block { margin-top: 30px; font-size: 18px; line-height: 1.75; text-align: left; } .auth-page-description-block { line-height: 1.75; font-size: 14px; } .page-subtitle { margin: 20px 0; font-size: 18px; line-height: 1.75; } .page-description-block h3 { margin-bottom: 20px; } .win-download, .mac-download, .edit-online-btn { color: #fff; padding: 10px 30px; margin-bottom: 10px; font-size: 20px; line-height: 1.4; display: inline-block; } .top-btn { margin: 0 0 20px 0; } @media (min-width: 991px) and (max-width: 1200px) { .win-download, .mac-download, .edit-online-btn { padding: 10px 26px; font-size: 16px; } } @media(max-width: 768px) { .win-download, .mac-download, .edit-online-btn { margin: 10px 0; font-size: 16px; } } .mac-download { margin-left: 10px; background-color: #4399fa; border-color: #4399fa; } .mac-download:hover, .mac-download:focus { color: #fff; background-color: #2e8dfa; border-color: #2e8dfa; } .win-download { background-color: #f15048; border-color: #f15048; } .win-download:hover, .win-download:focus { color: #fff; background-color: #ef342b; border-color: #ef342b; } .edit-online-btn { margin-left: 10px; background-color: #5cb85c; border-color: #5cb85c; } .edit-online-btn.top-btn { margin: 0 0 20px 0; max-width: 335px; width: 100%; } .edit-online-btn:hover, .edit-online-btn:focus { color: #fff; background-color: #4bad4b; border-color: #4bad4b; } .feature-icon-label { vertical-align: -0.17em; margin-left: 10px; } @media (min-width: 992px) and (max-width: 1280px) { #register-input { width: 150px; font-size: 16px; padding: 6px; } #register-btn { font-size: 16px; border: none; padding: 7px 12px; font-weight: 700; } .feature-icon-label { font-size: 14px; margin-left: 5px; } } .u-svg-link { fill: #f15048; height: 40px; width: 40px; color: #f15048; position: relative; } .u-svg-content { width: 0; height: 0; } .right-feature-column { padding: 0 10px; } @media (max-width: 992px) { .right-feature-column { padding: 0 15px; } } @media (max-width: 768px) { .right-feature-column { padding-top: 10px; } } .details-keywords { margin-left: -10px; } .details-keywords a { display: inline-block; padding: 2px 10px; margin: 0 0 5px 10px; font-size: 13px; color: #777; border: 1px solid #cecece; border-radius: 20px; text-transform: lowercase; transition: .2s; } .details-keywords a:hover { text-decoration: none; color: #337ab7; border-color: #337ab7; } .details-keywords i { position: absolute; opacity: 0; } .customize-np-block { margin-top: 30px; margin-bottom: 20px; font-size: 14px; } .modal .container-layout { padding: 20px; } .modal .u-text { font-size: 28px; margin: 20px auto 0; } </style>  <!— Pinterest Tag —>  <!— end Pinterest Tag —> <style> .navbar { margin-bottom: 0; } </style> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { if (typeof IOlazy === 'function') { var lazy = new IOlazy(); } }); </script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W76XGFR" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>  <div class="wrap wrap-fluid"> <div id="top-navbar" class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand clearfix" href="https://nicepage.com"><img class="pull-left" width="123" height="40" alt="Nicepage.com" src="//csite.nicepage.com/Images/logo-w.png" /></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="logon-block nav navbar-nav nav-list navbar-left u-unstyled" style="font-size: 14px;"> <li class="dropdown"> <a href="/download">Download</a> </li> <li class="dropdown"> <a href="/features">400+ Features</a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle template-menu-item" href="/html-templates">15,000+ Templates <span class="caret"></span></a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a href="/website-templates" class="templates-url" data-urls="website-templates;templates">Website Templates</a></li> <li><a href="/website-design" class="templates-url">Website Designs</a></li> <li><a href="/wordpress-themes">WordPress Themes</a></li> <li><a href="/joomla-templates">Joomla Templates</a></li> <li><a href="/html-templates" class="templates-url" data-urls="html-templates;html5-template;css-templates">HTML Templates</a></li> </ul> </a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#"> Website Builders <span class="caret"></span> </a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a class="builder-link" href="/html-website-builder">HTML Website Builder</a></li> <li><a class="builder-link" href="/wordpress-website-builder">WordPress Website Builder</a></li> <li><a class="builder-link" href="/joomla-page-builder">Joomla Page Builder</a></li> </ul> </li> <li class="dropdown"> <a href="/premium?code=bf24">Pricing</a> </li> <li><a href="/forum">Forums</a></li> <li class="dropdown"> <a href="/blog">Blog</a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Help<span class="caret"></span></a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a href="/doc/1318/video-lessons">Video Tutorials</a></li> <li><a href="/doc">Documentation</a></li> <li><a href="/Forum/Topic/Create">Contact Support</a></li> </ul> </li> </ul> <ul class="logon-block nav navbar-nav nav-list navbar-right u-unstyled"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">EN <span class="caret"></span></a> <ul class="dropdown-menu u-unstyled" role="menu"> <li><a href="/ht/2180906/group-with-text-and-button-html-template">EN</a></li> <li><a href="/de/ht/2180906/gruppe-mit-text-und-schaltflaeche-html-vorlage">DE</a></li> <li><a href="/nl/ht/2180906/groeperen-met-tekst-en-knop-html-sjabloon">NL</a></li> <li><a href="/fr/ht/2180906/groupe-avec-texte-et-bouton-modele-html">FR</a></li> <li><a href="/it/ht/2180906/gruppo-con-testo-e-pulsante-modello-html">IT</a></li> <li><a href="/es/ht/2180906/grupo-con-texto-y-boton-plantilla-html">ES</a></li> <li><a href="/pl/ht/2180906/grupuj-z-tekstem-i-przyciskiem-szablon-html">PL</a></li> <li><a href="/pt/ht/2180906/grupo-com-texto-e-botao-modelo-html">PT</a></li> <li><a href="/tr/ht/2180906/metin-ve-duegme-ile-grup-html-sablonu">TR</a></li> <li><a href="/ru/ht/2180906/gruppa-s-tekstom-i-knopkoy-html-shablon">RU</a></li> <li><a href="/hu/ht/2180906/csoportositas-szoeveggel-es-gombbal-html-sablon">HU</a></li> <li><a href="/cs/ht/2180906/skupina-s-textem-a-tlacitko-sablona-html">CS</a></li> <li><a href="/sv/ht/2180906/grupp-med-text-och-knapp-html-mall">SV</a></li> </ul> </li> <li><a href="/Editor/Account/LogOn">Sign In</a></li><li class="divider-vertical"></li><li><a href="https://nicepage.com/Editor/Account/Register">Register</a></li><li class="divider-vertical"></li> </ul> </div> </div> </div> <section class="container-fluid" style="padding: 0; margin-bottom: 0;"> <a href="/premium?code=bf24"> <img style="margin: 0 auto; display: block; width: 100%;" alt="Cyber Monday Sale! Save up to 50% off!" src="https://images02.nicepagecdn.com/cd46d0ff82086185e4d7aa0f/06244aa6bb245ef0b0f72884/coupon_34_cm-1800-8508.jpg"/> </a> </section> <section id="" class="container"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-12"> <style> .breadcrumb { padding: 0; background-color: transparent; } .breadcrumb > .active { color: #666; } </style> <div class="row"> <div class="col-md-12"> <ol class="breadcrumb"> <li> <a href="https://nicepage.com" title="Home">Home</a> </li> <li> <a href="/html-templates" title="HTML Templates">HTML Templates</a> </li> <li> <a href="/c/group-html-templates" title="Group">Group</a> </li> <li> Group with text and button </li> </ol> </div> </div> <h1>Group with text and button HTML Template</h1> <div style="margin-bottom: 20px; font-size: 14px;"> Professional HTML templates. Responsive, fully customizable with easy Drag-n-Drop Nicepage editor. Adjust colors, fonts, header and footer, layout and other design elements, as well as content and images. </div> <div style="margin-bottom: 20px;"> <div class="pull-left"> ID <text>: </text>2180906   |   Category : <a href="/c/group-html-templates">Group</a> </div> <div class="pull-right"> <a href="/html-templates/preview/group-with-text-and-button-2180906?device=desktop" target="_blank" class="demo-link" rel="nofollow"> <div class="small-icon"> <svg id="preview" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <path fill="#808080" d="M12.6,11.8c0.4-0.6,0.7-1.3,0.7-2.2c0-2-1.6-3.7-3.7-3.7S6,7.6,6,9.7s1.6,3.7,3.7,3.7c0.8,0,1.5-0.3,2.2-0.7 l3.4,3.4l0.8-0.8C16,15.2,12.6,11.8,12.6,11.8L12.6,11.8z M9.7,12.2c-1.4,0-2.5-1.1-2.5-2.5s1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5 S11.1,12.2,9.7,12.2L9.7,12.2z" /> <polygon fill="none" points="8,4 8,1 1,1 1,15 11,15 11,15 3.5,15 3.5,5.5 11,5.5 11,4 " /> <polygon fill="#808080" points="11,15 1,15 1,1 8,1 8,4 11,4 11,5.5 12,5.5 12,3.4 8.3,0 0,0 0,16 12,16 12,14 11,14 " /> </svg> </div> <span>Demo Preview</span> </a> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="preview-row"> <a class="hover-like-lightbox mockup-shadow" href="/html-templates/preview/group-with-text-and-button-2180906?device=desktop" rel="nofollow" target="_blank"> <picture> <source srcset="https://images01.nicepagecdn.com/page/21/80/html-template-spreview-2180906.webp" type="image/webp" media="(max-width: 450px)"> <source srcset="https://images01.nicepagecdn.com/page/21/80/html-template-spreview-2180906.jpg" type="image/jpeg" media="(max-width: 450px)"> <source srcset="https://images01.nicepagecdn.com/page/21/80/html-template-preview-2180906.webp" type="image/webp"> <source srcset="https://images01.nicepagecdn.com/page/21/80/html-template-preview-2180906.jpg" type="image/jpeg"> <img alt="Group with text and button HTML Template" class="media-image img-responsive noversion" height="325" src="https://images01.nicepagecdn.com/page/21/80/html-template-preview-2180906.jpg" style="" width="750" /> </picture> </a> </div> <div style="text-align: center; padding: 20px 0 10px;"> <a class="btn btn-lg win-download" href="#" type="button">Download for Windows</a> <a class="btn btn-lg mac-download" href="#" type="button">Download for Mac</a> </div> <div class="customize-np-block"> <h2>Customize with Nicepage</h2> <p>When using <a href="/html">HTML Builder</a> you will be able to adjust colors, fonts, header and fooer, layout, columns and other design elements, as well as content and images.</p> <style> .small-video { display: none; } @media (max-width: 450px) { .small-video { display: inline-block; } .big-video { display: none; } } </style> <br/> <div> <video class="big-video embed-responsive-item lazyload lazyloading" loop="" muted="" autoplay="autoplay" playsinline="" data-src="//csite.nicepage.com/Images/Site/editor.mp4?v2" style="/* border: 1px solid #ccc; */width: 100%;"> <source type="video/mp4"> <p>Your browser does not support HTML5 video.</p> </video> <video class="small-video embed-responsive-item lazyload lazyloading" loop="" muted="" autoplay="autoplay" playsinline="" data-src="//csite.nicepage.com/Images/Site/editor-420.mp4?v2" style="/* border: 1px solid #ccc; */width: 100%;"> <source type="video/mp4"> <p>Your browser does not support HTML5 video.</p> </video>  </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <div style="margin-left: 10px;" class="hidden-sm hidden-xs"> <a class="btn btn-lg win-download top-btn" href="#" type="button">Download<br/>for Windows</a> <a class="btn btn-lg mac-download top-btn" href="#" type="button">Download<br/>for Mac</a> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div style="margin-left: 10px;"> <h3>Edit Template Offline</h3> <div class="auth-page-description-block"> 1. Download and Install the Nicepage version for Windows, Mac, WordPress and Joomla from the <a href="/download">download page</a> <br /> 2. Create a new page or select existing <br /> 3. Click Add new block, search for id <strong>2180906</strong> and click enter </div> <h3>Edit Template Online</h3> <div class="auth-page-description-block"> Start <a class="edit-online-link" href="#">edit online</a> this template on our hosting </div> <div class="page-description-block"> <h3>Create Awesome Websites</h3> <div class="row"> <div class="col-sm-6"> <img alt="WordPress Plugin" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-wp-32.png" /> <span class="feature-icon-label">WordPress</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Windows Application" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-windows-32.png" /> <span class="feature-icon-label">Windows App</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-6"> <img alt="Joomla Plugin" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-joomla-32.png" /> <span class="feature-icon-label">Joomla</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Mac OS Application" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-mac-32.png" /> <span class="feature-icon-label">Mac OS App</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-6"> <img alt="HTML5" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-html-32.png" /> <span class="feature-icon-label">HTML5</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Online Builder" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-online-32.png" /> <span class="feature-icon-label">Online</span> </div> </div> </div> <div class="page-description-block"> <h3>Free Nicepage Builder</h3> <div class="row"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 511.999 511.999"><use xlink:href="#svg-d890"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-d890" x="0px" y="0px" viewBox="0 0 511.999 511.999" style="enable-background: new 0 0 511.999 511.999;" xml:space="preserve" class="u-svg-content"><g> <g><path d="M453.034,361.322c-2.808-1.164-6.04-0.521-8.19,1.628l-82.126,82.126c-2.149,2.15-2.792,5.382-1.628,8.19 c1.162,2.809,3.904,4.639,6.943,4.639h82.126c4.151,0,7.515-3.364,7.515-7.515v-82.126 C457.673,365.225,455.842,362.485,453.034,361.322z M386.173,442.876l56.469-56.469v56.469H386.173z"></path></g></g> <g><g><path d="M507.361,240.867c-2.808-1.164-6.04-0.521-8.19,1.628l-22.507,22.507V111.971c0-4.151-3.365-7.515-7.515-7.515h-57.741 l20.96-20.96c0.003-0.003,0.006-0.007,0.009-0.01l20.196-20.196c4.327-4.327,6.71-10.083,6.71-16.203s-2.383-11.874-6.71-16.203 L429.219,7.53c-4.327-4.327-10.083-6.71-16.203-6.71s-11.875,2.383-16.203,6.71l-20.206,20.206l-24.416,24.416l-52.303,52.303 H66.62V30.11c0-4.151-3.365-7.515-7.515-7.515C26.515,22.597,0,49.11,0,81.702v319.186c0,0.555,0.064,1.095,0.178,1.615 c1.038,13.829,7.021,26.678,17.02,36.432C27.886,449.359,41.995,455.1,56.927,455.1h229.638l-43.249,43.249 c-2.149,2.15-2.792,5.381-1.629,8.19c1.163,2.808,3.904,4.639,6.943,4.639h255.855c4.15,0,7.515-3.364,7.515-7.515V247.81 C512,244.771,510.168,242.03,507.361,240.867z M407.443,18.159c3.072-3.074,8.077-3.074,11.149,0l23.355,23.355 c3.074,3.073,3.074,8.076,0,11.15l-14.891,14.892L392.55,33.051L407.443,18.159z M381.922,43.679l34.505,34.504l-13.789,13.789 l-34.503-34.504L381.922,43.679z M496.972,332.252h-13.865c-4.151,0-7.515,3.364-7.515,7.515c0,4.151,3.364,7.515,7.515,7.515 h13.865v22.646h-13.865c-4.151,0-7.515,3.364-7.515,7.515s3.364,7.515,7.515,7.515h13.865v22.645h-13.865 c-4.151,0-7.515,3.364-7.515,7.515c0,4.151,3.364,7.515,7.515,7.515h13.865v22.646h-13.865c-4.151,0-7.515,3.365-7.515,7.515 c0,4.151,3.364,7.515,7.515,7.515h13.865v35.842h-230.2l75.908-75.907c2.935-2.936,2.935-7.693,0-10.628 c-0.337-0.337-0.699-0.629-1.078-0.889c-2.926-2.004-6.952-1.709-9.551,0.889l-30.456,30.456H56.928 c-22.792,0-41.14-17.794-41.862-40.545c0.043-1.428,0.154-2.844,0.332-4.244c0.001-0.008,0.002-0.016,0.003-0.024 c0.084-0.665,0.185-1.327,0.3-1.985c0.013-0.075,0.027-0.15,0.04-0.225c0.105-0.587,0.223-1.171,0.352-1.753 c0.036-0.162,0.074-0.324,0.112-0.485c0.114-0.492,0.237-0.981,0.369-1.468c0.072-0.264,0.147-0.525,0.224-0.788 c0.11-0.382,0.224-0.763,0.345-1.14c0.121-0.377,0.25-0.75,0.381-1.123c0.091-0.261,0.181-0.522,0.279-0.781 c0.183-0.492,0.377-0.979,0.577-1.462c0.057-0.139,0.113-0.28,0.172-0.419c0.257-0.6,0.524-1.193,0.806-1.779 c0.012-0.025,0.023-0.05,0.035-0.075c5.878-12.164,17.183-21.233,30.75-24.047c0.038-0.008,0.076-0.017,0.114-0.025 c0.622-0.127,1.25-0.236,1.882-0.337c0.105-0.017,0.21-0.038,0.317-0.054c0.571-0.087,1.148-0.155,1.725-0.22 c0.162-0.018,0.323-0.043,0.486-0.059c0.557-0.056,1.119-0.093,1.681-0.128c0.178-0.011,0.356-0.03,0.534-0.039 c0.736-0.037,1.478-0.056,2.223-0.056c4.15,0,7.515-3.364,7.515-7.515v-54.489c0-4.151-3.365-7.515-7.515-7.515 c-4.15,0-7.515,3.364-7.515,7.515v47.447c-12.69,1.605-24.469,7.265-33.757,16.335c-0.977,0.954-1.903,1.946-2.805,2.954V81.702 c0-21.741,15.826-39.858,36.561-43.436v73.705v152.777v0.001c0,4.15,3.365,7.515,7.515,7.515c4.15,0,7.515-3.365,7.515-7.515 v-0.001V119.486h218.24l-41.544,41.544c-2.935,2.936-2.935,7.693,0,10.628c2.935,2.934,7.693,2.934,10.627,0l54.373-54.373 c0.002-0.002,0.003-0.004,0.005-0.005l49.185-49.185l34.503,34.505l-4.048,4.048c-0.003,0.003-0.007,0.006-0.01,0.009 l-151.528,151.53l-34.504-34.504l29.868-29.868c2.935-2.936,2.935-7.693,0-10.628c-2.935-2.934-7.693-2.934-10.627,0 l-35.183,35.182c-0.188,0.188-0.364,0.387-0.529,0.591c-0.055,0.068-0.104,0.141-0.156,0.212c-0.106,0.141-0.21,0.283-0.307,0.431 c-0.055,0.086-0.105,0.174-0.157,0.263c-0.083,0.14-0.163,0.282-0.236,0.427c-0.048,0.094-0.091,0.189-0.135,0.287 c-0.067,0.147-0.129,0.297-0.186,0.447c-0.02,0.053-0.046,0.103-0.065,0.156l-14.641,41.475l-9.982,28.279 c-0.132,0.376-0.227,0.758-0.298,1.143h-24.992c-4.15,0-7.515,3.364-7.515,7.515c0,4.151,3.365,7.515,7.515,7.515h208.114 c4.151,0,7.515-3.364,7.515-7.515c0-4.151-3.364-7.515-7.515-7.515H193.093l45.83-16.178c0.038-0.014,0.074-0.033,0.112-0.047 c0.178-0.066,0.353-0.14,0.526-0.219c0.069-0.032,0.138-0.062,0.205-0.095c0.18-0.09,0.357-0.189,0.531-0.295 c0.056-0.034,0.114-0.065,0.169-0.1c0.181-0.116,0.357-0.243,0.53-0.377c0.043-0.033,0.088-0.062,0.13-0.096 c0.209-0.168,0.414-0.349,0.608-0.543l154.644-154.643h65.255v160.546L354.137,387.53c-2.935,2.936-2.935,7.693,0,10.628 c0.183,0.183,0.374,0.355,0.571,0.516c1.378,1.123,3.061,1.685,4.743,1.685s3.366-0.562,4.743-1.685 c0.197-0.16,0.388-0.333,0.571-0.516c0.003-0.003,0,0,0.003-0.003L496.972,265.95V332.252z M222.677,265.696l-21.526,7.599 l-14.342-14.342l7.599-21.526L222.677,265.696z"></path></g></g> </svg> </div> <span class="feature-icon-label">15,000+ Web Templates</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-b020"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-b020" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><path d="M458.667,192H352c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h106.667c17.643,0,32,14.357,32,32 v213.333c0,17.643-14.357,32-32,32H245.333c-17.643,0-32-14.357-32-32v-85.333c0-5.888-4.779-10.667-10.667-10.667 S192,367.445,192,373.333v85.333C192,488.064,215.936,512,245.333,512h213.333C488.064,512,512,488.064,512,458.667V245.333 C512,215.936,488.064,192,458.667,192z"></path></g></g> <g><g><path d="M160,298.667h-10.667c-5.888,0-10.667,4.779-10.667,10.667S143.445,320,149.333,320H160 c5.888,0,10.667-4.779,10.667-10.667S165.888,298.667,160,298.667z"></path></g></g> <g><g><g> <path d="M62.741,0h-9.408C48.235,0,43.2,0.725,38.357,2.133c-5.653,1.664-8.896,7.595-7.253,13.248 c1.365,4.651,5.632,7.659,10.24,7.659c1.003,0,2.005-0.128,3.008-0.427c2.901-0.853,5.909-1.28,8.981-1.28h9.408 c5.909,0,10.667-4.779,10.667-10.667S68.629,0,62.741,0z"></path> <path d="M21.333,257.216v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,229.76,0,235.648v21.568 c0,5.888,4.779,10.667,10.667,10.667S21.333,263.104,21.333,257.216z"></path> <path d="M10.667,203.179c5.888,0,10.667-4.779,10.667-10.667v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,165.056,0,170.944 v21.568C0,198.4,4.779,203.179,10.667,203.179z"></path> <path d="M10.667,73.792c5.888,0,10.667-4.779,10.667-10.667v-9.792c0-2.965,0.405-5.888,1.195-8.704 c1.6-5.675-1.685-11.563-7.36-13.163c-5.632-1.685-11.563,1.664-13.163,7.36C0.683,43.541,0,48.427,0,53.333v9.792 C0,69.013,4.779,73.792,10.667,73.792z"></path> <path d="M10.667,138.496c5.888,0,10.667-4.779,10.667-10.667v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,100.373,0,106.261 v21.568C0,133.717,4.779,138.496,10.667,138.496z"></path> <path d="M44.587,297.451c-5.163-1.472-9.941-4.267-13.781-8.085c-4.16-4.16-10.923-4.117-15.083,0.043 c-4.16,4.181-4.139,10.944,0.043,15.083c6.4,6.379,14.357,11.029,22.997,13.483c0.981,0.277,1.963,0.405,2.923,0.405 c4.629,0,8.917-3.051,10.24-7.744C53.547,304.96,50.261,299.051,44.587,297.451z"></path> <path d="M307.605,51.968c0.981,0,1.984-0.128,2.987-0.448c5.653-1.664,8.917-7.573,7.253-13.227 c-2.517-8.619-7.253-16.533-13.675-22.891c-4.181-4.139-10.944-4.117-15.083,0.085c-4.139,4.181-4.096,10.944,0.085,15.083 c3.84,3.84,6.699,8.576,8.192,13.717C298.731,48.939,302.976,51.968,307.605,51.968z"></path> <path d="M256.832,0h-21.568c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.568 c5.888,0,10.667-4.779,10.667-10.667S262.72,0,256.832,0z"></path> <path d="M106.219,298.667H84.651c-5.888,0-10.667,4.779-10.667,10.667S78.763,320,84.651,320h21.568 c5.888,0,10.667-4.779,10.667-10.667S112.107,298.667,106.219,298.667z"></path> <path d="M309.333,73.6c-5.888,0-10.667,4.779-10.667,10.667v21.568c0,5.888,4.779,10.667,10.667,10.667S320,111.723,320,105.835 V84.267C320,78.357,315.221,73.6,309.333,73.6z"></path> <path d="M192.149,0h-21.568c-5.909,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.547 c5.909,0,10.688-4.779,10.688-10.667S198.037,0,192.149,0z"></path> <path d="M127.445,0h-21.568c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.568 c5.888,0,10.667-4.779,10.667-10.667S133.333,0,127.445,0z"></path> </g></g></g> <g><g><path d="M309.333,138.667c-5.888,0-10.667,4.779-10.667,10.667V160c0,5.888,4.779,10.667,10.667,10.667S320,165.888,320,160 v-10.667C320,143.445,315.221,138.667,309.333,138.667z"></path></g></g> <g><g><path d="M349.952,185.515l-33.067-33.067c-12.971-12.971-34.112-12.971-47.083,0c-3.883,3.883-6.613,8.512-8.171,13.419 c-11.627-4.053-25.536-1.045-34.496,7.915c-4.885,4.885-7.915,10.923-9.131,17.237c-10.176-1.429-20.8,2.027-28.203,9.429 c-7.083,7.083-10.304,16.576-9.664,25.856c-7.189,0.981-13.824,4.245-19.029,9.451c-6.293,6.293-9.749,14.656-9.749,23.552 s3.456,17.28,9.749,23.552l9.557,9.557v38.251C170.667,360.064,194.603,384,224,384h43.733C331.84,384,384,331.84,384,267.733 C384,236.693,371.904,207.488,349.952,185.515z M267.733,362.667H224c-17.643,0-32-14.357-32-32v-16.917l24.469,24.469 c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552c0-2.731-1.045-5.461-3.115-7.552l-55.36-55.36 c-2.261-2.24-3.499-5.269-3.499-8.448c0-3.179,1.237-6.187,3.499-8.448c4.523-4.523,12.395-4.523,16.917,0l23.36,23.36 c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552c0-2.731-1.045-5.461-3.115-7.531l-26.667-26.667 c-4.672-4.672-4.672-12.245,0-16.917c4.523-4.523,12.395-4.523,16.917,0l16,16c4.16,4.16,10.923,4.16,15.083,0 c2.069-2.091,3.115-4.821,3.115-7.552s-1.045-5.461-3.115-7.531l-10.667-10.667c-4.672-4.672-4.672-12.245,0-16.917 c4.523-4.523,12.395-4.523,16.917,0l10.667,10.667c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552 s-1.045-5.461-3.136-7.552c-2.261-2.24-3.499-5.248-3.499-8.448s1.259-6.208,3.52-8.448c4.672-4.672,12.245-4.672,16.917,0 l33.067,33.067c17.92,17.92,27.797,41.771,27.797,67.115C362.667,320.085,320.085,362.667,267.733,362.667z"></path></g></g> </svg> </div> <span class="feature-icon-label">Easy Drag-n-Drop</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-b97a"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-b97a" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><g> <path d="M106,121.083c-2.135-2.135-5.01-3.24-8.104-3.115c-3.021,0.167-5.823,1.594-7.729,3.948 c-30.635,37.844-47.5,85.458-47.5,134.083c0,117.635,95.698,213.333,213.333,213.333c48.625,0,96.24-16.865,134.083-47.5 c2.354-1.906,3.781-4.708,3.948-7.729c0.156-3.021-0.979-5.969-3.115-8.104L106,121.083z M256,448c-105.865,0-192-86.135-192-192 c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z"></path> <path d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,490.667 C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333S490.667,126.604,490.667,256S385.396,490.667,256,490.667 z"></path> <path d="M256,42.667c-48.625,0-96.24,16.865-134.083,47.5c-2.354,1.906-3.781,4.708-3.948,7.729 c-0.156,3.021,0.979,5.969,3.115,8.104L406,390.917c2,2.01,4.719,3.125,7.542,3.125c0.188,0,0.375,0,0.563-0.01 c3.021-0.167,5.823-1.594,7.729-3.948c30.635-37.844,47.5-85.458,47.5-134.083C469.333,138.365,373.635,42.667,256,42.667z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"></path> </g></g></g> </svg> </div> <span class="feature-icon-label">No Coding</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-1e24"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-1e24" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><path d="M485.547,251.733h-58.88v-153.6C426.638,74.581,407.552,55.495,384,55.467H128c-23.552,0.028-42.638,19.114-42.667,42.667 v51.2H38.519C17.255,149.357,0.023,166.589,0,187.853v230.161c0.023,21.264,17.255,38.496,38.519,38.519h136.294 c16.24-0.049,30.7-10.294,36.13-25.6H358.4c4.713,0,8.533-3.82,8.533-8.533v-17.067c0-14.138-11.462-25.6-25.6-25.6h-25.6V345.6 H384v84.48c0,14.61,11.844,26.453,26.453,26.453h75.093c14.61,0,26.453-11.844,26.453-26.453V278.187 C512,263.577,500.156,251.733,485.547,251.733z M196.267,418.014c-0.009,11.844-9.609,21.443-21.453,21.453H38.519 c-11.844-0.009-21.443-9.609-21.453-21.453v-4.147h179.2V418.014z M196.267,396.8h-179.2V209.067h179.2V396.8z M196.267,192 h-179.2v-4.147c0.009-11.844,9.609-21.443,21.453-21.453h136.294c11.844,0.009,21.443,9.609,21.453,21.453V192z M341.333,396.8 c4.713,0,8.533,3.821,8.533,8.533v8.533H213.333V396.8H341.333z M213.333,379.733V345.6h85.333v34.133H213.333z M384,328.533 h-76.8h-93.867v-25.6H384V328.533z M384,278.187v7.68H213.333v-98.014c-0.024-21.264-17.256-38.496-38.519-38.519H102.4v-51.2 c0-14.138,11.461-25.6,25.6-25.6h256c14.138,0,25.6,11.461,25.6,25.6v153.685C395.358,252.278,384.039,263.937,384,278.187z M494.933,430.08c0,5.184-4.203,9.387-9.387,9.387h-75.093c-5.184,0-9.387-4.203-9.387-9.387v-7.68h93.867V430.08z M494.933,405.333h-93.867v-102.4h93.867V405.333z M494.933,285.867h-93.867v-7.68c0-5.184,4.203-9.387,9.387-9.387h75.093 c5.184,0,9.387,4.203,9.387,9.387V285.867z"></path></g></g> </svg> </div> <span class="feature-icon-label">Mobile-Friendly</span> </div> </div> </div> <div class="page-description-block"> <h3>Keywords</h3> <div class="row"> <div class="col-sm-12"> <script> document.addEventListener("DOMContentLoaded", function () { ProcessKeywords('#Keywords', '#details-keywords', '#add-keywords', true, false, false, { 'url': '/k/%7B0%7D-html-templates', 'noFollow': false }); }); </script> <input id="Keywords" name="Keywords" type="hidden" value="ready;modern;icon;isolated;paper" /> <p class="details-keywords" id="details-keywords"></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <h3>Design Set (21)</h3> <ul class="thumbnails thumbnails-loading list-unstyled"> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 902px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5895339/a-custom-private-adventure-html-template" style="width:260px; height: 852px;" title="Landing Page"><img alt="Landing Page" class="media-image noversion" src="https://images01.nicepagecdn.com/page/58/95/html-template-5895339.jpg" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/58/95/html-template-full-5895339.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5895339/a-custom-private-adventure-html-template" title="Landing Page">Landing Page</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 937px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5894829/luxury-small-group-travel-experience-html-template" style="width:260px; height: 887px;" title="Portfolio Page"><img alt="Portfolio Page" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/94/html-template-5894829.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/58/94/html-template-full-5894829.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5894829/luxury-small-group-travel-experience-html-template" title="Portfolio Page">Portfolio Page</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 699px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2180621/unique-adventures-and-resorts-html-template" style="width:260px; height: 649px;" title="Home Page"><img alt="Home Page" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/80/html-template-2180621.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/21/80/html-template-full-2180621.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/2180621/unique-adventures-and-resorts-html-template" title="Home Page">Home Page</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 640px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5893151/a-unique-journey-html-template" style="width:260px; height: 590px;" title="About Page"><img alt="About Page" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/93/html-template-5893151.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/58/93/html-template-full-5893151.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5893151/a-unique-journey-html-template" title="About Page">About Page</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 185px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5893986/heading-and-circle-shape-html-template" style="width:260px; height: 135px;" title="Text"><img alt="Text" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/93/html-template-5893986.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5893986/heading-and-circle-shape-html-template" title="Text">Text</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 226px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5893330/we-design-adventures-from-the-ground-up-around-your-goals-html-template" style="width:260px; height: 176px;" title="Text On Image"><img alt="Text On Image" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/93/html-template-5893330.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5893330/we-design-adventures-from-the-ground-up-around-your-goals-html-template" title="Text On Image">Text On Image</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 270px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5894534/we-create-luxury-travel-experiences-html-template" style="width:260px; height: 220px;" title="About Us"><img alt="About Us" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/94/html-template-5894534.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5894534/we-create-luxury-travel-experiences-html-template" title="About Us">About Us</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 152px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5895799/a-curiosity-that-drives-us-to-adventure-html-template" style="width:260px; height: 102px;" title="Counter"><img alt="Counter" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/95/html-template-5895799.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5895799/a-curiosity-that-drives-us-to-adventure-html-template" title="Counter">Counter</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 126px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5894484/simple-counters-html-template" style="width:260px; height: 76px;" title="Counter"><img alt="Counter" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/94/html-template-5894484.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5894484/simple-counters-html-template" title="Counter">Counter</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 194px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2184026/small-group-tours-and-adventure-travel-html-template" style="width:260px; height: 144px;" title="Text"><img alt="Text" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/84/html-template-2184026.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2184026/small-group-tours-and-adventure-travel-html-template" title="Text">Text</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 420px;"> <div class="download-block " style="background-color: #363636; "> <img class="lazyload" data-src="//images01.nicepage.com/a122014e1e8cdf24af08f98c/20a096fad2aa5e36b4b599e4/drag-n-drop-small-animation-dark.gif" alt="Easy Drag and Drop Editor" /> <div style="color: #ffffff;" class="download-title">Easy Drag and Drop Editor</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 154px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2180590/full-service-travel-agency-html-template" style="width:260px; height: 104px;" title="Features"><img alt="Features" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/80/html-template-2180590.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2180590/full-service-travel-agency-html-template" title="Features">Features</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 218px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5894617/testimonials-with-texts-html-template" style="width:260px; height: 168px;" title="Testimonials"><img alt="Testimonials" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/94/html-template-5894617.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5894617/testimonials-with-texts-html-template" title="Testimonials">Testimonials</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 163px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2180906/group-with-text-and-button-html-template" style="width:260px; height: 113px;" title="Group"><img alt="Group" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/80/html-template-2180906.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2180906/group-with-text-and-button-html-template" title="Group">Group</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 226px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5895313/the-most-unique-experiences-in-the-world-html-template" style="width:260px; height: 176px;" title="Text On Image"><img alt="Text On Image" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/95/html-template-5895313.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5895313/the-most-unique-experiences-in-the-world-html-template" title="Text On Image">Text On Image</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 173px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2183927/text-groups-in-grid-html-template" style="width:260px; height: 123px;" title="Text"><img alt="Text" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/83/html-template-2183927.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2183927/text-groups-in-grid-html-template" title="Text">Text</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 226px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5895460/a-custom-private-adventure-made-just-for-you-html-template" style="width:260px; height: 176px;" title="Text On Image"><img alt="Text On Image" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/95/html-template-5895460.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5895460/a-custom-private-adventure-made-just-for-you-html-template" title="Text On Image">Text On Image</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 259px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5895605/craft-your-trip-with-us-html-template" style="width:260px; height: 209px;" title="Shapes"><img alt="Shapes" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/95/html-template-5895605.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5895605/craft-your-trip-with-us-html-template" title="Shapes">Shapes</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 182px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2183829/travel-agency-in-north-america-html-template" style="width:260px; height: 132px;" title="Text & Button"><img alt="Text & Button" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/83/html-template-2183829.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2183829/travel-agency-in-north-america-html-template" title="Text & Button">Text & Button</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 347px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2180589/yoga-and-meditation-retreat-html-template" style="width:260px; height: 297px;" title="Shapes"><img alt="Shapes" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/80/html-template-2180589.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2180589/yoga-and-meditation-retreat-html-template" title="Shapes">Shapes</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 258px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2180941/mountains-tour-packages-html-template" style="width:260px; height: 208px;" title="Group"><img alt="Group" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/80/html-template-2180941.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2180941/mountains-tour-packages-html-template" title="Group">Group</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 320px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <div style="color: #3c3c3c;" class="download-title">Free Website Builder Software</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 257px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2184061/travel-company-html-template" style="width:260px; height: 207px;" title="Travel Company"><img alt="Travel Company" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/84/html-template-2184061.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2184061/travel-company-html-template" title="Travel Company">Travel Company</a> </div> </li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <h3>More from Group Blocks</h3> <ul class="thumbnails thumbnails-loading list-unstyled"> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 173px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6002486/special-offer-for-new-clients-html-template" style="width:260px; height: 123px;" title="Special Offer For New Clients"><img alt="Special Offer For New Clients" class="media-image noversion" src="https://images01.nicepagecdn.com/page/60/02/html-template-6002486.jpg" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6002486/special-offer-for-new-clients-html-template" title="Special Offer For New Clients">Special Offer For New Clients</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 283px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4074622/we-are-creative-team-html-template" style="width:260px; height: 233px;" title="We Are Creative Team"><img alt="We Are Creative Team" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/40/74/html-template-4074622.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/4074622/we-are-creative-team-html-template" title="We Are Creative Team">We Are Creative Team</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 329px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5861449/we-buy-design-build-and-sell-homes-html-template" style="width:260px; height: 279px;" title="We Buy, Design, Build, And Sell Homes"><img alt="We Buy, Design, Build, And Sell Homes" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/61/html-template-5861449.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5861449/we-buy-design-build-and-sell-homes-html-template" title="We Buy, Design, Build, And Sell Homes">We Buy, Design, Build, And Sell Homes</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 232px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4009066/cycling-club-values-html-template" style="width:260px; height: 182px;" title="Cycling Club Values"><img alt="Cycling Club Values" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/40/09/html-template-4009066.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/4009066/cycling-club-values-html-template" title="Cycling Club Values">Cycling Club Values</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 268px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6019032/we-are-a-team-of-multidisciplinary-designers-html-template" style="width:260px; height: 218px;" title="We Are A Team Of Multidisciplinary Designers"><img alt="We Are A Team Of Multidisciplinary Designers" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/19/html-template-6019032.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6019032/we-are-a-team-of-multidisciplinary-designers-html-template" title="We Are A Team Of Multidisciplinary Designers">We Are A Team Of Multidisciplinary Designers</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 249px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6188628/we-will-bring-you-the-online-exposure-you-need-to-succeed-html-template" style="width:260px; height: 199px;" title="We Will Bring You The Online Exposure You Need To Succeed"><img alt="We Will Bring You The Online Exposure You Need To Succeed" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/88/html-template-6188628.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6188628/we-will-bring-you-the-online-exposure-you-need-to-succeed-html-template" title="We Will Bring You The Online Exposure You Need To Succeed">We Will Bring You The Online Exposure You Need To Succeed</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 202px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1057184/popular-templates-html-template" style="width:260px; height: 152px;" title="Popular Templates"><img alt="Popular Templates" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/10/57/html-template-1057184.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1057184/popular-templates-html-template" title="Popular Templates">Popular Templates</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 194px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6381633/unleashing-potential-with-ai-html-template" style="width:260px; height: 144px;" title="Unleashing Potential With AI"><img alt="Unleashing Potential With AI" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/81/html-template-6381633.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6381633/unleashing-potential-with-ai-html-template" title="Unleashing Potential With AI">Unleashing Potential With AI</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 232px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3546093/starting-learning-for-free-html-template" style="width:260px; height: 182px;" title="Starting Learning For Free"><img alt="Starting Learning For Free" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/35/46/html-template-3546093.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3546093/starting-learning-for-free-html-template" title="Starting Learning For Free">Starting Learning For Free</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 271px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3838480/open-lessons-html-template" style="width:260px; height: 221px;" title="Open Lessons HTML Template"><img alt="Open Lessons HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/38/38/html-template-3838480.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3838480/open-lessons-html-template" title="Open Lessons HTML Template">Open Lessons HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 420px;"> <div class="download-block " style="background-color: #363636; "> <img class="lazyload" data-src="//images01.nicepage.com/a122014e1e8cdf24af08f98c/20a096fad2aa5e36b4b599e4/drag-n-drop-small-animation-dark.gif" alt="Easy Drag and Drop Editor" /> <div style="color: #ffffff;" class="download-title">Easy Drag and Drop Editor</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 211px;" > <div class="page-image"> <a class="thumbnail" href="/ht/123536/startup-and-consultants-html-template" style="width:260px; height: 161px;" title="Startup And Consultants"><img alt="Startup And Consultants" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/12/35/html-template-123536.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/123536/startup-and-consultants-html-template" title="Startup And Consultants">Startup And Consultants</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 278px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3554665/our-story-html-template" style="width:260px; height: 228px;" title="Our Story"><img alt="Our Story" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/35/54/html-template-3554665.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3554665/our-story-html-template" title="Our Story">Our Story</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 173px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1558207/grid-with-groups-html-template" style="width:260px; height: 123px;" title="Grid With Groups"><img alt="Grid With Groups" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/15/58/html-template-1558207.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1558207/grid-with-groups-html-template" title="Grid With Groups">Grid With Groups</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 287px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4978541/we-help-you-see-the-world-differently-html-template" style="width:260px; height: 237px;" title="We Help You See The World Differently"><img alt="We Help You See The World Differently" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/49/78/html-template-4978541.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/4978541/we-help-you-see-the-world-differently-html-template" title="We Help You See The World Differently">We Help You See The World Differently</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 243px;" > <div class="page-image"> <a class="thumbnail" href="/ht/237696/you-can-reconnect-with-nature-html-template" style="width:260px; height: 193px;" title="You Can Reconnect With Nature"><img alt="You Can Reconnect With Nature" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/23/76/html-template-237696.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/237696/you-can-reconnect-with-nature-html-template" title="You Can Reconnect With Nature">You Can Reconnect With Nature</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 273px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2455151/barber-studio-html-template" style="width:260px; height: 223px;" title="Barber Studio"><img alt="Barber Studio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/24/55/html-template-2455151.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2455151/barber-studio-html-template" title="Barber Studio">Barber Studio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 218px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1731739/the-technology-of-the-future-html-template" style="width:260px; height: 168px;" title="The Technology Of The Future"><img alt="The Technology Of The Future" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/17/31/html-template-1731739.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1731739/the-technology-of-the-future-html-template" title="The Technology Of The Future">The Technology Of The Future</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 214px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1036952/varied-breakfasts-html-template" style="width:260px; height: 164px;" title="Varied Breakfasts"><img alt="Varied Breakfasts" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/10/36/html-template-1036952.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1036952/varied-breakfasts-html-template" title="Varied Breakfasts">Varied Breakfasts</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 279px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3547212/advance-your-career-html-template" style="width:260px; height: 229px;" title="Advance Your Career"><img alt="Advance Your Career" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/35/47/html-template-3547212.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3547212/advance-your-career-html-template" title="Advance Your Career">Advance Your Career</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 278px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2286754/clean-solar-energy-html-template" style="width:260px; height: 228px;" title="Clean Solar Energy HTML Template"><img alt="Clean Solar Energy HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/22/86/html-template-2286754.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2286754/clean-solar-energy-html-template" title="Clean Solar Energy HTML Template">Clean Solar Energy HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 320px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <div style="color: #3c3c3c;" class="download-title">Free Website Builder Software</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 196px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3910022/best-offer-html-template" style="width:260px; height: 146px;" title="Best Offer"><img alt="Best Offer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/39/10/html-template-3910022.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3910022/best-offer-html-template" title="Best Offer">Best Offer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 211px;" > <div class="page-image"> <a class="thumbnail" href="/ht/236785/all-about-cakes-html-template" style="width:260px; height: 161px;" title="All About Cakes"><img alt="All About Cakes" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/23/67/html-template-236785.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/236785/all-about-cakes-html-template" title="All About Cakes">All About Cakes</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 268px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5671999/brand-strategy-visual-elements-web-design-html-template" style="width:260px; height: 218px;" title="Brand Strategy, Visual Elements, Web Design"><img alt="Brand Strategy, Visual Elements, Web Design" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/56/71/html-template-5671999.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5671999/brand-strategy-visual-elements-web-design-html-template" title="Brand Strategy, Visual Elements, Web Design">Brand Strategy, Visual Elements, Web Design</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 248px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1389335/growth-strategies-in-business-html-template" style="width:260px; height: 198px;" title="Growth Strategies In Business"><img alt="Growth Strategies In Business" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/13/89/html-template-1389335.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1389335/growth-strategies-in-business-html-template" title="Growth Strategies In Business">Growth Strategies In Business</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 219px;" > <div class="page-image"> <a class="thumbnail" href="/ht/498887/browse-our-tours-html-template" style="width:260px; height: 169px;" title="Browse Our Tours"><img alt="Browse Our Tours" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/49/88/html-template-498887.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/498887/browse-our-tours-html-template" title="Browse Our Tours">Browse Our Tours</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 219px;" > <div class="page-image"> <a class="thumbnail" href="/ht/485811/cultural-tours-html-template" style="width:260px; height: 169px;" title="Cultural Tours"><img alt="Cultural Tours" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/48/58/html-template-485811.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/485811/cultural-tours-html-template" title="Cultural Tours">Cultural Tours</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 241px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2513153/full-service-engineering-html-template" style="width:260px; height: 191px;" title="Full-Service Engineering"><img alt="Full-Service Engineering" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/25/13/html-template-2513153.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2513153/full-service-engineering-html-template" title="Full-Service Engineering">Full-Service Engineering</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 173px;" > <div class="page-image"> <a class="thumbnail" href="/ht/488086/download-application-html-template" style="width:260px; height: 123px;" title="Download Application"><img alt="Download Application" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/48/80/html-template-488086.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/488086/download-application-html-template" title="Download Application">Download Application</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 301px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4736646/we-are-a-company-of-creative-thinkers-html-template" style="width:260px; height: 251px;" title="We Are A Company Of Creative Thinkers"><img alt="We Are A Company Of Creative Thinkers" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/47/36/html-template-4736646.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/4736646/we-are-a-company-of-creative-thinkers-html-template" title="We Are A Company Of Creative Thinkers">We Are A Company Of Creative Thinkers</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 203px;" > <div class="page-image"> <a class="thumbnail" href="/ht/206531/strategy-marketing-organization-html-template" style="width:260px; height: 153px;" title="Strategy, Marketing, Organization HTML Template"><img alt="Strategy, Marketing, Organization HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/20/65/html-template-206531.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/206531/strategy-marketing-organization-html-template" title="Strategy, Marketing, Organization HTML Template">Strategy, Marketing, Organization HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 280px;"> <div class="download-block " style="background-color: #363636; "> <div style="color: #ffffff;" class="download-title">Build Website with no Coding</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 273px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1672554/education-for-health-html-template" style="width:260px; height: 223px;" title="Education For Health"><img alt="Education For Health" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/16/72/html-template-1672554.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/1672554/education-for-health-html-template" title="Education For Health">Education For Health</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 192px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2657361/secret-information-html-template" style="width:260px; height: 142px;" title="Secret Information"><img alt="Secret Information" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/26/57/html-template-2657361.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/2657361/secret-information-html-template" title="Secret Information">Secret Information</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 219px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3275935/we-have-been-baking-with-organic-grain-html-template" style="width:260px; height: 169px;" title="We Have Been Baking With Organic Grain"><img alt="We Have Been Baking With Organic Grain" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/32/75/html-template-3275935.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3275935/we-have-been-baking-with-organic-grain-html-template" title="We Have Been Baking With Organic Grain">We Have Been Baking With Organic Grain</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 311px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4626284/projects-include-apartments-and-houses-html-template" style="width:260px; height: 261px;" title="Projects Include Apartments And Houses"><img alt="Projects Include Apartments And Houses" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/46/26/html-template-4626284.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/4626284/projects-include-apartments-and-houses-html-template" title="Projects Include Apartments And Houses">Projects Include Apartments And Houses</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 259px;" > <div class="page-image"> <a class="thumbnail" href="/ht/473859/my-skills-and-resume-html-template" style="width:260px; height: 209px;" title="My Skills And Resume"><img alt="My Skills And Resume" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/47/38/html-template-473859.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/473859/my-skills-and-resume-html-template" title="My Skills And Resume">My Skills And Resume</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 325px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5355673/building-growth-futures-html-template" style="width:260px; height: 275px;" title="Building Growth Futures"><img alt="Building Growth Futures" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/53/55/html-template-5355673.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5355673/building-growth-futures-html-template" title="Building Growth Futures">Building Growth Futures</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 202px;" > <div class="page-image"> <a class="thumbnail" href="/ht/229078/building-and-remodeling-html-template" style="width:260px; height: 152px;" title="Building And Remodeling"><img alt="Building And Remodeling" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/22/90/html-template-229078.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/229078/building-and-remodeling-html-template" title="Building And Remodeling">Building And Remodeling</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 277px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5062437/architecture-design-and-planning-firm-html-template" style="width:260px; height: 227px;" title="Architecture, Design And Planning Firm"><img alt="Architecture, Design And Planning Firm" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/50/62/html-template-5062437.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5062437/architecture-design-and-planning-firm-html-template" title="Architecture, Design And Planning Firm">Architecture, Design And Planning Firm</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 298px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5062767/we-help-our-clients-achieve-their-vision-for-a-better-future-html-template" style="width:260px; height: 248px;" title="We Help Our Clients Achieve Their Vision For A Better Future"><img alt="We Help Our Clients Achieve Their Vision For A Better Future" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/50/62/html-template-5062767.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5062767/we-help-our-clients-achieve-their-vision-for-a-better-future-html-template" title="We Help Our Clients Achieve Their Vision For A Better Future">We Help Our Clients Achieve Their Vision For A Better Future</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 245px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5355670/an-inclusive-and-welcoming-workplace-html-template" style="width:260px; height: 195px;" title="An Inclusive And Welcoming Workplace HTML Template"><img alt="An Inclusive And Welcoming Workplace HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/53/55/html-template-5355670.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/5355670/an-inclusive-and-welcoming-workplace-html-template" title="An Inclusive And Welcoming Workplace HTML Template">An Inclusive And Welcoming Workplace HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 420px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <img class="lazyload" data-src="//images01.nicepage.com/thumbs/a122014e1e8cdf24af08f98c/42d0c92512c25ddbb07a0447/template-builder-color_150.gif" alt="Easy Template Builder" /> <div style="color: #3c3c3c;" class="download-title">Easy Template Builder</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 206px;" > <div class="page-image"> <a class="thumbnail" href="/ht/339003/the-best-wines-to-drink-html-template" style="width:260px; height: 156px;" title="The Best Wines To Drink"><img alt="The Best Wines To Drink" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/33/90/html-template-339003.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/339003/the-best-wines-to-drink-html-template" title="The Best Wines To Drink">The Best Wines To Drink</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 259px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3654082/architecture-as-a-function-of-agency-html-template" style="width:260px; height: 209px;" title="Architecture As A Function Of Agency"><img alt="Architecture As A Function Of Agency" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/36/54/html-template-3654082.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3654082/architecture-as-a-function-of-agency-html-template" title="Architecture As A Function Of Agency">Architecture As A Function Of Agency</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 228px;" > <div class="page-image"> <a class="thumbnail" href="/ht/498505/anytime-fitness-html-template" style="width:260px; height: 178px;" title="Anytime Fitness"><img alt="Anytime Fitness" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/49/85/html-template-498505.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/498505/anytime-fitness-html-template" title="Anytime Fitness">Anytime Fitness</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 243px;" > <div class="page-image"> <a class="thumbnail" href="/ht/387995/bitcoin-uses-peer-to-peer-technology-html-template" style="width:260px; height: 193px;" title="Bitcoin Uses Peer-To-Peer Technology"><img alt="Bitcoin Uses Peer-To-Peer Technology" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/38/79/html-template-387995.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/387995/bitcoin-uses-peer-to-peer-technology-html-template" title="Bitcoin Uses Peer-To-Peer Technology">Bitcoin Uses Peer-To-Peer Technology</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 165px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6196082/this-pizza-is-so-good-html-template" style="width:260px; height: 115px;" title="This Pizza Is So Good"><img alt="This Pizza Is So Good" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/96/html-template-6196082.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6196082/this-pizza-is-so-good-html-template" title="This Pizza Is So Good">This Pizza Is So Good</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 231px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3583777/dog-and-cat-information-html-template" style="width:260px; height: 181px;" title="Dog And Cat Information"><img alt="Dog And Cat Information" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/35/83/html-template-3583777.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3583777/dog-and-cat-information-html-template" title="Dog And Cat Information">Dog And Cat Information</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 178px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3953736/transactional-texts-globally-html-template" style="width:260px; height: 128px;" title="Transactional Texts Globally"><img alt="Transactional Texts Globally" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/39/53/html-template-3953736.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3953736/transactional-texts-globally-html-template" title="Transactional Texts Globally">Transactional Texts Globally</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 199px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6238219/first-business-rule-html-template" style="width:260px; height: 149px;" title="First Business Rule"><img alt="First Business Rule" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/38/html-template-6238219.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/6238219/first-business-rule-html-template" title="First Business Rule">First Business Rule</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 252px;" > <div class="page-image"> <a class="thumbnail" href="/ht/636304/strategy-blogging-tips-html-template" style="width:260px; height: 202px;" title="Strategy Blogging Tips"><img alt="Strategy Blogging Tips" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/63/html-template-636304.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/636304/strategy-blogging-tips-html-template" title="Strategy Blogging Tips">Strategy Blogging Tips</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 188px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3791646/sweet-chicken-html-template" style="width:260px; height: 138px;" title="Sweet Chicken HTML Template"><img alt="Sweet Chicken HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/37/91/html-template-3791646.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/ht/3791646/sweet-chicken-html-template" title="Sweet Chicken HTML Template">Sweet Chicken HTML Template</a> </div> </li> </ul> </div> </div> <br /> <section id="sec-win-download" style="display: none;"> <div class="container-layout"> <img alt="" data-image-width="800" data-image-height="400" data-src="//csite.nicepage.com/Images/Site/downloadwinchrome.jpg"> <p class="u-text"> You are downloading Nicepage. Problems? <a href="/get/windows/">Click Here</a> </p> <p class="u-text">Run Nicepage.exe from the Download Panel</p> </div> </section> <section id="sec-mac-download" style="display: none;"> <div class="container-layout"> <img alt="" data-src="//csite.nicepage.com/Images/Site/downloadmacsafari.jpg" > <p class="u-text"> You are downloading Nicepage. Problems? <a href="/get/mac/">Click Here</a> </p> <p class="u-text">Run Nicepage.dmg from the Download Panel</p> </div> </section> </section> <div id="push"></div> </div> <div class="footer"> <div class="footer-top"> <div class="container"> <style> .footer-top a { color: #ddd !important; font-size: 16px; } </style> <div class="row"> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Company</h6> <ul> <li><a href="/Terms">Terms of Use</a></li> <li><a href="/Privacy">Privacy Policy</a></li> <li><a href="/Agreement">License Agreement</a></li> <li><a href="/About">About Us</a></li> <li><a href="/partners">Partners</a></li> <li><a href="/Abuse">Abuse</a></li> <li><a href="/Forum/Topic/Create">Contact Support</a></li> </ul> </div> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Product</h6> <ul> <li><a href="/doc/frequently-asked-questions-16656">FAQ</a></li> <li><a href="/download">Download</a></li> <li><a href="/features">400+ Features</a></li> <li><a href="/affiliates">Affiliates</a></li> <li><a href="/doc">Documentation</a></li> <li><a href="/forum">Forum</a></li> <li><a href="/blog">Blog</a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <h6><a href="/templates">Themes & Templates</a></h6> <ul> <li><a href="/website-templates">Website Templates</a></li> <li><a href="/wordpress-themes">WordPress Themes</a></li> <li><a href="/html-templates">HTML Templates</a></li> <li><a href="/css-templates">CSS Templates</a></li> <li><a href="/joomla-templates">Joomla Templates</a></li> <li><a href="/html5-template">HTML5 Templates</a></li> <li><a href="/one-page-template">One Page Templates</a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <h6>Nicepage</h6> <ul> <li><a href="/website-builder">Website Builder</a></li> <li><a href="/html-website-builder">HTML Website Builder</a></li> <li><a href="/wordpress-website-builder">WordPress Website Builder</a></li> <li><a href="/joomla-page-builder">Joomla Page Builder</a></li> <li><a href="/wysiwyg-html-editor">WYSIWYG HTML Editor</a></li> <li><a href="/static-site-generator">Static Site Generator</a></li> <li><a href="/html-code">HTML Code Generator</a></li> </ul> </div> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Web Design</h6> <ul> <li><a href="/website-design">Website Designs</a></li> <li><a href="/web-page-design">Web Page Designs</a></li> <li><a href="/ecommerce-templates">eCommerce Designs</a></li> <li><a href="/landing-page">Landing Pages</a></li> <li><a href="/homepage-design">Homepage Designs</a></li> <li><a href="/website-mockup">Website Mockup</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div id="footer-links" class="footer-inline col-sm-12 pull-right"> <div style="white-space: nowrap; float: left; text-align: left;"> <div class="row"> <div class="col-sm-3"> <a href="https://facebook.com/nicepageapp" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#3B5998" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M73.5,31.6h-9.1c-1.4,0-3.6,0.8-3.6,3.9v8.5h12.6L72,58.3H60.8v40.8H43.9V58.3h-8V43.9h8v-9.2 c0-6.7,3.1-17,17-17h12.5v13.9H73.5z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Facebook</span></a> </div> <div class="col-sm-3"> <a href="https://twitter.com/NicepageApp" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#55ACEE" class="st0" cx="56.1" cy="56.1" r="55"/> <path fill="#FFFFFF" d="M83.8,47.3c0,0.6,0,1.2,0,1.7c0,17.7-13.5,38.2-38.2,38.2C38,87.2,31,85,25,81.2c1,0.1,2.1,0.2,3.2,0.2 c6.3,0,12.1-2.1,16.7-5.7c-5.9-0.1-10.8-4-12.5-9.3c0.8,0.2,1.7,0.2,2.5,0.2c1.2,0,2.4-0.2,3.5-0.5c-6.1-1.2-10.8-6.7-10.8-13.1 c0-0.1,0-0.1,0-0.2c1.8,1,3.9,1.6,6.1,1.7c-3.6-2.4-6-6.5-6-11.2c0-2.5,0.7-4.8,1.8-6.7c6.6,8.1,16.5,13.5,27.6,14 c-0.2-1-0.3-2-0.3-3.1c0-7.4,6-13.4,13.4-13.4c3.9,0,7.3,1.6,9.8,4.2c3.1-0.6,5.9-1.7,8.5-3.3c-1,3.1-3.1,5.8-5.9,7.4 c2.7-0.3,5.3-1,7.7-2.1C88.7,43,86.4,45.4,83.8,47.3z"/> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Twitter</span></a> </div> <div class="col-sm-3"> <a href="https://youtube.com/nicepage?sub_confirmation=1" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#D22215" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M74.9,33.3H37.3c-7.4,0-13.4,6-13.4,13.4v18.8c0,7.4,6,13.4,13.4,13.4h37.6c7.4,0,13.4-6,13.4-13.4V46.7 C88.3,39.3,82.3,33.3,74.9,33.3L74.9,33.3z M65.9,57l-17.6,8.4c-0.5,0.2-1-0.1-1-0.6V47.5c0-0.5,0.6-0.9,1-0.6l17.6,8.9 C66.4,56,66.4,56.8,65.9,57L65.9,57z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">YouTube</span></a> </div> <div class="col-sm-3"> <a href="https://www.pinterest.com/nicepagecom/pins" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#CB2027" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M61.1,76.9c-4.7-0.3-6.7-2.7-10.3-5c-2,10.7-4.6,20.9-11.9,26.2c-2.2-16.1,3.3-28.2,5.9-41 c-4.4-7.5,0.6-22.5,9.9-18.8c11.6,4.6-10,27.8,4.4,30.7C74.2,72,80.3,42.8,71,33.4C57.5,19.6,31.7,33,34.9,52.6 c0.8,4.8,5.8,6.2,2,12.9c-8.7-1.9-11.2-8.8-10.9-17.8C26.5,32.8,39.3,22.5,52.2,21c16.3-1.9,31.6,5.9,33.7,21.2 C88.2,59.5,78.6,78.2,61.1,76.9z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Pinterest</span></a> </div> </div> </div>  <div class="copy">© 2024 Nicepage Free Website Builder Software - All Rights Reserved</div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Group with text and button HTML Template