HTML Builder | HTML Website Builder

<!DOCTYPE html> <html lang="en"> <head> <title>HTML Builder | HTML Website Builder | HTML Generator</title> <link rel="shortcut icon" href="//csite.nicepage.com/favicon.ico" type="image/x-icon"> <meta charset="utf-8" /> <meta name="Keywords" content="html builder, html website builder, html designer"> <meta name="Description" content="Create your own HTML Website with the best free HTML Builder. HTML Website Builder and HTML Designer. Start with one of 15,000+ free website templates. Generate HTML Website with HTML Generator."> <meta property="og:type" content="website"> <meta property="og:url" content="https://nicepage.com/html-website-builder"> <meta property="og:title" content="HTML Builder | HTML Website Builder | HTML Generator"> <meta property="og:image"> <meta property="og:description" content="Create your own HTML Website with the best free HTML Builder. HTML Website Builder and HTML Designer. Start with one of 15,000+ free website templates. Generate HTML Website with HTML Generator."> <meta property="og:site_name" content="Nicepage.com" /> <link rel="alternate" hreflang="en" href="https://nicepage.com/html-website-builder"> <link rel="alternate" hreflang="ru" href="https://nicepage.com/ru/html-website-builder"> <link rel="alternate" hreflang="de" href="https://nicepage.com/de/html-website-builder"> <link rel="alternate" hreflang="it" href="https://nicepage.com/it/html-website-builder"> <link rel="alternate" hreflang="es" href="https://nicepage.com/es/html-website-builder"> <link rel="alternate" hreflang="fr" href="https://nicepage.com/fr/html-website-builder"> <link rel="alternate" hreflang="pt" href="https://nicepage.com/pt/html-website-builder"> <link rel="alternate" hreflang="pl" href="https://nicepage.com/pl/html-website-builder"> <link rel="alternate" hreflang="nl" href="https://nicepage.com/nl/html-website-builder"> <link rel="alternate" hreflang="tr" href="https://nicepage.com/tr/html-website-builder"> <link rel="alternate" hreflang="sv" href="https://nicepage.com/sv/html-website-builder"> <link rel="alternate" hreflang="cs" href="https://nicepage.com/cs/html-website-builder"> <link rel="alternate" hreflang="hu" href="https://nicepage.com/hu/html-website-builder"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width"> <script src="//capp.nicepage.com/d0fb540cea48ec0a41d95e9b8a2846e544550664/site-common-libs.js" defer></script> <link href="//capp.nicepage.com/d0fb540cea48ec0a41d95e9b8a2846e544550664/site-common-libs.css" rel="stylesheet" /> <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 = 'en'; 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 = 'html-website-builder'; 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=d0fb540cea48ec0a41d95e9b8a2846e544550664" defer></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { if (typeof Masonry === 'function') { $('.thumbnails').masonry({ itemSelector: '.thumbnail-item', gutter: 30, columnWidth: 260, transitionDuration: 0, }).removeClass('thumbnails-loading'); } }); </script> <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"><link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"><link rel="stylesheet" href="https://csite.resource.nicepage.com/nicepage.css?version=c822b091-b523-48a9-91d7-0c673e2e2e44" media="screen" /> <link rel="stylesheet" href="https://csite.resource.nicepage.com/nicepage-site.css?version=c822b091-b523-48a9-91d7-0c673e2e2e44" media="screen" /> <script class="u-script" type="text/javascript" src="//capp.nicepage.com/257367062c6a32947c68dda064b0f014de70a35a/nicepage.js" defer></script> <style>.u-section-1 .u-sheet-1 { min-height: 744px; } .u-section-1 .u-shape-1 { width: 613px; background-image: linear-gradient(#306ed5, #b23c8a); height: 684px; margin: 60px auto 0 -43px; } .u-section-1 .u-group-1 { min-height: 542px; background-image: none; box-shadow: 11px 11px 40px 0 rgba(0,0,0,0.35); width: 1031px; margin: -613px auto 60px 0; } .u-section-1 .u-container-layout-1 { padding: 0 30px 0 70px; } .u-section-1 .u-image-1 { width: 201px; height: 203px; margin: -93px auto 0 -162px; } .u-section-1 .u-text-1 { line-height: 1.2; font-size: 3rem; margin: -36px 0 0; } .u-section-1 .u-text-2 { font-size: 1.5rem; font-weight: 300; margin: 38px 135px 0 0; } .u-section-1 .u-btn-1 { background-image: none; margin: 38px auto 0 0; padding: 15px 55px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-1 { background-position: 50% 50%; } .u-section-1 .u-sheet-1 { min-height: 676px; } .u-section-1 .u-shape-1 { height: 616px; } .u-section-1 .u-group-1 { min-height: 495px; margin-top: -545px; margin-bottom: 50px; margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-image-1 { width: 174px; height: 166px; margin-top: -119px; margin-left: -118px; } .u-section-1 .u-text-1 { font-size: 2.25rem; margin-top: 27px; } .u-section-1 .u-text-2 { margin-right: 44px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-1 { background-position: 50% 50%; } .u-lg .u-section-1 .u-sheet-1 { min-height: 676px; } .u-lg .u-section-1 .u-shape-1 { height: 616px; } .u-lg .u-section-1 .u-group-1 { min-height: 495px; margin-top: -545px; margin-bottom: 50px; margin-right: initial; margin-left: initial; width: auto; } .u-lg .u-section-1 .u-image-1 { width: 174px; height: 166px; margin-top: -119px; margin-left: -118px; } .u-lg .u-section-1 .u-text-1 { font-size: 2.25rem; margin-top: 27px; } .u-lg .u-section-1 .u-text-2 { margin-right: 44px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 518px; } .u-section-1 .u-shape-1 { height: 538px; } .u-section-1 .u-group-1 { min-height: 407px; margin-top: -467px; width: auto; margin-right: initial; margin-left: initial; } .u-section-1 .u-container-layout-1 { padding-top: 0; padding-bottom: 0; padding-left: 30px; } .u-section-1 .u-image-1 { width: 151px; height: 162px; margin-top: -116px; margin-left: -77px; } .u-section-1 .u-text-1 { font-size: 1.875rem; margin-top: 33px; } .u-section-1 .u-text-2 { font-size: 1.25rem; margin-top: 15px; margin-right: 0; } .u-section-1 .u-btn-1 { margin-top: 33px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-1 .u-sheet-1 { min-height: 518px; } .u-md .u-section-1 .u-shape-1 { height: 538px; } .u-md .u-section-1 .u-group-1 { min-height: 407px; margin-top: -467px; width: auto; margin-right: initial; margin-left: initial; } .u-md .u-section-1 .u-container-layout-1 { padding-top: 0; padding-bottom: 0; padding-left: 30px; } .u-md .u-section-1 .u-image-1 { width: 151px; height: 162px; margin-top: -116px; margin-left: -77px; } .u-md .u-section-1 .u-text-1 { font-size: 1.875rem; margin-top: 33px; } .u-md .u-section-1 .u-text-2 { font-size: 1.25rem; margin-top: 15px; margin-right: 0; } .u-md .u-section-1 .u-btn-1 { margin-top: 33px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 609px; } .u-section-1 .u-shape-1 { height: 521px; margin-top: 44px; margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-group-1 { min-height: 433px; width: 498px; margin: -476px auto 60px; } .u-section-1 .u-container-layout-1 { padding-right: 10px; padding-bottom: 17px; padding-left: 20px; } .u-section-1 .u-image-1 { width: 137px; height: 166px; margin-top: -80px; margin-left: -71px; } .u-section-1 .u-text-1 { font-size: 1.5rem; width: auto; margin-top: 15px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-1 .u-sheet-1 { min-height: 609px; } .u-sm .u-section-1 .u-shape-1 { height: 521px; margin-top: 44px; margin-right: initial; margin-left: initial; width: auto; } .u-sm .u-section-1 .u-group-1 { min-height: 433px; width: 498px; margin: -476px auto 60px; } .u-sm .u-section-1 .u-container-layout-1 { padding-right: 10px; padding-bottom: 17px; padding-left: 20px; } .u-sm .u-section-1 .u-image-1 { width: 137px; height: 166px; margin-top: -80px; margin-left: -71px; } .u-sm .u-section-1 .u-text-1 { font-size: 1.5rem; width: auto; margin-top: 15px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 769px; } .u-section-1 .u-shape-1 { height: 608px; width: 366px; margin-top: 60px; margin-right: -26px; margin-left: auto; } .u-section-1 .u-group-1 { min-height: 543px; margin-top: -572px; margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-bottom: 30px; } .u-section-1 .u-btn-1 { margin-top: 25px; padding-left: 52px; padding-right: 52px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-1 .u-sheet-1 { min-height: 769px; } .u-xs .u-section-1 .u-shape-1 { height: 608px; width: 366px; margin-top: 60px; margin-right: -26px; margin-left: auto; } .u-xs .u-section-1 .u-group-1 { min-height: 543px; margin-top: -572px; margin-right: initial; margin-left: initial; width: auto; } .u-xs .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-bottom: 30px; } .u-xs .u-section-1 .u-btn-1 { margin-top: 25px; padding-left: 52px; padding-right: 52px; } /*/RESPONSIVE_CLASS*/ .u-section-2 { min-height: 727px; } .u-section-2 .u-shape-1 { width: calc(((100% - 1140px) / 2) + 570px); left: auto; right: 0; } .u-section-2 .u-shape-2 { width: 721px; height: 464px; background-image: linear-gradient(#306ed5, #6892d7); box-shadow: 0 0 31px 0 rgba(0,0,0,0.3); margin: 188px calc(((100% - 1140px) / 2) + -61px) 0 auto; } .u-section-2 .u-image-1 { width: 332px; height: 199px; margin: -706px calc(((100% - 1140px) / 2) + 79px) 0 auto; } .u-section-2 .u-layout-wrap-1 { width: 1140px; margin: -51px auto 60px; } .u-section-2 .u-layout-cell-1 { min-height: 558px; } .u-section-2 .u-container-layout-1 { padding-left: 10px; } .u-section-2 .u-text-1 { font-weight: 700; line-height: 1.2; font-size: 2.125rem; margin: 83px 20px 0 0; } .u-section-2 .u-text-2 { margin: 30px 43px 0 0; } .u-section-2 .u-btn-1 { letter-spacing: 1px; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3); background-image: none; font-size: 1rem; margin: 43px auto 0 0; } .u-section-2 .u-layout-cell-2 { min-height: 558px; } .u-section-2 .u-container-layout-2 { padding-bottom: 0; } .u-section-2 .u-video-1 { height: 446px; box-shadow: 5px 5px 30px 0 rgba(0,0,0,0.3); margin-top: 0; margin-bottom: 0; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-2 { min-height: 674px; } .u-section-2 .u-shape-1 { width: 521px; position: absolute; left: 520px; top: 0; right: -1px; } .u-section-2 .u-shape-2 { width: 527px; height: 393px; margin-top: 213px; margin-right: calc(((100% - 940px) / 2) + -33px); } .u-section-2 .u-image-1 { width: 318px; height: 190px; margin-top: -663px; margin-right: calc(((100% - 940px) / 2) + 14px); } .u-section-2 .u-layout-wrap-1 { width: 940px; margin-top: -39px; } .u-section-2 .u-layout-cell-1 { min-height: 512px; } .u-section-2 .u-container-layout-1 { padding-left: 0; padding-top: 0; padding-bottom: 0; } .u-section-2 .u-text-1 { width: auto; margin-top: 10px; margin-right: 16px; } .u-section-2 .u-text-2 { width: auto; margin-top: 35px; margin-right: 33px; } .u-section-2 .u-btn-1 { border-style: solid; font-size: 0.875rem; margin-top: 35px; } .u-section-2 .u-layout-cell-2 { min-height: 512px; } .u-section-2 .u-video-1 { height: 362px; margin-top: 119px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-2 { min-height: 674px; } .u-lg .u-section-2 .u-shape-1 { width: 521px; position: absolute; left: 520px; top: 0; right: -1px; } .u-lg .u-section-2 .u-shape-2 { width: 527px; height: 393px; margin-top: 213px; margin-right: calc(((100% - 940px) / 2) + -33px); } .u-lg .u-section-2 .u-image-1 { width: 318px; height: 190px; margin-top: -663px; margin-right: calc(((100% - 940px) / 2) + 14px); } .u-lg .u-section-2 .u-layout-wrap-1 { width: 940px; margin-top: -39px; } .u-lg .u-section-2 .u-layout-cell-1 { min-height: 512px; } .u-lg .u-section-2 .u-container-layout-1 { padding-left: 0; padding-top: 0; padding-bottom: 0; } .u-lg .u-section-2 .u-text-1 { width: auto; margin-top: 10px; margin-right: 16px; } .u-lg .u-section-2 .u-text-2 { width: auto; margin-top: 35px; margin-right: 33px; } .u-lg .u-section-2 .u-btn-1 { border-style: solid; font-size: 0.875rem; margin-top: 35px; } .u-lg .u-section-2 .u-layout-cell-2 { min-height: 512px; } .u-lg .u-section-2 .u-video-1 { height: 362px; margin-top: 119px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-2 { min-height: 595px; } .u-section-2 .u-shape-1 { width: 410px; left: 410px; right: 0; } .u-section-2 .u-shape-2 { width: 443px; height: 248px; margin-top: 189px; margin-right: calc(((100% - 720px) / 2) + -26px); } .u-section-2 .u-image-1 { width: 251px; height: 151px; margin-top: -474px; margin-right: calc(((100% - 720px) / 2)); } .u-section-2 .u-layout-wrap-1 { width: 720px; margin-top: -79px; } .u-section-2 .u-layout-cell-1 { min-height: 392px; } .u-section-2 .u-container-layout-1 { padding: 0 28px 0 0; } .u-section-2 .u-text-1 { font-size: 1.875rem; margin-right: 0; } .u-section-2 .u-text-2 { margin-top: 20px; margin-right: 0; } .u-section-2 .u-btn-1 { margin-top: 20px; } .u-section-2 .u-layout-cell-2 { min-height: 392px; } .u-section-2 .u-container-layout-2 { padding-bottom: 0; } .u-section-2 .u-video-1 { height: 271px; margin-top: 103px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-2 { min-height: 595px; } .u-md .u-section-2 .u-shape-1 { width: 410px; left: 410px; right: 0; } .u-md .u-section-2 .u-shape-2 { width: 443px; height: 248px; margin-top: 189px; margin-right: calc(((100% - 720px) / 2) + -26px); } .u-md .u-section-2 .u-image-1 { width: 251px; height: 151px; margin-top: -474px; margin-right: calc(((100% - 720px) / 2)); } .u-md .u-section-2 .u-layout-wrap-1 { width: 720px; margin-top: -79px; } .u-md .u-section-2 .u-layout-cell-1 { min-height: 392px; } .u-md .u-section-2 .u-container-layout-1 { padding: 0 28px 0 0; } .u-md .u-section-2 .u-text-1 { font-size: 1.875rem; margin-right: 0; } .u-md .u-section-2 .u-text-2 { margin-top: 20px; margin-right: 0; } .u-md .u-section-2 .u-btn-1 { margin-top: 20px; } .u-md .u-section-2 .u-layout-cell-2 { min-height: 392px; } .u-md .u-section-2 .u-container-layout-2 { padding-bottom: 0; } .u-md .u-section-2 .u-video-1 { height: 271px; margin-top: 103px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-2 { min-height: 100vh; } .u-section-2 .u-shape-1 { width: 327px; left: 314px; } .u-section-2 .u-shape-2 { width: 498px; height: 123px; margin-top: 701px; margin-right: calc(((100% - 540px) / 2) + -28px); } .u-section-2 .u-image-1 { width: 240px; height: 266px; margin-top: -941px; margin-right: calc(((100% - 540px) / 2)); } .u-section-2 .u-layout-wrap-1 { width: 540px; margin-top: -65px; } .u-section-2 .u-layout-cell-1 { z-index: 2; min-height: 100px; } .u-section-2 .u-container-layout-1 { padding-right: 13px; } .u-section-2 .u-text-1 { position: relative; width: 527px; font-size: 2.125rem; margin-top: 65px; } .u-section-2 .u-text-2 { position: relative; width: 527px; } .u-section-2 .u-btn-1 { margin-bottom: 65px; } .u-section-2 .u-layout-cell-2 { z-index: 0; min-height: 100px; } .u-section-2 .u-video-1 { height: 304px; margin-top: 0; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-2 { min-height: 100vh; } .u-sm .u-section-2 .u-shape-1 { width: 327px; left: 314px; } .u-sm .u-section-2 .u-shape-2 { width: 498px; height: 123px; margin-top: 701px; margin-right: calc(((100% - 540px) / 2) + -28px); } .u-sm .u-section-2 .u-image-1 { width: 240px; height: 266px; margin-top: -941px; margin-right: calc(((100% - 540px) / 2)); } .u-sm .u-section-2 .u-layout-wrap-1 { width: 540px; margin-top: -65px; } .u-sm .u-section-2 .u-layout-cell-1 { z-index: 2; min-height: 100px; } .u-sm .u-section-2 .u-container-layout-1 { padding-right: 13px; } .u-sm .u-section-2 .u-text-1 { position: relative; width: 527px; font-size: 2.125rem; margin-top: 65px; } .u-sm .u-section-2 .u-text-2 { position: relative; width: 527px; } .u-sm .u-section-2 .u-btn-1 { margin-bottom: 65px; } .u-sm .u-section-2 .u-layout-cell-2 { z-index: 0; min-height: 100px; } .u-sm .u-section-2 .u-video-1 { height: 304px; margin-top: 0; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-2 { min-height: 890px; } .u-section-2 .u-shape-1 { width: 229px; left: 211px; } .u-section-2 .u-shape-2 { width: 336px; height: 174px; margin-top: 685px; margin-right: calc(((100% - 340px) / 2) + -24px); } .u-section-2 .u-image-1 { width: 290px; height: 174px; margin-top: -925px; margin-right: calc(((100% - 340px) / 2)); } .u-section-2 .u-layout-wrap-1 { width: 340px; margin-top: -14px; margin-left: calc(((100% - 1140px) / 2) + 400px); } .u-section-2 .u-container-layout-1 { padding-right: 1px; } .u-section-2 .u-text-1 { width: 322px; margin-top: 40px; } .u-section-2 .u-text-2 { width: 322px; } .u-section-2 .u-btn-1 { margin-top: 50px; margin-bottom: 23px; } .u-section-2 .u-video-1 { height: 187px; margin-top: 11px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-2 { min-height: 890px; } .u-xs .u-section-2 .u-shape-1 { width: 229px; left: 211px; } .u-xs .u-section-2 .u-shape-2 { width: 336px; height: 174px; margin-top: 685px; margin-right: calc(((100% - 340px) / 2) + -24px); } .u-xs .u-section-2 .u-image-1 { width: 290px; height: 174px; margin-top: -925px; margin-right: calc(((100% - 340px) / 2)); } .u-xs .u-section-2 .u-layout-wrap-1 { width: 340px; margin-top: -14px; margin-left: calc(((100% - 1140px) / 2) + 400px); } .u-xs .u-section-2 .u-container-layout-1 { padding-right: 1px; } .u-xs .u-section-2 .u-text-1 { width: 322px; margin-top: 40px; } .u-xs .u-section-2 .u-text-2 { width: 322px; } .u-xs .u-section-2 .u-btn-1 { margin-top: 50px; margin-bottom: 23px; } .u-xs .u-section-2 .u-video-1 { height: 187px; margin-top: 11px; } /*/RESPONSIVE_CLASS*/ .u-section-3 { background-image: linear-gradient(to right, #b23c8a, #306ed5); } .u-section-3 .u-sheet-1 { min-height: 745px; } .u-section-3 .u-image-1 { width: 327px; height: 162px; margin: -81px auto 0 243px; } .u-section-3 .u-layout-wrap-1 { margin: -33px auto 60px 0; } .u-section-3 .u-layout-cell-1 { min-height: 548px; } .u-section-3 .u-image-2 { width: 403px; height: 420px; box-shadow: 0 5px 25px 0 rgba(0,0,0,0.3); margin: 50px auto 0 0; } .u-section-3 .u-image-3 { width: 325px; height: 305px; box-shadow: 0 5px 25px 0 rgba(0,0,0,0.3); margin: -354px 60px 0 auto; } .u-section-3 .u-image-4 { width: 344px; height: 172px; margin: -403px auto 269px 442px; } .u-section-3 .u-layout-cell-2 { min-height: 662px; } .u-section-3 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; } .u-section-3 .u-text-1 { font-weight: 700; line-height: 1.2; margin: 136px 0 0; } .u-section-3 .u-text-2 { margin: 22px 0 0; } .u-section-3 .u-btn-1 { letter-spacing: 1px; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3); background-image: none; margin: 60px auto 0 0; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-3 .u-sheet-1 { min-height: 571px; } .u-section-3 .u-image-1 { width: 264px; height: 252px; margin-top: -110px; margin-right: 323px; } .u-section-3 .u-layout-wrap-1 { margin-top: -105px; margin-bottom: 75px; margin-right: initial; margin-left: initial; } .u-section-3 .u-layout-cell-1 { min-height: 523px; z-index: 2; } .u-section-3 .u-image-2 { width: 364px; height: 402px; } .u-section-3 .u-image-3 { width: 268px; height: 270px; margin-top: -341px; margin-right: 55px; } .u-section-3 .u-image-4 { width: 293px; height: 181px; margin-top: -357px; margin-bottom: 206px; margin-left: 339px; } .u-section-3 .u-layout-cell-2 { min-height: 523px; z-index: 0; } .u-section-3 .u-container-layout-2 { padding-left: 0; padding-right: 0; } .u-section-3 .u-text-1 { margin-top: 192px; } .u-section-3 .u-text-2 { position: relative; } .u-section-3 .u-btn-1 { margin-bottom: 95px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-3 .u-sheet-1 { min-height: 571px; } .u-lg .u-section-3 .u-image-1 { width: 264px; height: 252px; margin-top: -110px; margin-right: 323px; } .u-lg .u-section-3 .u-layout-wrap-1 { margin-top: -105px; margin-bottom: 75px; margin-right: initial; margin-left: initial; } .u-lg .u-section-3 .u-layout-cell-1 { min-height: 523px; z-index: 2; } .u-lg .u-section-3 .u-image-2 { width: 364px; height: 402px; } .u-lg .u-section-3 .u-image-3 { width: 268px; height: 270px; margin-top: -341px; margin-right: 55px; } .u-lg .u-section-3 .u-image-4 { width: 293px; height: 181px; margin-top: -357px; margin-bottom: 206px; margin-left: 339px; } .u-lg .u-section-3 .u-layout-cell-2 { min-height: 523px; z-index: 0; } .u-lg .u-section-3 .u-container-layout-2 { padding-left: 0; padding-right: 0; } .u-lg .u-section-3 .u-text-1 { margin-top: 192px; } .u-lg .u-section-3 .u-text-2 { position: relative; } .u-lg .u-section-3 .u-btn-1 { margin-bottom: 95px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-3 .u-sheet-1 { min-height: 878px; } .u-section-3 .u-image-1 { width: 237px; height: 142px; margin-top: -90px; margin-right: 228px; } .u-section-3 .u-layout-wrap-1 { margin-top: 13px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-section-3 .u-layout-cell-1 { min-height: 346px; } .u-section-3 .u-image-2 { width: 255px; height: 278px; margin-top: 73px; } .u-section-3 .u-image-3 { width: 225px; height: 224px; margin-top: -251px; margin-right: 20px; } .u-section-3 .u-image-4 { width: 237px; height: 175px; margin-top: -311px; margin-bottom: 40px; margin-left: 255px; } .u-section-3 .u-layout-cell-2 { min-height: 401px; } .u-section-3 .u-container-layout-2 { padding-left: 0; padding-right: 0; } .u-section-3 .u-text-1 { margin-top: 97px; } .u-section-3 .u-btn-1 { margin-left: auto; margin-bottom: 97px; padding: 10px 24px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-3 .u-sheet-1 { min-height: 878px; } .u-md .u-section-3 .u-image-1 { width: 237px; height: 142px; margin-top: -90px; margin-right: 228px; } .u-md .u-section-3 .u-layout-wrap-1 { margin-top: 13px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-md .u-section-3 .u-layout-cell-1 { min-height: 346px; } .u-md .u-section-3 .u-image-2 { width: 255px; height: 278px; margin-top: 73px; } .u-md .u-section-3 .u-image-3 { width: 225px; height: 224px; margin-top: -251px; margin-right: 20px; } .u-md .u-section-3 .u-image-4 { width: 237px; height: 175px; margin-top: -311px; margin-bottom: 40px; margin-left: 255px; } .u-md .u-section-3 .u-layout-cell-2 { min-height: 401px; } .u-md .u-section-3 .u-container-layout-2 { padding-left: 0; padding-right: 0; } .u-md .u-section-3 .u-text-1 { margin-top: 97px; } .u-md .u-section-3 .u-btn-1 { margin-left: auto; margin-bottom: 97px; padding: 10px 24px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-3 .u-sheet-1 { min-height: 866px; } .u-section-3 .u-image-1 { width: 238px; height: 131px; margin-top: -46px; margin-right: auto; margin-left: 32px; } .u-section-3 .u-layout-wrap-1 { margin-top: 104px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-section-3 .u-layout-cell-1 { min-height: 308px; z-index: auto; } .u-section-3 .u-image-2 { width: 320px; left: 0; right: auto; height: auto; margin: initial; } .u-section-3 .u-image-3 { width: 362px; left: 0; right: auto; height: auto; margin: initial; } .u-section-3 .u-image-4 { width: 304px; height: 199px; margin: -22px 0 133px auto; } .u-section-3 .u-layout-cell-2 { min-height: 368px; z-index: auto; } .u-section-3 .u-text-1 { margin-top: 4px; } .u-section-3 .u-btn-1 { margin-bottom: 0; margin-left: 0; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-3 .u-sheet-1 { min-height: 866px; } .u-sm .u-section-3 .u-image-1 { width: 238px; height: 131px; margin-top: -46px; margin-right: auto; margin-left: 32px; } .u-sm .u-section-3 .u-layout-wrap-1 { margin-top: 104px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-sm .u-section-3 .u-layout-cell-1 { min-height: 308px; z-index: auto; } .u-sm .u-section-3 .u-image-2 { width: 320px; left: 0; right: auto; height: auto; margin: initial; } .u-sm .u-section-3 .u-image-3 { width: 362px; left: 0; right: auto; height: auto; margin: initial; } .u-sm .u-section-3 .u-image-4 { width: 304px; height: 199px; margin: -22px 0 133px auto; } .u-sm .u-section-3 .u-layout-cell-2 { min-height: 368px; z-index: auto; } .u-sm .u-section-3 .u-text-1 { margin-top: 4px; } .u-sm .u-section-3 .u-btn-1 { margin-bottom: 0; margin-left: 0; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-3 .u-sheet-1 { min-height: 987px; } .u-section-3 .u-image-1 { width: 239px; height: 143px; margin-top: -54px; margin-right: 0; margin-left: 13px; } .u-section-3 .u-layout-wrap-1 { margin-top: 22px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-section-3 .u-layout-cell-1 { min-height: 359px; z-index: 2; } .u-section-3 .u-image-2 { width: 270px; height: 279px; left: auto; bottom: auto; right: auto; top: auto; margin: 414px auto 0 0; } .u-section-3 .u-image-3 { width: 327px; height: 329px; left: auto; bottom: auto; right: auto; top: auto; margin: 0 auto 0 0; } .u-section-3 .u-image-4 { width: 318px; height: 172px; margin-top: -266px; margin-bottom: 0; } .u-section-3 .u-layout-cell-2 { min-height: 100px; z-index: 0; } .u-section-3 .u-text-1 { margin-top: 45px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-3 .u-sheet-1 { min-height: 987px; } .u-xs .u-section-3 .u-image-1 { width: 239px; height: 143px; margin-top: -54px; margin-right: 0; margin-left: 13px; } .u-xs .u-section-3 .u-layout-wrap-1 { margin-top: 22px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-xs .u-section-3 .u-layout-cell-1 { min-height: 359px; z-index: 2; } .u-xs .u-section-3 .u-image-2 { width: 270px; height: 279px; left: auto; bottom: auto; right: auto; top: auto; margin: 414px auto 0 0; } .u-xs .u-section-3 .u-image-3 { width: 327px; height: 329px; left: auto; bottom: auto; right: auto; top: auto; margin: 0 auto 0 0; } .u-xs .u-section-3 .u-image-4 { width: 318px; height: 172px; margin-top: -266px; margin-bottom: 0; } .u-xs .u-section-3 .u-layout-cell-2 { min-height: 100px; z-index: 0; } .u-xs .u-section-3 .u-text-1 { margin-top: 45px; } /*/RESPONSIVE_CLASS*/ .u-section-4 { background-image: none; } .u-section-4 .u-sheet-1 { min-height: 920px; } .u-section-4 .u-image-1 { width: 313px; height: 188px; margin: -88px auto 0 0; } .u-section-4 .u-group-1 { width: 900px; min-height: 236px; background-image: none; margin: -13px auto 0 90px; } .u-section-4 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-4 .u-text-1 { font-weight: 700; margin: 0 40px; } .u-section-4 .u-text-2 { margin: 20px 0 0; } .u-section-4 .u-layout-wrap-1 { width: 1139px; margin: 0 auto 0 1px; } .u-section-4 .u-layout-cell-1 { min-height: 474px; } .u-section-4 .u-shape-1 { width: 233px; height: 247px; margin: 83px 0 0 auto; } .u-section-4 .u-icon-1 { height: 65px; width: 65px; background-image: none; margin: -222px auto 0 89px; } .u-section-4 .u-group-2 { width: 233px; min-height: 227px; background-image: none; box-shadow: 0 0 34px 0 rgba(0,0,0,0.15); margin: 14px auto 30px 0; } .u-section-4 .u-container-layout-3 { padding-left: 5px; padding-right: 5px; } .u-section-4 .u-text-3 { margin: 62px 20px 0; } .u-section-4 .u-text-4 { margin: 21px 20px 18px; } .u-section-4 .u-layout-cell-2 { min-height: 474px; background-image: none; } .u-section-4 .u-shape-2 { width: 233px; height: 247px; margin: 36px auto 0 0; } .u-section-4 .u-icon-2 { height: 65px; width: 65px; background-image: none; margin: -220px auto 0 89px; } .u-section-4 .u-group-3 { width: 233px; min-height: 227px; background-image: none; box-shadow: 0 0 34px 0 rgba(0,0,0,0.15); margin: 14px 0 45px auto; } .u-section-4 .u-text-5 { margin: 44px 20px 0; } .u-section-4 .u-text-6 { margin: 29px 12px 0 28px; } .u-section-4 .u-layout-cell-3 { min-height: 474px; background-image: none; } .u-section-4 .u-shape-3 { width: 233px; height: 247px; margin: 83px 0 0 auto; } .u-section-4 .u-icon-3 { height: 65px; width: 65px; background-image: none; margin: -222px auto 0 89px; } .u-section-4 .u-group-4 { width: 233px; min-height: 227px; background-image: none; box-shadow: 0 0 34px 0 rgba(0,0,0,0.15); margin: 14px auto 30px 0; } .u-section-4 .u-text-7 { margin: 44px 20px 0; } .u-section-4 .u-text-8 { margin: 21px 20px 0; } .u-section-4 .u-layout-cell-4 { min-height: 474px; background-image: none; } .u-section-4 .u-shape-4 { width: 233px; height: 247px; margin: 36px auto 0 0; } .u-section-4 .u-icon-4 { height: 65px; width: 65px; background-image: none; margin: -224px 84px 0 auto; } .u-section-4 .u-group-5 { width: 233px; min-height: 227px; background-image: none; box-shadow: 0 0 34px 0 rgba(0,0,0,0.15); margin: 14px 0 45px auto; } .u-section-4 .u-text-9 { margin: 44px 20px 0; } .u-section-4 .u-text-10 { margin: 18px 20px 0; } .u-section-4 .u-btn-1 { background-image: none; letter-spacing: 1px; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3); margin: 49px auto 59px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-4 .u-sheet-1 { min-height: 875px; } .u-section-4 .u-image-1 { width: 253px; height: 207px; margin-top: -110px; } .u-section-4 .u-group-1 { margin-top: -18px; margin-right: initial; margin-left: initial; width: auto; } .u-section-4 .u-container-layout-1 { padding-left: 16px; padding-right: 16px; } .u-section-4 .u-text-1 { position: relative; } .u-section-4 .u-layout-wrap-1 { margin-top: 8px; width: 939px; } .u-section-4 .u-layout-cell-1 { min-height: 515px; } .u-section-4 .u-shape-1 { width: 192px; } .u-section-4 .u-icon-1 { margin-left: 73px; } .u-section-4 .u-group-2 { width: 192px; min-height: 249px; margin-bottom: 49px; } .u-section-4 .u-text-3 { width: 149px; margin-top: 55px; margin-left: auto; margin-right: auto; } .u-section-4 .u-text-4 { width: 148px; margin-left: auto; margin-right: auto; margin-bottom: 19px; } .u-section-4 .u-layout-cell-2 { min-height: 515px; } .u-section-4 .u-shape-2 { width: 192px; } .u-section-4 .u-icon-2 { margin-left: 73px; } .u-section-4 .u-group-3 { width: 192px; min-height: 250px; margin-bottom: 50px; } .u-section-4 .u-text-5 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-text-6 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-layout-cell-3 { min-height: 515px; } .u-section-4 .u-shape-3 { width: 192px; } .u-section-4 .u-icon-3 { margin-left: 73px; } .u-section-4 .u-group-4 { width: 192px; } .u-section-4 .u-text-7 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-text-8 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-layout-cell-4 { min-height: 515px; } .u-section-4 .u-shape-4 { width: 192px; } .u-section-4 .u-icon-4 { margin-right: 69px; } .u-section-4 .u-group-5 { width: 192px; } .u-section-4 .u-text-9 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-text-10 { margin-left: 16px; margin-right: 16px; } .u-section-4 .u-btn-1 { margin-top: 1px; margin-bottom: 54px; margin-left: 340px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-4 .u-sheet-1 { min-height: 875px; } .u-lg .u-section-4 .u-image-1 { width: 253px; height: 207px; margin-top: -110px; } .u-lg .u-section-4 .u-group-1 { margin-top: -18px; margin-right: initial; margin-left: initial; width: auto; } .u-lg .u-section-4 .u-container-layout-1 { padding-left: 16px; padding-right: 16px; } .u-lg .u-section-4 .u-text-1 { position: relative; } .u-lg .u-section-4 .u-layout-wrap-1 { margin-top: 8px; width: 939px; } .u-lg .u-section-4 .u-layout-cell-1 { min-height: 515px; } .u-lg .u-section-4 .u-shape-1 { width: 192px; } .u-lg .u-section-4 .u-icon-1 { margin-left: 73px; } .u-lg .u-section-4 .u-group-2 { width: 192px; min-height: 249px; margin-bottom: 49px; } .u-lg .u-section-4 .u-text-3 { width: 149px; margin-top: 55px; margin-left: auto; margin-right: auto; } .u-lg .u-section-4 .u-text-4 { width: 148px; margin-left: auto; margin-right: auto; margin-bottom: 19px; } .u-lg .u-section-4 .u-layout-cell-2 { min-height: 515px; } .u-lg .u-section-4 .u-shape-2 { width: 192px; } .u-lg .u-section-4 .u-icon-2 { margin-left: 73px; } .u-lg .u-section-4 .u-group-3 { width: 192px; min-height: 250px; margin-bottom: 50px; } .u-lg .u-section-4 .u-text-5 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-text-6 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-layout-cell-3 { min-height: 515px; } .u-lg .u-section-4 .u-shape-3 { width: 192px; } .u-lg .u-section-4 .u-icon-3 { margin-left: 73px; } .u-lg .u-section-4 .u-group-4 { width: 192px; } .u-lg .u-section-4 .u-text-7 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-text-8 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-layout-cell-4 { min-height: 515px; } .u-lg .u-section-4 .u-shape-4 { width: 192px; } .u-lg .u-section-4 .u-icon-4 { margin-right: 69px; } .u-lg .u-section-4 .u-group-5 { width: 192px; } .u-lg .u-section-4 .u-text-9 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-text-10 { margin-left: 16px; margin-right: 16px; } .u-lg .u-section-4 .u-btn-1 { margin-top: 1px; margin-bottom: 54px; margin-left: 340px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-4 .u-sheet-1 { min-height: 1395px; } .u-section-4 .u-image-1 { width: 272px; height: 163px; } .u-section-4 .u-group-1 { margin-top: 26px; width: auto; margin-right: initial; margin-left: initial; } .u-section-4 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-4 .u-text-1 { margin-left: 0; margin-right: 0; } .u-section-4 .u-layout-wrap-1 { width: 719px; } .u-section-4 .u-layout-cell-1 { min-height: 491px; } .u-section-4 .u-shape-1 { width: 315px; margin-top: 82px; } .u-section-4 .u-icon-1 { margin-top: -228px; margin-left: 122px; } .u-section-4 .u-group-2 { width: 309px; min-height: 236px; margin-top: 21px; margin-bottom: 0; } .u-section-4 .u-text-3 { width: 257px; margin-top: 85px; margin-left: 26px; margin-right: 26px; } .u-section-4 .u-text-4 { width: 257px; margin-left: 26px; margin-right: 26px; margin-bottom: 33px; } .u-section-4 .u-layout-cell-2 { min-height: 491px; } .u-section-4 .u-shape-2 { width: 309px; height: 272px; } .u-section-4 .u-icon-2 { margin-top: -249px; margin-right: 122px; margin-left: auto; } .u-section-4 .u-group-3 { width: 309px; min-height: 228px; margin-top: 18px; margin-bottom: 0; } .u-section-4 .u-text-5 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-section-4 .u-text-6 { margin-left: 18px; margin-right: 2px; margin-bottom: 25px; } .u-section-4 .u-layout-cell-3 { min-height: 485px; } .u-section-4 .u-shape-3 { width: 324px; } .u-section-4 .u-icon-3 { margin-left: 122px; } .u-section-4 .u-group-4 { width: 309px; min-height: 231px; margin-bottom: 0; } .u-section-4 .u-text-7 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-section-4 .u-text-8 { margin-left: 10px; margin-right: 10px; margin-bottom: 25px; } .u-section-4 .u-layout-cell-4 { min-height: 485px; } .u-section-4 .u-shape-4 { width: 309px; height: 294px; margin-top: 0; } .u-section-4 .u-icon-4 { margin-top: -258px; margin-right: 122px; } .u-section-4 .u-group-5 { width: 309px; min-height: 248px; margin-top: 21px; } .u-section-4 .u-text-9 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-section-4 .u-text-10 { margin-left: 10px; margin-right: 10px; margin-bottom: 25px; } .u-section-4 .u-btn-1 { margin-top: 52px; margin-left: auto; margin-bottom: 63px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-4 .u-sheet-1 { min-height: 1395px; } .u-md .u-section-4 .u-image-1 { width: 272px; height: 163px; } .u-md .u-section-4 .u-group-1 { margin-top: 26px; width: auto; margin-right: initial; margin-left: initial; } .u-md .u-section-4 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-md .u-section-4 .u-text-1 { margin-left: 0; margin-right: 0; } .u-md .u-section-4 .u-layout-wrap-1 { width: 719px; } .u-md .u-section-4 .u-layout-cell-1 { min-height: 491px; } .u-md .u-section-4 .u-shape-1 { width: 315px; margin-top: 82px; } .u-md .u-section-4 .u-icon-1 { margin-top: -228px; margin-left: 122px; } .u-md .u-section-4 .u-group-2 { width: 309px; min-height: 236px; margin-top: 21px; margin-bottom: 0; } .u-md .u-section-4 .u-text-3 { width: 257px; margin-top: 85px; margin-left: 26px; margin-right: 26px; } .u-md .u-section-4 .u-text-4 { width: 257px; margin-left: 26px; margin-right: 26px; margin-bottom: 33px; } .u-md .u-section-4 .u-layout-cell-2 { min-height: 491px; } .u-md .u-section-4 .u-shape-2 { width: 309px; height: 272px; } .u-md .u-section-4 .u-icon-2 { margin-top: -249px; margin-right: 122px; margin-left: auto; } .u-md .u-section-4 .u-group-3 { width: 309px; min-height: 228px; margin-top: 18px; margin-bottom: 0; } .u-md .u-section-4 .u-text-5 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-md .u-section-4 .u-text-6 { margin-left: 18px; margin-right: 2px; margin-bottom: 25px; } .u-md .u-section-4 .u-layout-cell-3 { min-height: 485px; } .u-md .u-section-4 .u-shape-3 { width: 324px; } .u-md .u-section-4 .u-icon-3 { margin-left: 122px; } .u-md .u-section-4 .u-group-4 { width: 309px; min-height: 231px; margin-bottom: 0; } .u-md .u-section-4 .u-text-7 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-md .u-section-4 .u-text-8 { margin-left: 10px; margin-right: 10px; margin-bottom: 25px; } .u-md .u-section-4 .u-layout-cell-4 { min-height: 485px; } .u-md .u-section-4 .u-shape-4 { width: 309px; height: 294px; margin-top: 0; } .u-md .u-section-4 .u-icon-4 { margin-top: -258px; margin-right: 122px; } .u-md .u-section-4 .u-group-5 { width: 309px; min-height: 248px; margin-top: 21px; } .u-md .u-section-4 .u-text-9 { margin-top: 25px; margin-left: 10px; margin-right: 10px; } .u-md .u-section-4 .u-text-10 { margin-left: 10px; margin-right: 10px; margin-bottom: 25px; } .u-md .u-section-4 .u-btn-1 { margin-top: 52px; margin-left: auto; margin-bottom: 63px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-4 .u-sheet-1 { min-height: 2455px; } .u-section-4 .u-image-1 { width: 277px; height: 166px; margin-top: -68px; margin-right: -7px; margin-left: auto; } .u-section-4 .u-group-1 { margin-top: 75px; width: auto; margin-right: initial; margin-left: initial; } .u-section-4 .u-container-layout-1 { padding-left: 5px; padding-right: 5px; } .u-section-4 .u-layout-wrap-1 { width: 535px; margin-top: 0; margin-left: 0; } .u-section-4 .u-layout-cell-1 { min-height: 489px; } .u-section-4 .u-shape-1 { width: 355px; height: 259px; margin-right: auto; margin-left: 33px; } .u-section-4 .u-icon-1 { height: 61px; width: 61px; margin-top: -238px; margin-left: 102px; } .u-section-4 .u-group-2 { width: 325px; min-height: 242px; margin-top: 18px; margin-bottom: 30px; } .u-section-4 .u-text-3 { width: 241px; margin-top: 25px; margin-left: 12px; margin-right: 12px; } .u-section-4 .u-text-4 { width: 241px; margin-left: 12px; margin-right: 12px; margin-bottom: 25px; } .u-section-4 .u-layout-cell-2 { min-height: 444px; } .u-section-4 .u-shape-2 { width: 308px; height: 263px; margin-right: 36px; margin-left: auto; } .u-section-4 .u-icon-2 { height: 61px; width: 61px; margin-top: -243px; margin-right: 121px; } .u-section-4 .u-group-3 { width: 290px; min-height: 245px; margin-top: 21px; } .u-section-4 .u-text-5 { margin-left: 5px; margin-right: 5px; } .u-section-4 .u-text-6 { margin-left: 5px; margin-right: 5px; } .u-section-4 .u-layout-cell-3 { min-height: 470px; } .u-section-4 .u-shape-3 { width: 303px; margin-top: 45px; margin-right: auto; margin-left: 50px; } .u-section-4 .u-icon-3 { height: 61px; width: 61px; margin-top: -205px; margin-left: 132px; } .u-section-4 .u-group-4 { width: 290px; margin-top: 21px; margin-bottom: 8px; margin-left: 21px; } .u-section-4 .u-text-7 { margin-left: 5px; margin-right: 5px; } .u-section-4 .u-text-8 { margin-left: 5px; margin-right: 5px; } .u-section-4 .u-layout-cell-4 { min-height: 488px; } .u-section-4 .u-shape-4 { width: 320px; margin-top: 46px; margin-right: 39px; margin-left: auto; } .u-section-4 .u-icon-4 { height: 61px; width: 61px; margin-top: -255px; margin-right: 125px; } .u-section-4 .u-group-5 { width: 311px; margin-top: 13px; margin-bottom: 23px; } .u-section-4 .u-text-9 { margin-top: 75px; margin-left: 5px; margin-right: 5px; } .u-section-4 .u-text-10 { margin-left: 13px; margin-right: 13px; } .u-section-4 .u-btn-1 { margin-top: 31px; margin-bottom: 60px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-4 .u-sheet-1 { min-height: 2455px; } .u-sm .u-section-4 .u-image-1 { width: 277px; height: 166px; margin-top: -68px; margin-right: -7px; margin-left: auto; } .u-sm .u-section-4 .u-group-1 { margin-top: 75px; width: auto; margin-right: initial; margin-left: initial; } .u-sm .u-section-4 .u-container-layout-1 { padding-left: 5px; padding-right: 5px; } .u-sm .u-section-4 .u-layout-wrap-1 { width: 535px; margin-top: 0; margin-left: 0; } .u-sm .u-section-4 .u-layout-cell-1 { min-height: 489px; } .u-sm .u-section-4 .u-shape-1 { width: 355px; height: 259px; margin-right: auto; margin-left: 33px; } .u-sm .u-section-4 .u-icon-1 { height: 61px; width: 61px; margin-top: -238px; margin-left: 102px; } .u-sm .u-section-4 .u-group-2 { width: 325px; min-height: 242px; margin-top: 18px; margin-bottom: 30px; } .u-sm .u-section-4 .u-text-3 { width: 241px; margin-top: 25px; margin-left: 12px; margin-right: 12px; } .u-sm .u-section-4 .u-text-4 { width: 241px; margin-left: 12px; margin-right: 12px; margin-bottom: 25px; } .u-sm .u-section-4 .u-layout-cell-2 { min-height: 444px; } .u-sm .u-section-4 .u-shape-2 { width: 308px; height: 263px; margin-right: 36px; margin-left: auto; } .u-sm .u-section-4 .u-icon-2 { height: 61px; width: 61px; margin-top: -243px; margin-right: 121px; } .u-sm .u-section-4 .u-group-3 { width: 290px; min-height: 245px; margin-top: 21px; } .u-sm .u-section-4 .u-text-5 { margin-left: 5px; margin-right: 5px; } .u-sm .u-section-4 .u-text-6 { margin-left: 5px; margin-right: 5px; } .u-sm .u-section-4 .u-layout-cell-3 { min-height: 470px; } .u-sm .u-section-4 .u-shape-3 { width: 303px; margin-top: 45px; margin-right: auto; margin-left: 50px; } .u-sm .u-section-4 .u-icon-3 { height: 61px; width: 61px; margin-top: -205px; margin-left: 132px; } .u-sm .u-section-4 .u-group-4 { width: 290px; margin-top: 21px; margin-bottom: 8px; margin-left: 21px; } .u-sm .u-section-4 .u-text-7 { margin-left: 5px; margin-right: 5px; } .u-sm .u-section-4 .u-text-8 { margin-left: 5px; margin-right: 5px; } .u-sm .u-section-4 .u-layout-cell-4 { min-height: 488px; } .u-sm .u-section-4 .u-shape-4 { width: 320px; margin-top: 46px; margin-right: 39px; margin-left: auto; } .u-sm .u-section-4 .u-icon-4 { height: 61px; width: 61px; margin-top: -255px; margin-right: 125px; } .u-sm .u-section-4 .u-group-5 { width: 311px; margin-top: 13px; margin-bottom: 23px; } .u-sm .u-section-4 .u-text-9 { margin-top: 75px; margin-left: 5px; margin-right: 5px; } .u-sm .u-section-4 .u-text-10 { margin-left: 13px; margin-right: 13px; } .u-sm .u-section-4 .u-btn-1 { margin-top: 31px; margin-bottom: 60px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-4 .u-sheet-1 { min-height: 2293px; } .u-section-4 .u-image-1 { height: 156px; width: 259px; margin-top: -63px; margin-right: 0; } .u-section-4 .u-group-1 { min-height: 131px; margin-top: 31px; width: auto; margin-right: initial; margin-left: initial; } .u-section-4 .u-container-layout-1 { padding-left: 1px; padding-right: 1px; } .u-section-4 .u-text-1 { margin-top: 15px; margin-bottom: 15px; } .u-section-4 .u-layout-wrap-1 { margin-top: -20px; margin-right: initial; margin-left: initial; width: auto; } .u-section-4 .u-layout-cell-1 { min-height: 100px; } .u-section-4 .u-shape-1 { height: 288px; width: 303px; margin-top: 0; margin-right: 0; margin-left: auto; } .u-section-4 .u-icon-1 { height: 65px; width: 65px; margin-top: -254px; margin-left: 112px; } .u-section-4 .u-group-2 { width: 289px; min-height: 237px; margin-top: 21px; margin-bottom: 0; } .u-section-4 .u-container-layout-3 { padding-left: 0; padding-right: 0; } .u-section-4 .u-text-3 { margin-top: 59px; margin-left: 24px; margin-right: 24px; } .u-section-4 .u-text-4 { margin-left: 24px; margin-right: 24px; margin-bottom: 59px; } .u-section-4 .u-layout-cell-2 { min-height: 100px; } .u-section-4 .u-shape-2 { width: 289px; height: 272px; margin-top: 0; margin-right: auto; margin-left: 0; } .u-section-4 .u-icon-2 { height: 65px; width: 65px; margin-top: -236px; margin-right: 122px; } .u-section-4 .u-group-3 { width: 309px; min-height: 268px; } .u-section-4 .u-text-5 { margin-left: 1px; margin-right: 1px; } .u-section-4 .u-text-6 { margin-left: 1px; margin-right: 1px; } .u-section-4 .u-layout-cell-3 { min-height: 100px; } .u-section-4 .u-shape-3 { margin-top: 0; margin-right: -1px; margin-left: auto; } .u-section-4 .u-icon-3 { height: 65px; width: 65px; margin-top: -210px; margin-left: 112px; } .u-section-4 .u-group-4 { width: 289px; min-height: 239px; margin-bottom: 0; margin-left: 0; } .u-section-4 .u-text-7 { margin-left: 12px; margin-right: 12px; } .u-section-4 .u-text-8 { margin-left: 12px; margin-right: 12px; } .u-section-4 .u-layout-cell-4 { min-height: 100px; } .u-section-4 .u-shape-4 { width: 289px; margin-top: 0; margin-right: auto; margin-left: 0; } .u-section-4 .u-icon-4 { height: 65px; width: 65px; margin-top: -252px; margin-right: 122px; } .u-section-4 .u-group-5 { width: 297px; min-height: 298px; margin-top: 21px; margin-bottom: 0; } .u-section-4 .u-text-9 { margin-top: 30px; margin-left: 12px; margin-right: 12px; } .u-section-4 .u-text-10 { margin-left: 12px; margin-right: 12px; margin-bottom: 30px; } .u-section-4 .u-btn-1 { margin-top: 12px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-4 .u-sheet-1 { min-height: 2293px; } .u-xs .u-section-4 .u-image-1 { height: 156px; width: 259px; margin-top: -63px; margin-right: 0; } .u-xs .u-section-4 .u-group-1 { min-height: 131px; margin-top: 31px; width: auto; margin-right: initial; margin-left: initial; } .u-xs .u-section-4 .u-container-layout-1 { padding-left: 1px; padding-right: 1px; } .u-xs .u-section-4 .u-text-1 { margin-top: 15px; margin-bottom: 15px; } .u-xs .u-section-4 .u-layout-wrap-1 { margin-top: -20px; margin-right: initial; margin-left: initial; width: auto; } .u-xs .u-section-4 .u-layout-cell-1 { min-height: 100px; } .u-xs .u-section-4 .u-shape-1 { height: 288px; width: 303px; margin-top: 0; margin-right: 0; margin-left: auto; } .u-xs .u-section-4 .u-icon-1 { height: 65px; width: 65px; margin-top: -254px; margin-left: 112px; } .u-xs .u-section-4 .u-group-2 { width: 289px; min-height: 237px; margin-top: 21px; margin-bottom: 0; } .u-xs .u-section-4 .u-container-layout-3 { padding-left: 0; padding-right: 0; } .u-xs .u-section-4 .u-text-3 { margin-top: 59px; margin-left: 24px; margin-right: 24px; } .u-xs .u-section-4 .u-text-4 { margin-left: 24px; margin-right: 24px; margin-bottom: 59px; } .u-xs .u-section-4 .u-layout-cell-2 { min-height: 100px; } .u-xs .u-section-4 .u-shape-2 { width: 289px; height: 272px; margin-top: 0; margin-right: auto; margin-left: 0; } .u-xs .u-section-4 .u-icon-2 { height: 65px; width: 65px; margin-top: -236px; margin-right: 122px; } .u-xs .u-section-4 .u-group-3 { width: 309px; min-height: 268px; } .u-xs .u-section-4 .u-text-5 { margin-left: 1px; margin-right: 1px; } .u-xs .u-section-4 .u-text-6 { margin-left: 1px; margin-right: 1px; } .u-xs .u-section-4 .u-layout-cell-3 { min-height: 100px; } .u-xs .u-section-4 .u-shape-3 { margin-top: 0; margin-right: -1px; margin-left: auto; } .u-xs .u-section-4 .u-icon-3 { height: 65px; width: 65px; margin-top: -210px; margin-left: 112px; } .u-xs .u-section-4 .u-group-4 { width: 289px; min-height: 239px; margin-bottom: 0; margin-left: 0; } .u-xs .u-section-4 .u-text-7 { margin-left: 12px; margin-right: 12px; } .u-xs .u-section-4 .u-text-8 { margin-left: 12px; margin-right: 12px; } .u-xs .u-section-4 .u-layout-cell-4 { min-height: 100px; } .u-xs .u-section-4 .u-shape-4 { width: 289px; margin-top: 0; margin-right: auto; margin-left: 0; } .u-xs .u-section-4 .u-icon-4 { height: 65px; width: 65px; margin-top: -252px; margin-right: 122px; } .u-xs .u-section-4 .u-group-5 { width: 297px; min-height: 298px; margin-top: 21px; margin-bottom: 0; } .u-xs .u-section-4 .u-text-9 { margin-top: 30px; margin-left: 12px; margin-right: 12px; } .u-xs .u-section-4 .u-text-10 { margin-left: 12px; margin-right: 12px; margin-bottom: 30px; } .u-xs .u-section-4 .u-btn-1 { margin-top: 12px; } /*/RESPONSIVE_CLASS*/ .u-section-5 { background-image: linear-gradient(to right, #6892d7, #b23c8a); min-height: 1179px; } .u-section-5 .u-image-1 { width: 292px; height: 207px; margin: -100px calc(((100% - 1140px) / 2)) 0 auto; } .u-section-5 .u-group-1 { min-height: 204px; background-image: none; width: 1140px; margin: -39px auto 0; } .u-section-5 .u-container-layout-1 { padding: 0 110px; } .u-section-5 .u-text-1 { font-weight: 700; text-shadow: 0 3px 5px rgba(0,0,0,0.55); font-size: 2.25rem; margin: 20px 0 0; } .u-section-5 .u-text-2 { margin: 11px 0 0; } .u-section-5 .u-btn-1 { background-image: none; letter-spacing: 1px; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3); font-size: 1rem; margin: 32px auto 0; } .u-section-5 .u-image-2 { width: 972px; height: 801px; object-position: 50% 100%; background-position: 50% 100%; margin: 48px auto 0 0; } .u-section-5 .u-image-3 { width: 734px; height: 839px; object-position: 50% 0%; background-position: 50% 0%; box-shadow: -5px -2px 30px 0 rgba(0,0,0,0.3); margin: -781px calc(((100% - 1140px) / 2)) 0 auto; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-5 { min-height: 1070px; } .u-section-5 .u-image-1 { width: 247px; height: 142px; margin-right: calc(((100% - 940px) / 2)); } .u-section-5 .u-group-1 { min-height: 224px; width: 940px; margin-left: calc(((100% - 1140px) / 2) + 100px); } .u-section-5 .u-container-layout-1 { padding-left: 32px; padding-right: 32px; } .u-section-5 .u-text-1 { margin-top: 43px; } .u-section-5 .u-text-2 { margin-top: 10px; } .u-section-5 .u-btn-1 { font-size: 0.875rem; } .u-section-5 .u-image-2 { width: 804px; height: 705px; } .u-section-5 .u-image-3 { width: 667px; height: 731px; margin-top: -641px; margin-right: calc(((100% - 940px) / 2)); } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-5 { min-height: 1070px; } .u-lg .u-section-5 .u-image-1 { width: 247px; height: 142px; margin-right: calc(((100% - 940px) / 2)); } .u-lg .u-section-5 .u-group-1 { min-height: 224px; width: 940px; margin-left: calc(((100% - 1140px) / 2) + 100px); } .u-lg .u-section-5 .u-container-layout-1 { padding-left: 32px; padding-right: 32px; } .u-lg .u-section-5 .u-text-1 { margin-top: 43px; } .u-lg .u-section-5 .u-text-2 { margin-top: 10px; } .u-lg .u-section-5 .u-btn-1 { font-size: 0.875rem; } .u-lg .u-section-5 .u-image-2 { width: 804px; height: 705px; } .u-lg .u-section-5 .u-image-3 { width: 667px; height: 731px; margin-top: -641px; margin-right: calc(((100% - 940px) / 2)); } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-5 { min-height: 1046px; } .u-section-5 .u-image-1 { width: 282px; height: 183px; margin-right: calc(((100% - 720px) / 2)); } .u-section-5 .u-group-1 { min-height: 252px; width: 720px; margin-top: 9px; margin-left: auto; } .u-section-5 .u-container-layout-1 { padding: 0 30px; } .u-section-5 .u-text-1 { margin-top: 29px; } .u-section-5 .u-btn-1 { margin-top: 38px; margin-bottom: 10px; } .u-section-5 .u-image-2 { width: 616px; height: 633px; margin-top: 0; } .u-section-5 .u-image-3 { width: 546px; height: 643px; object-position: 33.15% 0%; background-position: 33.15% 0%; margin-top: -574px; margin-right: calc(((100% - 720px) / 2)); } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-5 { min-height: 1046px; } .u-md .u-section-5 .u-image-1 { width: 282px; height: 183px; margin-right: calc(((100% - 720px) / 2)); } .u-md .u-section-5 .u-group-1 { min-height: 252px; width: 720px; margin-top: 9px; margin-left: auto; } .u-md .u-section-5 .u-container-layout-1 { padding: 0 30px; } .u-md .u-section-5 .u-text-1 { margin-top: 29px; } .u-md .u-section-5 .u-btn-1 { margin-top: 38px; margin-bottom: 10px; } .u-md .u-section-5 .u-image-2 { width: 616px; height: 633px; margin-top: 0; } .u-md .u-section-5 .u-image-3 { width: 546px; height: 643px; object-position: 33.15% 0%; background-position: 33.15% 0%; margin-top: -574px; margin-right: calc(((100% - 720px) / 2)); } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-5 { min-height: 1091px; } .u-section-5 .u-image-1 { width: 245px; height: 185px; margin-top: -50px; margin-right: calc(((100% - 540px) / 2)); } .u-section-5 .u-group-1 { min-height: 325px; width: 540px; } .u-section-5 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-5 .u-text-1 { margin-top: 20px; } .u-section-5 .u-btn-1 { margin-top: 42px; margin-bottom: 20px; } .u-section-5 .u-image-2 { width: 557px; height: 626px; } .u-section-5 .u-image-3 { height: 617px; object-position: 0% 50%; background-position: 0% 50%; margin-top: 20px; margin-bottom: 33px; margin-right: initial; margin-left: initial; width: auto; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-5 { min-height: 1091px; } .u-sm .u-section-5 .u-image-1 { width: 245px; height: 185px; margin-top: -50px; margin-right: calc(((100% - 540px) / 2)); } .u-sm .u-section-5 .u-group-1 { min-height: 325px; width: 540px; } .u-sm .u-section-5 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-sm .u-section-5 .u-text-1 { margin-top: 20px; } .u-sm .u-section-5 .u-btn-1 { margin-top: 42px; margin-bottom: 20px; } .u-sm .u-section-5 .u-image-2 { width: 557px; height: 626px; } .u-sm .u-section-5 .u-image-3 { height: 617px; object-position: 0% 50%; background-position: 0% 50%; margin-top: 20px; margin-bottom: 33px; margin-right: initial; margin-left: initial; width: auto; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-5 { min-height: 919px; } .u-section-5 .u-image-1 { width: 227px; height: 136px; margin-right: calc(((100% - 340px) / 2)); } .u-section-5 .u-group-1 { min-height: 401px; width: 340px; } .u-section-5 .u-container-layout-1 { padding-left: 2px; padding-right: 2px; } .u-section-5 .u-text-1 { font-size: 1.875rem; } .u-section-5 .u-text-2 { margin-top: 38px; margin-left: 2px; margin-right: 2px; } .u-section-5 .u-btn-1 { margin-top: 38px; margin-bottom: 29px; } .u-section-5 .u-image-2 { width: 340px; height: 803px; } .u-section-5 .u-image-3 { height: 421px; object-position: 50% 50%; background-position: 50% 50%; margin-bottom: 30px; width: auto; margin-right: initial; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-5 { min-height: 919px; } .u-xs .u-section-5 .u-image-1 { width: 227px; height: 136px; margin-right: calc(((100% - 340px) / 2)); } .u-xs .u-section-5 .u-group-1 { min-height: 401px; width: 340px; } .u-xs .u-section-5 .u-container-layout-1 { padding-left: 2px; padding-right: 2px; } .u-xs .u-section-5 .u-text-1 { font-size: 1.875rem; } .u-xs .u-section-5 .u-text-2 { margin-top: 38px; margin-left: 2px; margin-right: 2px; } .u-xs .u-section-5 .u-btn-1 { margin-top: 38px; margin-bottom: 29px; } .u-xs .u-section-5 .u-image-2 { width: 340px; height: 803px; } .u-xs .u-section-5 .u-image-3 { height: 421px; object-position: 50% 50%; background-position: 50% 50%; margin-bottom: 30px; width: auto; margin-right: initial; margin-left: initial; } /*/RESPONSIVE_CLASS*/ .u-section-6 { background-image: none; } .u-section-6 .u-sheet-1 { min-height: 870px; } .u-section-6 .u-image-1 { width: 222px; height: 133px; margin: -60px auto 0 0; } .u-section-6 .u-group-1 { min-height: 232px; margin: 0 auto 0 0; } .u-section-6 .u-container-layout-1 { padding: 0 110px; } .u-section-6 .u-text-1 { font-weight: 700; margin: 19px 0 0; } .u-section-6 .u-text-2 { margin: 10px 0 0; } .u-section-6 .u-image-2 { height: 539px; margin-top: 0; margin-bottom: 26px; margin-left: 0; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-6 .u-sheet-1 { min-height: 963px; } .u-section-6 .u-image-1 { width: 309px; margin-top: -32px; } .u-section-6 .u-group-1 { margin-top: 58px; margin-right: initial; margin-left: initial; } .u-section-6 .u-container-layout-1 { padding-left: 49px; padding-right: 49px; } .u-section-6 .u-image-2 { margin-bottom: 33px; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-6 .u-sheet-1 { min-height: 963px; } .u-lg .u-section-6 .u-image-1 { width: 309px; margin-top: -32px; } .u-lg .u-section-6 .u-group-1 { margin-top: 58px; margin-right: initial; margin-left: initial; } .u-lg .u-section-6 .u-container-layout-1 { padding-left: 49px; padding-right: 49px; } .u-lg .u-section-6 .u-image-2 { margin-bottom: 33px; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-6 .u-sheet-1 { min-height: 802px; } .u-section-6 .u-image-1 { width: 217px; height: 128px; margin-top: -51px; } .u-section-6 .u-group-1 { margin-top: 19px; margin-right: initial; margin-left: initial; } .u-section-6 .u-container-layout-1 { padding: 0 31px; } .u-section-6 .u-image-2 { height: 389px; margin-top: 19px; margin-bottom: 1px; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-6 .u-sheet-1 { min-height: 802px; } .u-md .u-section-6 .u-image-1 { width: 217px; height: 128px; margin-top: -51px; } .u-md .u-section-6 .u-group-1 { margin-top: 19px; margin-right: initial; margin-left: initial; } .u-md .u-section-6 .u-container-layout-1 { padding: 0 31px; } .u-md .u-section-6 .u-image-2 { height: 389px; margin-top: 19px; margin-bottom: 1px; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-6 .u-sheet-1 { min-height: 100vh; } .u-section-6 .u-image-1 { width: 249px; height: 226px; margin-top: -73px; margin-right: 0; } .u-section-6 .u-group-1 { min-height: 178px; margin-top: -39px; margin-right: initial; margin-left: initial; } .u-section-6 .u-container-layout-1 { padding-left: 15px; padding-right: 15px; } .u-section-6 .u-image-2 { height: 390px; margin-top: 40px; margin-bottom: 60px; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-6 .u-sheet-1 { min-height: 100vh; } .u-sm .u-section-6 .u-image-1 { width: 249px; height: 226px; margin-top: -73px; margin-right: 0; } .u-sm .u-section-6 .u-group-1 { min-height: 178px; margin-top: -39px; margin-right: initial; margin-left: initial; } .u-sm .u-section-6 .u-container-layout-1 { padding-left: 15px; padding-right: 15px; } .u-sm .u-section-6 .u-image-2 { height: 390px; margin-top: 40px; margin-bottom: 60px; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-6 .u-sheet-1 { min-height: 937px; } .u-section-6 .u-image-1 { width: 226px; height: 190px; margin-top: -50px; } .u-section-6 .u-group-1 { min-height: 206px; margin-top: -16px; margin-right: initial; margin-left: initial; } .u-section-6 .u-container-layout-1 { padding-left: 4px; padding-right: 4px; } .u-section-6 .u-image-2 { height: 236px; margin-top: 4px; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-6 .u-sheet-1 { min-height: 937px; } .u-xs .u-section-6 .u-image-1 { width: 226px; height: 190px; margin-top: -50px; } .u-xs .u-section-6 .u-group-1 { min-height: 206px; margin-top: -16px; margin-right: initial; margin-left: initial; } .u-xs .u-section-6 .u-container-layout-1 { padding-left: 4px; padding-right: 4px; } .u-xs .u-section-6 .u-image-2 { height: 236px; margin-top: 4px; margin-left: initial; } /*/RESPONSIVE_CLASS*/ .u-section-7 { background-image: none; } .u-section-7 .u-sheet-1 { min-height: 578px; } .u-section-7 .u-layout-wrap-1 { margin: -69px auto 50px 0; } .u-section-7 .u-layout-cell-1 { min-height: 607px; } .u-section-7 .u-image-1 { height: 463px; object-position: 50.31% 50%; background-position: 50.31% 50%; box-shadow: -5px 10px 30px 0 rgba(0,0,0,0.3); margin: 0 auto 60px 0; } .u-section-7 .u-layout-cell-2 { background-image: none; min-height: 607px; } .u-section-7 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; } .u-section-7 .u-icon-1 { height: 114px; width: 114px; margin: 123px auto 55px 0; } .u-section-7 .u-text-1 { margin-left: 0; margin-right: 0; font-size: 1.5rem; margin-bottom: 0; } .u-section-7 .u-text-2 { margin-right: 0; margin-left: 0; margin-bottom: 0; } .u-section-7 .u-text-3 { font-size: 0.875rem; margin: 0 0 52px; } .u-section-7 .u-layout-cell-3 { min-height: 607px; } .u-section-7 .u-container-layout-3 { padding-left: 20px; padding-right: 20px; } .u-section-7 .u-image-2 { width: 228px; height: 208px; margin: 14px auto 0 -6px; } .u-section-7 .u-text-4 { font-weight: 700; font-size: 2.25rem; margin: 74px 0 0; } .u-section-7 .u-text-5 { font-size: 1.5rem; margin: 20px 0 12px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-7 .u-sheet-1 { min-height: 515px; } .u-section-7 .u-layout-wrap-1 { margin-top: -36px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-1 { min-height: 563px; } .u-section-7 .u-image-1 { object-position: 16.75% 0%; background-position: 16.75% 0%; margin-bottom: 55px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-2 { min-height: 563px; } .u-section-7 .u-container-layout-2 { padding-left: 16px; padding-right: 0; } .u-section-7 .u-icon-1 { margin-top: 55px; } .u-section-7 .u-text-1 { margin-right: 16px; position: relative; margin-bottom: 20px; } .u-section-7 .u-text-2 { position: relative; } .u-section-7 .u-text-3 { margin-bottom: 0; } .u-section-7 .u-layout-cell-3 { min-height: 564px; } .u-section-7 .u-container-layout-3 { padding-left: 0; padding-right: 0; } .u-section-7 .u-image-2 { height: 186px; width: 201px; margin-top: 3px; margin-right: -1px; margin-left: 90px; } .u-section-7 .u-text-4 { position: relative; margin-top: 65px; margin-left: 16px; margin-right: 16px; } .u-section-7 .u-text-5 { position: relative; margin-left: 16px; margin-right: 16px; margin-bottom: 1px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-7 .u-sheet-1 { min-height: 515px; } .u-lg .u-section-7 .u-layout-wrap-1 { margin-top: -36px; margin-right: initial; margin-left: initial; } .u-lg .u-section-7 .u-layout-cell-1 { min-height: 563px; } .u-lg .u-section-7 .u-image-1 { object-position: 16.75% 0%; background-position: 16.75% 0%; margin-bottom: 55px; margin-right: initial; margin-left: initial; } .u-lg .u-section-7 .u-layout-cell-2 { min-height: 563px; } .u-lg .u-section-7 .u-container-layout-2 { padding-left: 16px; padding-right: 0; } .u-lg .u-section-7 .u-icon-1 { margin-top: 55px; } .u-lg .u-section-7 .u-text-1 { margin-right: 16px; position: relative; margin-bottom: 20px; } .u-lg .u-section-7 .u-text-2 { position: relative; } .u-lg .u-section-7 .u-text-3 { margin-bottom: 0; } .u-lg .u-section-7 .u-layout-cell-3 { min-height: 564px; } .u-lg .u-section-7 .u-container-layout-3 { padding-left: 0; padding-right: 0; } .u-lg .u-section-7 .u-image-2 { height: 186px; width: 201px; margin-top: 3px; margin-right: -1px; margin-left: 90px; } .u-lg .u-section-7 .u-text-4 { position: relative; margin-top: 65px; margin-left: 16px; margin-right: 16px; } .u-lg .u-section-7 .u-text-5 { position: relative; margin-left: 16px; margin-right: 16px; margin-bottom: 1px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-7 .u-sheet-1 { min-height: 560px; } .u-section-7 .u-layout-wrap-1 { margin-top: -71px; margin-bottom: 4px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-1 { min-height: 384px; } .u-section-7 .u-image-1 { height: 443px; object-position: 42.74% 50%; background-position: 42.74% 50%; margin-bottom: 65px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-2 { min-height: 431px; } .u-section-7 .u-container-layout-2 { padding-left: 13px; padding-right: 0; } .u-section-7 .u-icon-1 { margin-top: 97px; margin-bottom: 0; } .u-section-7 .u-text-1 { font-size: 1.25rem; margin: 49px 13px 0 1px; } .u-section-7 .u-text-3 { margin-bottom: 52px; } .u-section-7 .u-layout-cell-3 { min-height: 607px; } .u-section-7 .u-container-layout-3 { padding-left: 13px; padding-right: 13px; } .u-section-7 .u-image-2 { height: 144px; width: 161px; margin-top: 42px; margin-right: auto; margin-left: 13px; } .u-section-7 .u-text-4 { font-size: 1.875rem; width: auto; margin-top: 74px; margin-right: 0; margin-left: 0; } .u-section-7 .u-text-5 { font-size: 1.25rem; width: auto; margin-right: 0; margin-bottom: 0; margin-left: 0; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-7 .u-sheet-1 { min-height: 560px; } .u-md .u-section-7 .u-layout-wrap-1 { margin-top: -71px; margin-bottom: 4px; margin-right: initial; margin-left: initial; } .u-md .u-section-7 .u-layout-cell-1 { min-height: 384px; } .u-md .u-section-7 .u-image-1 { height: 443px; object-position: 42.74% 50%; background-position: 42.74% 50%; margin-bottom: 65px; margin-right: initial; margin-left: initial; } .u-md .u-section-7 .u-layout-cell-2 { min-height: 431px; } .u-md .u-section-7 .u-container-layout-2 { padding-left: 13px; padding-right: 0; } .u-md .u-section-7 .u-icon-1 { margin-top: 97px; margin-bottom: 0; } .u-md .u-section-7 .u-text-1 { font-size: 1.25rem; margin: 49px 13px 0 1px; } .u-md .u-section-7 .u-text-3 { margin-bottom: 52px; } .u-md .u-section-7 .u-layout-cell-3 { min-height: 607px; } .u-md .u-section-7 .u-container-layout-3 { padding-left: 13px; padding-right: 13px; } .u-md .u-section-7 .u-image-2 { height: 144px; width: 161px; margin-top: 42px; margin-right: auto; margin-left: 13px; } .u-md .u-section-7 .u-text-4 { font-size: 1.875rem; width: auto; margin-top: 74px; margin-right: 0; margin-left: 0; } .u-md .u-section-7 .u-text-5 { font-size: 1.25rem; width: auto; margin-right: 0; margin-bottom: 0; margin-left: 0; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-7 .u-sheet-1 { min-height: 1372px; } .u-section-7 .u-layout-wrap-1 { margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-1 { min-height: 326px; } .u-section-7 .u-image-1 { object-position: 50% 50%; background-position: 50% 50%; width: 363px; margin-right: auto; margin-bottom: 9px; margin-left: 0; } .u-section-7 .u-layout-cell-2 { min-height: 354px; } .u-section-7 .u-container-layout-2 { padding-left: 9px; } .u-section-7 .u-icon-1 { margin-top: 55px; } .u-section-7 .u-text-1 { font-size: 1.5rem; margin-top: 55px; margin-right: 9px; margin-left: 0; } .u-section-7 .u-layout-cell-3 { min-height: 420px; } .u-section-7 .u-container-layout-3 { padding-left: 9px; padding-right: 9px; } .u-section-7 .u-image-2 { height: 184px; width: 199px; margin-top: -64px; margin-right: 0; margin-left: auto; } .u-section-7 .u-text-4 { font-size: 3rem; margin-top: 0; } .u-section-7 .u-text-5 { font-size: 1.5rem; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-7 .u-sheet-1 { min-height: 1372px; } .u-sm .u-section-7 .u-layout-wrap-1 { margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-sm .u-section-7 .u-layout-cell-1 { min-height: 326px; } .u-sm .u-section-7 .u-image-1 { object-position: 50% 50%; background-position: 50% 50%; width: 363px; margin-right: auto; margin-bottom: 9px; margin-left: 0; } .u-sm .u-section-7 .u-layout-cell-2 { min-height: 354px; } .u-sm .u-section-7 .u-container-layout-2 { padding-left: 9px; } .u-sm .u-section-7 .u-icon-1 { margin-top: 55px; } .u-sm .u-section-7 .u-text-1 { font-size: 1.5rem; margin-top: 55px; margin-right: 9px; margin-left: 0; } .u-sm .u-section-7 .u-layout-cell-3 { min-height: 420px; } .u-sm .u-section-7 .u-container-layout-3 { padding-left: 9px; padding-right: 9px; } .u-sm .u-section-7 .u-image-2 { height: 184px; width: 199px; margin-top: -64px; margin-right: 0; margin-left: auto; } .u-sm .u-section-7 .u-text-4 { font-size: 3rem; margin-top: 0; } .u-sm .u-section-7 .u-text-5 { font-size: 1.5rem; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-7 .u-sheet-1 { min-height: 750px; } .u-section-7 .u-layout-wrap-1 { margin-top: -85px; margin-bottom: 161px; margin-right: initial; margin-left: initial; } .u-section-7 .u-layout-cell-1 { min-height: 205px; } .u-section-7 .u-image-1 { width: 256px; height: 314px; margin-top: 7px; margin-bottom: 0; } .u-section-7 .u-layout-cell-2 { min-height: 100px; } .u-section-7 .u-container-layout-2 { padding-left: 6px; } .u-section-7 .u-icon-1 { height: 89px; width: 89px; margin-top: 30px; } .u-section-7 .u-text-1 { margin-top: 80px; margin-right: 6px; } .u-section-7 .u-text-3 { width: auto; margin-top: 6px; margin-bottom: 55px; } .u-section-7 .u-layout-cell-3 { min-height: 352px; } .u-section-7 .u-container-layout-3 { padding-left: 6px; padding-right: 6px; } .u-section-7 .u-image-2 { height: 156px; width: 169px; margin-top: -58px; margin-right: -6px; } .u-section-7 .u-text-4 { font-size: 2.25rem; margin-top: 51px; } .u-section-7 .u-text-5 { font-size: 1.25rem; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-7 .u-sheet-1 { min-height: 750px; } .u-xs .u-section-7 .u-layout-wrap-1 { margin-top: -85px; margin-bottom: 161px; margin-right: initial; margin-left: initial; } .u-xs .u-section-7 .u-layout-cell-1 { min-height: 205px; } .u-xs .u-section-7 .u-image-1 { width: 256px; height: 314px; margin-top: 7px; margin-bottom: 0; } .u-xs .u-section-7 .u-layout-cell-2 { min-height: 100px; } .u-xs .u-section-7 .u-container-layout-2 { padding-left: 6px; } .u-xs .u-section-7 .u-icon-1 { height: 89px; width: 89px; margin-top: 30px; } .u-xs .u-section-7 .u-text-1 { margin-top: 80px; margin-right: 6px; } .u-xs .u-section-7 .u-text-3 { width: auto; margin-top: 6px; margin-bottom: 55px; } .u-xs .u-section-7 .u-layout-cell-3 { min-height: 352px; } .u-xs .u-section-7 .u-container-layout-3 { padding-left: 6px; padding-right: 6px; } .u-xs .u-section-7 .u-image-2 { height: 156px; width: 169px; margin-top: -58px; margin-right: -6px; } .u-xs .u-section-7 .u-text-4 { font-size: 2.25rem; margin-top: 51px; } .u-xs .u-section-7 .u-text-5 { font-size: 1.25rem; } /*/RESPONSIVE_CLASS*/ .u-section-8 { background-image: none; } .u-section-8 .u-sheet-1 { min-height: 266px; } .u-section-8 .u-group-1 { min-height: 62px; margin: 56px auto 0 0; } .u-section-8 .u-container-layout-1 { padding-left: 60px; padding-right: 60px; } .u-section-8 .u-text-1 { font-size: 1.875rem; font-weight: 500; margin: 5px 0; } .u-section-8 .u-image-1 { width: 304px; height: 164px; margin: -182px auto 0 0; } .u-section-8 .u-layout-wrap-1 { margin: 29px auto 56px 0; } .u-section-8 .u-layout-cell-1 { min-height: 111px; } .u-section-8 .u-image-2 { height: 59px; margin: 11px auto 11px 0; } .u-section-8 .u-layout-cell-2 { min-height: 111px; background-image: none; } .u-section-8 .u-image-3 { height: 59px; margin: 11px auto 11px 0; } .u-section-8 .u-layout-cell-3 { min-height: 111px; } .u-section-8 .u-image-4 { height: 59px; margin: 11px auto 11px 0; } .u-section-8 .u-layout-cell-4 { background-image: none; min-height: 111px; } .u-section-8 .u-image-5 { height: 59px; margin: 11px auto 11px 0; } .u-section-8 .u-layout-cell-5 { min-height: 111px; background-image: none; } .u-section-8 .u-image-6 { height: 59px; margin: 11px auto 11px 0; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-8 .u-sheet-1 { min-height: 156px; } .u-section-8 .u-group-1 { min-height: 84px; margin-top: 59px; margin-right: initial; margin-left: initial; } .u-section-8 .u-container-layout-1 { padding-left: 49px; padding-right: 49px; } .u-section-8 .u-text-1 { margin-top: 10px; margin-bottom: 10px; } .u-section-8 .u-image-1 { width: 271px; height: 154px; margin-top: -204px; } .u-section-8 .u-layout-wrap-1 { margin-top: 59px; margin-bottom: 30px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-1 { min-height: 103px; } .u-section-8 .u-image-2 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-2 { min-height: 103px; } .u-section-8 .u-image-3 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-3 { min-height: 103px; } .u-section-8 .u-image-4 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-4 { min-height: 103px; } .u-section-8 .u-image-5 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-5 { min-height: 103px; } .u-section-8 .u-image-6 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-8 .u-sheet-1 { min-height: 156px; } .u-lg .u-section-8 .u-group-1 { min-height: 84px; margin-top: 59px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-container-layout-1 { padding-left: 49px; padding-right: 49px; } .u-lg .u-section-8 .u-text-1 { margin-top: 10px; margin-bottom: 10px; } .u-lg .u-section-8 .u-image-1 { width: 271px; height: 154px; margin-top: -204px; } .u-lg .u-section-8 .u-layout-wrap-1 { margin-top: 59px; margin-bottom: 30px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-layout-cell-1 { min-height: 103px; } .u-lg .u-section-8 .u-image-2 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-layout-cell-2 { min-height: 103px; } .u-lg .u-section-8 .u-image-3 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-layout-cell-3 { min-height: 103px; } .u-lg .u-section-8 .u-image-4 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-layout-cell-4 { min-height: 103px; } .u-lg .u-section-8 .u-image-5 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-lg .u-section-8 .u-layout-cell-5 { min-height: 103px; } .u-lg .u-section-8 .u-image-6 { height: 54px; margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-8 .u-sheet-1 { min-height: 630px; } .u-section-8 .u-group-1 { margin-top: 50px; margin-right: initial; margin-left: initial; } .u-section-8 .u-container-layout-1 { padding-left: 31px; padding-right: 31px; } .u-section-8 .u-text-1 { font-size: 1.5rem; } .u-section-8 .u-image-1 { width: 240px; height: 144px; margin-top: -212px; margin-left: 60px; } .u-section-8 .u-layout-wrap-1 { margin-top: 69px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-1 { min-height: 87px; } .u-section-8 .u-image-2 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-2 { min-height: 67px; } .u-section-8 .u-image-3 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-3 { min-height: 69px; } .u-section-8 .u-image-4 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-4 { min-height: 62px; } .u-section-8 .u-image-5 { margin-top: 0; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-5 { min-height: 95px; } .u-section-8 .u-image-6 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-8 .u-sheet-1 { min-height: 630px; } .u-md .u-section-8 .u-group-1 { margin-top: 50px; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-container-layout-1 { padding-left: 31px; padding-right: 31px; } .u-md .u-section-8 .u-text-1 { font-size: 1.5rem; } .u-md .u-section-8 .u-image-1 { width: 240px; height: 144px; margin-top: -212px; margin-left: 60px; } .u-md .u-section-8 .u-layout-wrap-1 { margin-top: 69px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-layout-cell-1 { min-height: 87px; } .u-md .u-section-8 .u-image-2 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-layout-cell-2 { min-height: 67px; } .u-md .u-section-8 .u-image-3 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-layout-cell-3 { min-height: 69px; } .u-md .u-section-8 .u-image-4 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-layout-cell-4 { min-height: 62px; } .u-md .u-section-8 .u-image-5 { margin-top: 0; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-md .u-section-8 .u-layout-cell-5 { min-height: 95px; } .u-md .u-section-8 .u-image-6 { margin-top: 13px; margin-bottom: 13px; margin-right: initial; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-8 .u-sheet-1 { min-height: 669px; } .u-section-8 .u-group-1 { min-height: 94px; margin-top: 24px; margin-right: initial; margin-left: initial; } .u-section-8 .u-container-layout-1 { padding-left: 15px; padding-right: 15px; } .u-section-8 .u-text-1 { margin-top: 14px; margin-bottom: 14px; } .u-section-8 .u-image-1 { width: 258px; height: 154px; margin-top: -225px; margin-left: 122px; } .u-section-8 .u-layout-wrap-1 { margin-top: 52px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-1 { min-height: 65px; } .u-section-8 .u-image-2 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-2 { min-height: 50px; } .u-section-8 .u-image-3 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-3 { min-height: 52px; } .u-section-8 .u-image-4 { margin-top: 8px; margin-bottom: 8px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-4 { min-height: 47px; } .u-section-8 .u-image-5 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-5 { min-height: 71px; } .u-section-8 .u-image-6 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-8 .u-sheet-1 { min-height: 669px; } .u-sm .u-section-8 .u-group-1 { min-height: 94px; margin-top: 24px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-container-layout-1 { padding-left: 15px; padding-right: 15px; } .u-sm .u-section-8 .u-text-1 { margin-top: 14px; margin-bottom: 14px; } .u-sm .u-section-8 .u-image-1 { width: 258px; height: 154px; margin-top: -225px; margin-left: 122px; } .u-sm .u-section-8 .u-layout-wrap-1 { margin-top: 52px; margin-bottom: 60px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-layout-cell-1 { min-height: 65px; } .u-sm .u-section-8 .u-image-2 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-layout-cell-2 { min-height: 50px; } .u-sm .u-section-8 .u-image-3 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-layout-cell-3 { min-height: 52px; } .u-sm .u-section-8 .u-image-4 { margin-top: 8px; margin-bottom: 8px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-layout-cell-4 { min-height: 47px; } .u-sm .u-section-8 .u-image-5 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } .u-sm .u-section-8 .u-layout-cell-5 { min-height: 71px; } .u-sm .u-section-8 .u-image-6 { margin-top: 11px; margin-bottom: 11px; margin-right: initial; margin-left: initial; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-8 .u-sheet-1 { min-height: 645px; } .u-section-8 .u-group-1 { min-height: 84px; margin-top: 73px; margin-right: initial; margin-left: initial; } .u-section-8 .u-container-layout-1 { padding-left: 4px; padding-right: 4px; } .u-section-8 .u-text-1 { margin-top: 8px; margin-bottom: 8px; } .u-section-8 .u-image-1 { width: 227px; height: 136px; margin-top: -230px; margin-right: 16px; margin-left: 82px; } .u-section-8 .u-layout-wrap-1 { margin-top: 87px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-1 { min-height: 41px; } .u-section-8 .u-image-2 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-2 { min-height: 31px; } .u-section-8 .u-image-3 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-3 { min-height: 33px; } .u-section-8 .u-image-4 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-4 { min-height: 30px; } .u-section-8 .u-image-5 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-section-8 .u-layout-cell-5 { min-height: 45px; } .u-section-8 .u-image-6 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-8 .u-sheet-1 { min-height: 645px; } .u-xs .u-section-8 .u-group-1 { min-height: 84px; margin-top: 73px; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-container-layout-1 { padding-left: 4px; padding-right: 4px; } .u-xs .u-section-8 .u-text-1 { margin-top: 8px; margin-bottom: 8px; } .u-xs .u-section-8 .u-image-1 { width: 227px; height: 136px; margin-top: -230px; margin-right: 16px; margin-left: 82px; } .u-xs .u-section-8 .u-layout-wrap-1 { margin-top: 87px; margin-bottom: 0; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-layout-cell-1 { min-height: 41px; } .u-xs .u-section-8 .u-image-2 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-layout-cell-2 { min-height: 31px; } .u-xs .u-section-8 .u-image-3 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-layout-cell-3 { min-height: 33px; } .u-xs .u-section-8 .u-image-4 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-layout-cell-4 { min-height: 30px; } .u-xs .u-section-8 .u-image-5 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } .u-xs .u-section-8 .u-layout-cell-5 { min-height: 45px; } .u-xs .u-section-8 .u-image-6 { margin-top: 10px; margin-bottom: 10px; margin-right: initial; margin-left: initial; } /*/RESPONSIVE_CLASS*/ .u-section-9 { background-image: none; } .u-section-9 .u-sheet-1 { min-height: 305px; } .u-section-9 .u-group-1 { min-height: 252px; width: 850px; margin: 50px auto; } .u-section-9 .u-container-layout-1 { padding: 0 20px; } .u-section-9 .u-text-1 { font-weight: 400; font-size: 3rem; margin: 20px 0 0; } .u-section-9 .u-text-2 { margin: 12px 0 0; } .u-section-9 .u-btn-1 { background-image: none; margin: 29px auto 0; padding: 15px 55px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-9 .u-sheet-1 { min-height: 247px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-9 .u-sheet-1 { min-height: 247px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-9 .u-group-1 { width: 720px; } .u-section-9 .u-container-layout-1 { padding-top: 0; padding-bottom: 0; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-9 .u-group-1 { width: 720px; } .u-md .u-section-9 .u-container-layout-1 { padding-top: 0; padding-bottom: 0; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-9 .u-group-1 { width: 540px; } .u-section-9 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-9 .u-text-1 { margin-top: 19px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-9 .u-group-1 { width: 540px; } .u-sm .u-section-9 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-sm .u-section-9 .u-text-1 { margin-top: 19px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-9 .u-group-1 { width: 340px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-9 .u-group-1 { width: 340px; } /*/RESPONSIVE_CLASS*/ .u-section-10 { margin-top: 0; margin-bottom: 0; min-height: 321px; } .u-section-10 .u-group-1 { width: 1140px; min-height: 197px; margin: 59px auto 0; } .u-section-10 .u-container-layout-1 { padding: 30px; } .u-section-10 .u-text-1 { margin: 0 auto; } .u-section-10 .u-text-2 { margin: 20px 59px 0; } .u-section-10 .u-form-1 { height: 69px; width: 570px; margin: 20px auto 0; } .u-section-10 .u-btn-1 { background-image: none; border-style: none; padding: 4px 21px 5px 19px; } .u-section-10 .u-icon-1 { color: rgb(255, 255, 255) !important; font-size: 1.5em; } .u-section-10 .u-custom-html-1 { min-height: 25px; margin-top: 20px; margin-bottom: 20px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-10 .u-group-1 { width: 940px; } .u-section-10 .u-custom-html-1 { height: auto; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-10 .u-group-1 { width: 940px; } .u-lg .u-section-10 .u-custom-html-1 { height: auto; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-10 { min-height: 509px; } .u-section-10 .u-group-1 { width: 720px; margin-top: 60px; } .u-section-10 .u-custom-html-1 { margin-top: 0; margin-bottom: 60px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-10 { min-height: 509px; } .u-md .u-section-10 .u-group-1 { width: 720px; margin-top: 60px; } .u-md .u-section-10 .u-custom-html-1 { margin-top: 0; margin-bottom: 60px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-10 .u-group-1 { width: 540px; } .u-section-10 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-10 .u-form-1 { width: 540px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-10 .u-group-1 { width: 540px; } .u-sm .u-section-10 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-sm .u-section-10 .u-form-1 { width: 540px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-10 .u-group-1 { width: 340px; } .u-section-10 .u-text-2 { width: auto; margin-left: 20px; margin-right: 20px; } .u-section-10 .u-form-1 { width: 340px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-10 .u-group-1 { width: 340px; } .u-xs .u-section-10 .u-text-2 { width: auto; margin-left: 20px; margin-right: 20px; } .u-xs .u-section-10 .u-form-1 { width: 340px; } /*/RESPONSIVE_CLASS*/ .u-section-11 { background-image: none; margin-top: 0; margin-bottom: 0; } .u-section-11 .u-sheet-1 { min-height: 324px; } .u-section-11 .u-image-1 { width: 270px; height: 149px; margin: -82px 0 0 auto; } .u-section-11 .u-group-1 { min-height: 231px; width: 900px; margin: -36px auto 60px; } .u-section-11 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-11 .u-text-1 { font-weight: 400; margin: 28px 0 0; } .u-section-11 .u-text-2 { margin: 20px 20px 0; } .u-section-11 .u-btn-1 { background-image: none; margin: 20px auto 0; padding: 15px 55px; } /*RESPONSIVE_MEDIA*/ @media (max-width: 1199px) { .u-section-11 .u-sheet-1 { min-height: 299px; } .u-section-11 .u-image-1 { width: 247px; height: 122px; margin-top: -18px; } .u-section-11 .u-group-1 { width: 761px; margin-top: -70px; } .u-section-11 .u-text-1 { margin-top: 26px; margin-left: 50px; margin-right: 50px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-lg .u-section-11 .u-sheet-1 { min-height: 299px; } .u-lg .u-section-11 .u-image-1 { width: 247px; height: 122px; margin-top: -18px; } .u-lg .u-section-11 .u-group-1 { width: 761px; margin-top: -70px; } .u-lg .u-section-11 .u-text-1 { margin-top: 26px; margin-left: 50px; margin-right: 50px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 991px) { .u-section-11 .u-sheet-1 { min-height: 352px; } .u-section-11 .u-image-1 { width: 237px; height: 142px; margin-top: -50px; margin-right: 20px; } .u-section-11 .u-group-1 { margin-top: -14px; margin-right: initial; margin-left: initial; width: auto; } .u-section-11 .u-text-1 { margin-top: 30px; margin-left: 32px; margin-right: 32px; } .u-section-11 .u-text-2 { margin-left: 0; margin-right: 0; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-md .u-section-11 .u-sheet-1 { min-height: 352px; } .u-md .u-section-11 .u-image-1 { width: 237px; height: 142px; margin-top: -50px; margin-right: 20px; } .u-md .u-section-11 .u-group-1 { margin-top: -14px; margin-right: initial; margin-left: initial; width: auto; } .u-md .u-section-11 .u-text-1 { margin-top: 30px; margin-left: 32px; margin-right: 32px; } .u-md .u-section-11 .u-text-2 { margin-left: 0; margin-right: 0; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 767px) { .u-section-11 .u-sheet-1 { min-height: 374px; } .u-section-11 .u-image-1 { width: 241px; height: 145px; margin-top: -81px; margin-right: 15px; } .u-section-11 .u-group-1 { margin-top: -1px; min-height: 271px; width: auto; margin-right: initial; margin-left: initial; } .u-section-11 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-11 .u-text-1 { margin-top: 39px; margin-left: 15px; margin-right: 15px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-sm .u-section-11 .u-sheet-1 { min-height: 374px; } .u-sm .u-section-11 .u-image-1 { width: 241px; height: 145px; margin-top: -81px; margin-right: 15px; } .u-sm .u-section-11 .u-group-1 { margin-top: -1px; min-height: 271px; width: auto; margin-right: initial; margin-left: initial; } .u-sm .u-section-11 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-sm .u-section-11 .u-text-1 { margin-top: 39px; margin-left: 15px; margin-right: 15px; } /*/RESPONSIVE_CLASS*/ /*RESPONSIVE_MEDIA*/ @media (max-width: 575px) { .u-section-11 .u-sheet-1 { min-height: 490px; } .u-section-11 .u-image-1 { height: 122px; width: 203px; margin-top: -55px; margin-right: 0; } .u-section-11 .u-group-1 { margin-top: 43px; width: auto; margin-right: initial; margin-left: initial; } .u-section-11 .u-text-1 { margin-top: 25px; margin-left: 4px; margin-right: 4px; } } /*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_CLASS*/ .u-xs .u-section-11 .u-sheet-1 { min-height: 490px; } .u-xs .u-section-11 .u-image-1 { height: 122px; width: 203px; margin-top: -55px; margin-right: 0; } .u-xs .u-section-11 .u-group-1 { margin-top: 43px; width: auto; margin-right: initial; margin-left: initial; } .u-xs .u-section-11 .u-text-1 { margin-top: 25px; margin-left: 4px; margin-right: 4px; } /*/RESPONSIVE_CLASS*/ </style> <style> #main, .footer > .row { margin-left: 0; margin-right: 0; } .navbar { margin-bottom: 0; } .navbar a, .navbar ul { margin: 0; } .footer ul { margin: 0 0 10px 0; } </style>  <!— Pinterest Tag —>  <!— end Pinterest Tag —> <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">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="/html-website-builder">EN</a></li> <li><a href="/ru/html-website-builder">RU</a></li> <li><a href="/de/html-website-builder">DE</a></li> <li><a href="/it/html-website-builder">IT</a></li> <li><a href="/es/html-website-builder">ES</a></li> <li><a href="/fr/html-website-builder">FR</a></li> <li><a href="/pt/html-website-builder">PT</a></li> <li><a href="/pl/html-website-builder">PL</a></li> <li><a href="/nl/html-website-builder">NL</a></li> <li><a href="/tr/html-website-builder">TR</a></li> <li><a href="/sv/html-website-builder">SV</a></li> <li><a href="/cs/html-website-builder">CS</a></li> <li><a href="/hu/html-website-builder">HU</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 id="main" class="container-fluid"> <div class="u-body u-xl-mode"> <section class="skrollable skrollable-between u-clearfix u-image u-parallax u-video-contain lazyload u-section-1" id="sec-bc44" data-bg="url("//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/883a5e5a156e5e31a5e2d833/bg2.jpg")"> <div class="u-clearfix u-sheet u-sheet-1"> <div class="u-align-left u-expanded-width-sm u-gradient u-shape u-shape-rectangle u-shape-1"></div> <div class="u-align-left u-container-align-left u-container-style u-custom-color-3 u-expanded-width-lg u-expanded-width-md u-expanded-width-xs u-group u-opacity u-opacity-95 u-group-1"> <div class="u-container-layout u-container-layout-1"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-image-width="297" data-image-height="420" data-src="//images02.nicepagecdn.com/a122014e1e8cdf24af08f98c/c04ef4cc6992510c8fb8a984/html5.png"> <h1 class="localized u-text u-text-body-alt-color u-title u-text-1">HTML Builder. HTML Generator.<br>Free HTML Website Builder.<br> </h1> <p class="localized u-custom-font u-font-roboto u-text u-text-grey-10 u-text-2">Create HTML websites with the best free wysiwyg HTML Website Builder and Page Editor. Start with one of 10,000+ free HTML Templates.<br>Mobile-friendly. No coding. Generate HTML Website.<br> </p> <a href="/download#" class="localized u-btn u-btn-round u-button-style u-palette-1-base u-radius-4 u-btn-1">Download now</a> </div> </div> </div> </section> <section class="u-clearfix u-section-2" id="sec-d4e7"> <div class="u-expanded-height u-grey-5 u-shape u-shape-rectangle u-shape-1"></div> <div class="u-gradient u-shape u-shape-rectangle u-shape-2"></div> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/3a6bd783fc3d51af85eab80c/bars1.png"> <div class="data-layout-selected u-clearfix u-layout-wrap u-layout-wrap-1"> <div class="u-layout"> <div class="u-layout-row"> <div class="u-align-left u-container-align-left u-container-style u-layout-cell u-left-cell u-size-21 u-layout-cell-1"> <div class="u-container-layout u-valign-top-xs u-container-layout-1"> <h2 class="localized u-text u-text-1">Use HTML creator to build a website with no coding </h2> <p class="localized u-text u-text-2">Simple drag-and-drop HTML editor lets you implement any ideas for HTML Templates. Use responsive image gallery, video backgrounds, parallax,  hamburger menu, sticky header and animation to bring sites to life.</p> <a href="/features#" class="localized u-btn u-btn-round u-button-style u-palette-2-base u-radius-4 u-btn-1">all features</a> </div> </div> <div class="u-container-style u-layout-cell u-right-cell u-size-39 u-layout-cell-2"> <div class="u-container-layout u-valign-middle-xl u-container-layout-2"> <div class="u-expanded-width u-video u-video-contain-lg u-video-contain-md u-video-contain-sm u-video-contain-xs u-video-cover-xl u-video-1"> <div class="embed-responsive"> <video class="embed-responsive-item lazyload" data-autoplay="1" loop="" muted="" autoplay="autoplay" playsinline="" data-src="https://csite.resource.nicepage.com/editor.mp4?v2"> <source type="video/mp4"> <p>Your browser does not support HTML5 video.</p> </video> </div> </div> </div> </div> </div> </div> </div> </section> <section class="u-clearfix u-gradient u-section-3" id="carousel_6312"> <div class="u-clearfix u-sheet u-sheet-1"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/027aba6664835d6ea473f4f1/bars.png"> <div class="u-clearfix u-expanded-width u-gutter-30 u-layout-wrap u-layout-wrap-1"> <div class="u-layout"> <div class="u-layout-row"> <div class="u-container-style u-layout-cell u-right-cell u-size-40 u-layout-cell-1"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-xl"> <img alt="" class="u-expanded-height-sm u-hidden-sm u-hidden-xs u-image u-image-default lazyload u-image-2" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/61abe115407653fa90dd9398/old.jpg"> <img alt="" class="u-expanded-height-sm u-image u-image-default lazyload u-image-3" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/253fa47eb54f5844a678c0ea/new.jpg"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-4" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/bf3eeb3dda0b577a9c533059/arrow.png"> </div> </div> <div class="u-align-left u-container-align-left u-container-style u-layout-cell u-left-cell u-size-20 u-layout-cell-2"> <div class="u-container-layout u-container-layout-2"> <h2 class="localized u-text u-text-body-alt-color u-text-1">What Is<br>Web Design 3.0? </h2> <p class="localized u-text u-text-grey-10 u-text-2">Learn how to build the most trendy HTML websites on the Web. No need to hire professional web designers with the Nicepage HTML generator.</p> <a href="/doc/article/20348/web-design-3-0-when-your-web-design-really-matters" class="localized u-btn u-btn-round u-button-style u-palette-1-base u-radius-4 u-btn-1">Open the secret</a> </div> </div> </div> </div> </div> </div> </section> <section class="u-clearfix u-section-4" id="carousel_24a8"> <div class="u-clearfix u-sheet u-sheet-1"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/3a6bd783fc3d51af85eab80c/bars1.png"> <div class="u-container-style u-expanded-width-lg u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-align-center u-text u-text-1">All You Need to create Sites with HTML Generator</h2> <p class="localized u-align-center u-text u-text-2">Our HTML maker provides integration with Social Media, Google Maps, Google Fonts, Icons, YouTube, Contact Forms, and many other built-in powerful features. Use our WYSIWYG editor and code generator to launch websites and customize easily with visual drag-and-drop builder.</p> </div> </div> <div class="u-clearfix u-expanded-width-xs u-gutter-30 u-layout-wrap u-layout-wrap-1"> <div class="u-layout"> <div class="u-layout-row"> <div class="u-container-style u-layout-cell u-left-cell u-size-15 u-size-30-md u-layout-cell-1"> <div class="u-container-layout"> <div class="u-custom-color-4 u-shape u-shape-rectangle u-shape-1"></div> <span class="u-icon u-icon-circle u-text-body-alt-color u-icon-1"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 480.164 480.164" style=""><use xlink:href="#svg-bff5"></use></svg> <svg class="u-svg-content" viewBox="0 0 480.164 480.164" x="0px" y="0px" id="svg-bff5" style="enable-background:new 0 0 480.164 480.164;"><g><g><path d="M464.164,232.082c-3.141,0.102-6.352,1.938-7.594,5.027l-7.133,17.84l-17.719-64.973c-0.875-3.199-3.633-5.527-6.93-5.855 c-3.359-0.359-6.461,1.422-7.945,4.383l-21.789,43.578h-12.249c11.185-22.096,17.194-46.638,17.194-72 c0-88.223-71.773-160-160-160s-160,71.777-160,160c0,25.371,6.015,49.92,17.206,72.021l-1.042-0.021 c-3.219,0.102-6.352,1.938-7.594,5.027l-7.133,17.84l-17.719-64.973c-0.875-3.199-3.633-5.527-6.93-5.855 c-3.391-0.359-6.461,1.422-7.945,4.383l-21.789,43.578H0v16h32c3.031,0,5.797-1.711,7.156-4.422l14.633-29.273l18.492,67.801 c0.906,3.316,3.828,5.684,7.266,5.883c0.148,0.008,0.305,0.012,0.453,0.012c3.258,0,6.211-1.98,7.43-5.027l13.945-34.863 l5.367,0.108c4.106,6.168,8.52,12.16,13.508,17.767c0.219,0.859,0.586,1.691,1.094,2.453 c26.258,39.383,27.789,47.543,32.344,71.77c0.844,4.449,1.773,9.391,2.953,15.078c2.036,9.923,7.845,18.002,15.669,23.056 c-2.702,3.883-4.31,8.58-4.31,13.659c0,8.523,4.497,15.975,11.211,20.233c-1.985,3.492-3.211,7.471-3.211,11.767 c0,8.523,4.497,15.975,11.211,20.233c-1.985,3.492-3.211,7.471-3.211,11.767c0,13.234,10.766,24,24,24h64 c13.234,0,24-10.766,24-24c0-4.296-1.226-8.274-3.211-11.767c6.714-4.259,11.211-11.71,11.211-20.233 c0-4.296-1.226-8.274-3.211-11.767c6.714-4.259,11.211-11.71,11.211-20.233c0-5.079-1.607-9.775-4.309-13.658 c7.824-5.052,13.632-13.125,15.668-23.037c1.18-5.707,2.109-10.648,2.953-15.098c4.555-24.227,6.086-32.387,32.344-71.77 c0.508-0.762,0.875-1.594,1.094-2.453c5.047-5.673,9.51-11.737,13.654-17.984H400c3.031,0,5.797-1.711,7.156-4.422l14.633-29.273 l18.492,67.801c0.906,3.316,3.828,5.684,7.266,5.883c0.148,0.008,0.305,0.012,0.453,0.012c3.258,0,6.211-1.98,7.43-5.027 l13.945-34.863l10.461,0.211l0.328-16L464.164,232.082z M272,464.082h-64c-4.414,0-8-3.59-8-8s3.586-8,8-8h64c4.414,0,8,3.59,8,8 S276.414,464.082,272,464.082z M280,432.082h-8h-64h-8c-4.414,0-8-3.59-8-8s3.586-8,8-8h80c4.414,0,8,3.59,8,8 S284.414,432.082,280,432.082z M288,400.082h-8h-80h-8c-4.414,0-8-3.59-8-8s3.586-8,8-8h96c4.414,0,8,3.59,8,8 S292.414,400.082,288,400.082z M344.898,258.59c-1.305,1.387-2.047,3.164-2.164,4.992c-25.586,38.84-27.563,49.379-32.148,73.75 c-0.82,4.359-1.734,9.207-2.898,14.824c-1.922,9.375-9.727,15.926-18.969,15.926H288h-14.468l21.176-120H304 c13.234,0,24-10.766,24-24v-32h24c4.422,0,8-3.582,8-8v-40c0-13.234-10.766-24-24-24v-24c0-13.234-10.766-24-24-24h-8 c0-13.234-10.766-24-24-24h-24c-4.422,0-8,3.582-8,8v184c0,4.418,3.578,8,8,8h22.468l-21.176,120h-34.583l-21.176-120H224 c4.422,0,8-3.582,8-8v-184c0-4.418-3.578-8-8-8h-24c-13.234,0-24,10.766-24,24h-8c-13.234,0-24,10.766-24,24v24 c-13.234,0-24,10.766-24,24v56c0,4.418,3.578,8,8,8h24v16c0,13.234,10.766,24,24,24h9.292l21.176,120H192h-0.719 c-9.242,0-17.047-6.551-18.969-15.945c-1.164-5.598-2.078-10.445-2.898-14.805c-4.586-24.371-6.563-34.91-32.148-73.75 c-0.117-1.828-0.859-3.605-2.164-4.992C109.883,231.879,96,196.898,96,160.082c0-79.402,64.602-144,144-144s144,64.598,144,144 C384,196.898,370.117,231.879,344.898,258.59z M296,136.082v-24c0-4.418-3.578-8-8-8h-24v-40h16c4.414,0,8,3.59,8,8v8 c0,4.418,3.578,8,8,8h16c4.414,0,8,3.59,8,8v32c0,4.418,3.578,8,8,8h8c4.414,0,8,3.59,8,8v32h-24h-32c-4.422,0-8,3.582-8,8v16h16 v-8h16v32c0,4.41-3.586,8-8,8h-40v-112h16v16H296z M160,160.082c-4.422,0-8,3.582-8,8v24h-16v-48c0-4.41,3.586-8,8-8h8 c4.422,0,8-3.582,8-8v-32c0-4.41,3.586-8,8-8h8v16h16v-24v-8c0-4.41,3.586-8,8-8h16v168h-40c-4.414,0-8-3.59-8-8v-24v-24h16v-16 H160z"></path> </g> </g></svg> </span> <div class="u-align-center-lg u-align-center-md u-align-center-xl u-align-center-xs u-align-left-sm u-container-style u-group u-white u-group-2"> <div class="u-container-layout u-valign-middle-sm u-container-layout-3"> <h4 class="localized u-align-center-sm u-text u-text-3">1000s of<br>Web Templates </h4> <p class="localized u-align-center-sm u-text u-text-4">Select from a huge variety of designer-made templates.</p> </div> </div> </div> </div> <div class="u-container-style u-layout-cell u-size-15 u-size-30-md u-layout-cell-2"> <div class="u-container-layout"> <div class="u-palette-1-base u-shape u-shape-rectangle u-shape-2"></div> <span class="u-icon u-icon-circle u-text-body-alt-color u-icon-2"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xlink:href="#svg-1baf"></use></svg> <svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-1baf" style="enable-background:new 0 0 512 512;"><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> </span> <div class="u-align-center-xl u-align-center-xs u-align-left-lg u-align-left-sm u-container-style u-group u-white u-group-3"> <div class="u-container-layout u-valign-middle-md u-valign-middle-sm u-valign-middle-xs"> <h4 class="localized u-align-center-lg u-align-center-md u-align-center-sm u-text u-text-5">Easy Drag-n-Drop</h4> <p class="localized u-align-center-lg u-align-center-md u-align-center-sm u-text u-text-6">Customize anything on your website with simple dragging.</p> </div> </div> </div> </div> <div class="u-container-style u-layout-cell u-size-15 u-size-30-md u-layout-cell-3"> <div class="u-container-layout u-valign-top-sm"> <div class="u-palette-4-base u-shape u-shape-rectangle u-shape-3"></div> <span class="u-icon u-icon-circle u-text-body-alt-color u-icon-3"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 480 480" style=""><use xlink:href="#svg-4ed8"></use></svg> <svg class="u-svg-content" viewBox="0 0 480 480" x="0px" y="0px" id="svg-4ed8" style="enable-background:new 0 0 480 480;"><g><g><path d="M392,0H88C65.92,0.026,48.026,17.92,48,40v216c0.026,22.08,17.92,39.974,40,40h109.392l-11.424,40H160v16h160v-16h-25.968 l-11.424-40H392c22.08-0.026,39.974-17.92,40-40V40C431.974,17.92,414.08,0.026,392,0z M202.608,336l11.424-40h51.936l11.424,40 H202.608z M416,256c0,13.255-10.745,24-24,24H88c-13.255,0-24-10.745-24-24v-16h352V256z M416,224H64V40c0-13.255,10.745-24,24-24 h304c13.255,0,24,10.745,24,24V224z"></path> </g> </g><g><g><path d="M304,368H80c-4.418,0-8,3.582-8,8v96c0,4.418,3.582,8,8,8h224c4.418,0,8-3.582,8-8v-96C312,371.582,308.418,368,304,368z M296,464H88v-80h208V464z"></path> </g> </g><g><g><rect x="104" y="432" width="16" height="16"></rect> </g> </g><g><g><rect x="104" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="136" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="168" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="232" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="200" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="264" y="432" width="16" height="16"></rect> </g> </g><g><g><rect x="264" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="136" y="432" width="112" height="16"></rect> </g> </g><g><g><path d="M368,368c-22.091,0-40,17.909-40,40v32c0,22.091,17.909,40,40,40c22.091,0,40-17.909,40-40v-32 C408,385.909,390.091,368,368,368z M392,440c0,13.255-10.745,24-24,24s-24-10.745-24-24v-32c0-13.255,10.745-24,24-24 s24,10.745,24,24V440z"></path> </g> </g><g><g><rect x="360" y="400" width="16" height="16"></rect> </g> </g><g><g><rect x="181.737" y="120.139" transform="matrix(0.2751 -0.9614 0.9614 0.2751 50.7457 323.5759)" width="116.43" height="15.993"></rect> </g> </g><g><g><path d="M197.12,94.144l-10.24-12.288l-48,40c-3.393,2.83-3.85,7.874-1.02,11.268c0.309,0.37,0.65,0.712,1.02,1.02l48,40 l10.24-12.288L156.496,128L197.12,94.144z"></path> </g> </g><g><g><path d="M342.14,122.876c-0.309-0.37-0.65-0.712-1.02-1.02l-48-40l-10.24,12.288L323.504,128l-40.624,33.856l10.24,12.288l48-40 C344.513,131.314,344.97,126.27,342.14,122.876z"></path> </g> </g></svg> </span> <div class="u-align-center-xl u-align-center-xs u-align-left-lg u-align-left-sm u-container-style u-group u-white u-group-4"> <div class="u-container-layout u-valign-middle-md u-valign-middle-sm u-valign-middle-xs"> <h4 class="localized u-align-center-lg u-align-center-md u-align-center-sm u-text u-text-7">No Coding</h4> <p class="localized u-align-center-lg u-align-center-md u-align-center-sm u-text u-text-8">Visually add, edit, move, and modify with no coding!</p> </div> </div> </div> </div> <div class="u-container-style u-layout-cell u-right-cell u-size-15 u-size-30-md u-layout-cell-4"> <div class="u-container-layout u-valign-top-sm"> <div class="u-palette-3-light-1 u-shape u-shape-rectangle u-shape-4"></div> <span class="u-icon u-icon-circle u-text-body-alt-color u-icon-4"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xlink:href="#svg-d4f1"></use></svg> <svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-d4f1" style="enable-background:new 0 0 512 512;"><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> </span> <div class="u-align-center-sm u-align-center-xl u-align-center-xs u-align-left-lg u-container-style u-group u-white u-group-5"> <div class="u-container-layout u-valign-middle-md u-valign-middle-xs"> <h4 class="localized u-align-center-lg u-align-center-md u-text u-text-9">Mobile-Friendly</h4> <p class="localized u-align-center-lg u-align-center-md u-text u-text-10">Build websites that look great on all modern devices.</p> </div> </div> </div> </div> </div> </div> </div> <a href="/features#" class="localized u-btn u-btn-round u-button-style u-palette-2-base u-radius-4 u-btn-1">See all features</a> </div> </section> <section class="u-clearfix u-gradient u-valign-bottom-lg u-valign-bottom-xl u-section-5" id="sec-84f9"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/027aba6664835d6ea473f4f1/bars.png"> <div class="u-container-style u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-align-center u-text u-text-body-alt-color u-text-1">10,0<a href="/html-templates">00+ Free HTML Page Templates</a> </h2> <p class="localized u-align-center u-text u-text-body-alt-color u-text-2">Meet our best multi-purpose templates hand-picked by professional designers. All page templates look great on all modern devices. Select any template and customize it with the powerful webpage editor.</p> <a href="/html-templates" class="localized u-btn u-btn-round u-button-style u-radius-4 u-white u-btn-1">Get templates</a> </div> </div> <img alt="3500+ Free HTML Templates" class="u-hidden-sm u-hidden-xs u-image u-image-default lazyload u-image-2" data-href="/html-templates" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/495ab9fba2535c0ea53ed004/templates.png"> <img alt="3500+ Free HTML Templates" class="u-expanded-width-sm u-expanded-width-xs u-image u-image-default lazyload u-image-3" data-href="/html-templates" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/a41595183007541a81424eac/examples.jpg"> </section> <section class="u-clearfix u-white u-section-6" id="sec-d9bd"> <div class="u-clearfix u-sheet u-sheet-1"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/3a6bd783fc3d51af85eab80c/bars1.png"> <div class="u-container-style u-expanded-width u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-align-center u-text u-text-1">Perfect Results With HTML Maker On Any Device</h2> <p class="localized u-align-center u-text u-text-2">Web pages are absolutely mobile-friendly, retina-ready, and look perfect in all device views. Generated websites have a mobile-optimized version looking beautiful on smaller screens. You can easily customize all your desktop, laptop, and phone views separately.</p> </div> </div> <img alt="" class="u-expanded-width u-image u-image-contain u-image-default lazyload u-image-2" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/fa829b7024d95355be849975/devices.jpg"> </div> </section> <section class="u-border-no-bottom u-border-no-left u-border-no-right u-border-no-top u-clearfix u-custom-color-3 u-section-7" id="sec-f1aa"> <div class="u-clearfix u-sheet u-sheet-1"> <div class="u-clearfix u-expanded-width u-gutter-10 u-layout-wrap u-layout-wrap-1"> <div class="u-gutter-0 u-layout"> <div class="u-layout-row"> <div class="u-container-style u-layout-cell u-left-cell u-size-20 u-layout-cell-1"> <div class="u-container-layout"> <img class="u-expanded-width-lg u-expanded-width-md u-expanded-width-xl u-image lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/5db7b57821675d57a331acb2/developer.jpg"> </div> </div> <div class="u-container-style u-layout-cell u-size-21 u-layout-cell-2"> <div class="u-container-layout u-valign-top-sm u-container-layout-2"> <span class="u-icon u-icon-circle u-icon-1"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 95.333 95.332" style=""><use xlink:href="#svg-9016"></use></svg> <svg class="u-svg-content" viewBox="0 0 95.333 95.332" x="0px" y="0px" id="svg-9016" style="enable-background:new 0 0 95.333 95.332;"><g><g><path d="M30.512,43.939c-2.348-0.676-4.696-1.019-6.98-1.019c-3.527,0-6.47,0.806-8.752,1.793 c2.2-8.054,7.485-21.951,18.013-23.516c0.975-0.145,1.774-0.85,2.04-1.799l2.301-8.23c0.194-0.696,0.079-1.441-0.318-2.045 s-1.035-1.007-1.75-1.105c-0.777-0.106-1.569-0.16-2.354-0.16c-12.637,0-25.152,13.19-30.433,32.076 c-3.1,11.08-4.009,27.738,3.627,38.223c4.273,5.867,10.507,9,18.529,9.313c0.033,0.001,0.065,0.002,0.098,0.002 c9.898,0,18.675-6.666,21.345-16.209c1.595-5.705,0.874-11.688-2.032-16.851C40.971,49.307,36.236,45.586,30.512,43.939z"></path><path d="M92.471,54.413c-2.875-5.106-7.61-8.827-13.334-10.474c-2.348-0.676-4.696-1.019-6.979-1.019 c-3.527,0-6.471,0.806-8.753,1.793c2.2-8.054,7.485-21.951,18.014-23.516c0.975-0.145,1.773-0.85,2.04-1.799l2.301-8.23 c0.194-0.696,0.079-1.441-0.318-2.045c-0.396-0.604-1.034-1.007-1.75-1.105c-0.776-0.106-1.568-0.16-2.354-0.16 c-12.637,0-25.152,13.19-30.434,32.076c-3.099,11.08-4.008,27.738,3.629,38.225c4.272,5.866,10.507,9,18.528,9.312 c0.033,0.001,0.065,0.002,0.099,0.002c9.897,0,18.675-6.666,21.345-16.209C96.098,65.559,95.376,59.575,92.471,54.413z"></path> </g> </g></svg> </span> <p class="localized u-text u-text-1">Nicepage is a must-have tool for any HTML user. It expands any HTML website adding a designer touch to it. It is easy-to-use, and works fast.</p> <h4 class="u-text u-text-2">Eric Smith</h4> <p class="localized u-text u-text-3">Web developer and joomler</p> </div> </div> <div class="u-container-style u-layout-cell u-right-cell u-size-19 u-layout-cell-3"> <div class="u-container-layout u-container-layout-3"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-2" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/e881c044355d534584bc032a/b.png"> <h2 class="localized u-text u-text-4">More happy customers</h2> <p class="localized u-text u-text-5">Create modern HTML websites and templates to get more customers</p> </div> </div> </div> </div> </div> </div> </section> <section class="u-clearfix u-white u-section-8" id="carousel_dc69"> <div class="u-clearfix u-sheet u-sheet-1"> <div class="u-container-style u-expanded-width u-group u-group-1"> <div class="u-container-layout u-valign-middle u-container-layout-1"> <h2 class="localized u-align-center u-text u-text-1">Companies That Use Our HTML Website Builder:</h2> </div> </div> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/3a6bd783fc3d51af85eab80c/bars1.png"> <div class="u-clearfix u-expanded-width u-gutter-30 u-layout-wrap u-layout-wrap-1"> <div class="u-gutter-0 u-layout"> <div class="u-layout-row"> <div class="u-align-center u-container-align-center u-container-style u-layout-cell u-left-cell u-size-12 u-size-60-md u-layout-cell-1"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs" src=""> <img class="u-expanded-width u-image u-image-contain lazyload u-image-2" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/8b02a1955644573abb272f40/amazon.jpg"> </div> </div> <div class="u-align-center u-container-align-center u-container-style u-layout-cell u-size-12 u-size-60-md u-layout-cell-2"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs" src=""> <img class="u-expanded-width u-image u-image-contain lazyload u-image-3" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/1cc443814beb52cab576727f/gettyimages.jpg"> </div> </div> <div class="u-align-center-lg u-align-center-md u-align-center-sm u-container-style u-layout-cell u-size-12 u-size-60-md u-layout-cell-3"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs" src=""> <img class="u-expanded-width u-image u-image-contain lazyload u-image-4" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/34815a60bd2f5b46b5217732/microsoft.jpg"> </div> </div> <div class="u-align-center u-container-align-center u-container-style u-layout-cell u-size-12 u-size-60-md u-layout-cell-4"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs" src=""> <img class="u-expanded-width u-image u-image-contain lazyload u-image-5" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/e3027ff7bcd75d0aa140ba90/expedia.jpg"> </div> </div> <div class="u-align-center u-container-align-center u-container-style u-layout-cell u-right-cell u-size-12 u-size-60-md u-layout-cell-5"> <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs" src=""> <img class="u-expanded-width u-image u-image-contain lazyload u-image-6" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/ffd942b2e8bb5a239bf8ad65/comcast.jpg"> </div> </div> </div> </div> </div> </div> </section> <section class="u-clearfix u-grey-5 u-section-9" id="carousel_9c6e"> <div class="u-clearfix u-sheet u-valign-middle u-sheet-1"> <div class="u-align-center u-container-align-center u-container-style u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-text u-text-1">Free HTML Designer</h2> <p class="localized u-text u-text-2">Download the best free HTML creator for Windows or Mac OS today. Generate mobile-friendly websites that look great on all modern devices and browsers. Further, customize your designs with the powerful drag-and-drop editor with no coding.</p> <a href="/download#" class="localized u-align-center-sm u-align-center-xs u-btn u-btn-round u-button-style u-palette-1-base u-radius-4 u-btn-1">Download Now</a> </div> </div> </div> </section> <section class="u-align-center u-clearfix u-container-align-center u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-section-10" id="sec-c91f"> <div class="u-align-center u-container-align-center u-container-style u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-text u-text-default u-text-1">Best Free Generated HTML Templates</h2> <p class="localized u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-2">Choose from over 10,000 HTML templates for business, medicine, portfolio, technology, education, travel and other trending categories. All templates created with HTML designer are updated daily and available for free.</p> <div class="u-form u-hidden-sm u-hidden-xs u-form-1"> <form action="/html-templates" class="u-clearfix u-form-custom-backend u-form-horizontal u-form-spacing-0 u-inner-form" style="padding: 0px;" source="custom" redirect="true" method="post"> <div class="u-form-group u-form-name"> <label for="name-558c" class="u-form-control-hidden u-label">Name</label> <input type="text" placeholder="Enter Keywords" id="name-558c" name="term" class="u-input u-input-rectangle" required=""> </div> <div class="u-form-group u-form-submit"> <a href="#" class="u-btn u-btn-submit u-button-style u-grey-25 u-btn-1"> <span class="u-icon u-icon-1"> <svg class="u-svg-content" viewBox="0 0 56.966 56.966" x="0px" y="0px" style="width: 1em; height: 1em;"><path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z"></path></svg> </span> </a> <input type="submit" value="submit" class="u-form-control-hidden"> </div> <div class="u-form-send-message u-form-send-success">Thank you! Your message has been sent.</div> <div class="u-form-send-error u-form-send-message">Unable to send your message. Please fix errors then try again.</div> <input type="hidden" value="" name="recaptchaResponse"> </form> </div> </div> </div> <div class="u-clearfix u-custom-html u-expanded-width u-custom-html-1"><style> </style> <div class="thumbnails-grid"> <ul class="thumbnails thumbnails-loading list-unstyled"> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 155px;" data-like = 197 > <div class="page-image"> <a class="thumbnail" href="/h/2845281/reduce-everyday-html-website-builder" style="width:260px; height: 105px;" title="Reduce Everyday - HTML Builder Drag And Drop"><img alt="Reduce Everyday - HTML Builder Drag And Drop" class="media-image noversion" src="https://images01.nicepagecdn.com/page/28/45/html-website-builder-2845281.jpg" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2845281/reduce-everyday-html-website-builder" title="Reduce Everyday - HTML Builder Drag And Drop">Reduce Everyday - HTML Builder Drag And Drop</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 240px;" data-like = 75 data-set = 32> <div class="page-image"> <a class="thumbnail" href="/h/5232872/discover-a-bright-future-html-website-builder" style="width:260px; height: 190px;" title="Discover A Bright Future - HTML Layout Builder"><img alt="Discover A Bright Future - HTML Layout Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/52/32/html-website-builder-5232872.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/5232872/discover-a-bright-future-html-website-builder" title="Discover A Bright Future - HTML Layout Builder">Discover A Bright Future - HTML Layout Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 245px;" data-like = 199 > <div class="page-image"> <a class="thumbnail" href="/h/409202/medical-laboratory-technologists-html-website-builder" style="width:260px; height: 195px;" title="Medical Laboratory Technologists - HTML Site Builder"><img alt="Medical Laboratory Technologists - HTML Site Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/40/92/html-website-builder-409202.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/409202/medical-laboratory-technologists-html-website-builder" title="Medical Laboratory Technologists - HTML Site Builder">Medical Laboratory Technologists - HTML Site Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 208px;" data-like = 140 > <div class="page-image"> <a class="thumbnail" href="/h/954475/chocolate-truffles-html-website-builder" style="width:260px; height: 158px;" title="Chocolate Truffles - HTML Page Creator"><img alt="Chocolate Truffles - HTML Page Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/95/44/html-website-builder-954475.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/954475/chocolate-truffles-html-website-builder" title="Chocolate Truffles - HTML Page Creator">Chocolate Truffles - HTML Page Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 222px;" data-like = 79 > <div class="page-image"> <a class="thumbnail" href="/h/3050309/what-we-do-block-with-grid-html-website-builder" style="width:260px; height: 172px;" title="What We Do Block With Grid - HTML Page Creator"><img alt="What We Do Block With Grid - HTML Page Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/30/50/html-website-builder-3050309.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/3050309/what-we-do-block-with-grid-html-website-builder" title="What We Do Block With Grid - HTML Page Creator">What We Do Block With Grid - HTML Page Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 847px;" data-like = 618 > <div class="page-image"> <a class="thumbnail" href="/h/6248996/london-interior-design-studio-html-website-builder" style="width:260px; height: 797px;" title="London Interior Design Studio - Design HTML Page Online"><img alt="London Interior Design Studio - Design HTML Page Online" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/48/html-website-builder-6248996.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/6248996/london-interior-design-studio-html-website-builder" title="London Interior Design Studio - Design HTML Page Online">London Interior Design Studio - Design HTML Page Online</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 160px;" data-like = 83 > <div class="page-image"> <a class="thumbnail" href="/h/42384/cost-of-buying-html-website-builder" style="width:260px; height: 110px;" title="Cost Of Buying - HTML File Creator"><img alt="Cost Of Buying - HTML File Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/42/38/html-website-builder-42384.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/42384/cost-of-buying-html-website-builder" title="Cost Of Buying - HTML File Creator">Cost Of Buying - HTML File Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 117px;" data-like = 339 > <div class="page-image"> <a class="thumbnail" href="/h/42833/counter-symbol-medicine-html-website-builder" style="width:260px; height: 67px;" title="Counter Symbol Medicine - HTML Designer"><img alt="Counter Symbol Medicine - HTML Designer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/42/83/html-website-builder-42833.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/42833/counter-symbol-medicine-html-website-builder" title="Counter Symbol Medicine - HTML Designer">Counter Symbol Medicine - HTML Designer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 273px;" data-like = 106 > <div class="page-image"> <a class="thumbnail" href="/h/311968/data-center-switching-html-website-builder" style="width:260px; height: 223px;" title="Data Center Switching - Free HTML Website Builder"><img alt="Data Center Switching - Free HTML Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/31/19/html-website-builder-311968.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/311968/data-center-switching-html-website-builder" title="Data Center Switching - Free HTML Website Builder">Data Center Switching - Free HTML Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 125px;" data-like = 1068 > <div class="page-image"> <a class="thumbnail" href="/h/42765/our-business-advantages-html-website-builder" style="width:260px; height: 75px;" title="Our Business Advantages - HTML Builder Drag And Drop"><img alt="Our Business Advantages - HTML Builder Drag And Drop" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/42/76/html-website-builder-42765.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/42765/our-business-advantages-html-website-builder" title="Our Business Advantages - HTML Builder Drag And Drop">Our Business Advantages - HTML Builder Drag And Drop</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 320px;"> <div class="download-block " style="background-color: #363636; "> <div style="color: #ffffff;" class="download-title">Free Website Builder Software</div> <a class="btn btn-lg download-btn" href="/download" type="button" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 139px;" data-like = 349 > <div class="page-image"> <a class="thumbnail" href="/h/520156/submit-your-resume-html-website-builder" style="width:260px; height: 89px;" title="Submit Your Resume - Website Creation HTML"><img alt="Submit Your Resume - Website Creation HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/52/01/html-website-builder-520156.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/520156/submit-your-resume-html-website-builder" title="Submit Your Resume - Website Creation HTML">Submit Your Resume - Website Creation HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 195px;" data-like = 141 data-set = 24> <div class="page-image"> <a class="thumbnail" href="/h/6017172/relax-we-got-you-covered-html-website-builder" style="width:260px; height: 145px;" title="Relax, We Got You Covered - Design HTML Page Online"><img alt="Relax, We Got You Covered - Design HTML Page Online" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/17/html-website-builder-6017172.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/6017172/relax-we-got-you-covered-html-website-builder" title="Relax, We Got You Covered - Design HTML Page Online">Relax, We Got You Covered - Design HTML Page Online</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 207px;" data-like = 69 > <div class="page-image"> <a class="thumbnail" href="/h/91018/elite-personal-training-studio-html-website-builder" style="width:260px; height: 157px;" title="Elite Personal Training Studio‎ - HTML Template Builder"><img alt="Elite Personal Training Studio‎ - HTML Template Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/91/01/html-website-builder-91018.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/91018/elite-personal-training-studio-html-website-builder" title="Elite Personal Training Studio‎ - HTML Template Builder">Elite Personal Training Studio‎ - HTML Template Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 288px;" data-like = 459 > <div class="page-image"> <a class="thumbnail" href="/h/222922/management-consulting-company-html-website-builder" style="width:260px; height: 238px;" title="Management Consulting Company - HTML Site Builder"><img alt="Management Consulting Company - HTML Site Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/22/29/html-website-builder-222922.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/222922/management-consulting-company-html-website-builder" title="Management Consulting Company - HTML Site Builder">Management Consulting Company - HTML Site Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 202px;" data-like = 740 data-set = 17> <div class="page-image"> <a class="thumbnail" href="/h/2981948/help-with-setup-html-website-builder" style="width:260px; height: 152px;" title="Help With Setup - Website Creator HTML"><img alt="Help With Setup - Website Creator HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/29/81/html-website-builder-2981948.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2981948/help-with-setup-html-website-builder" title="Help With Setup - Website Creator HTML">Help With Setup - Website Creator HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 565px;" data-like = 445 > <div class="page-image"> <a class="thumbnail" href="/h/12450/dream-travel-agency-html-website-builder" style="width:260px; height: 515px;" title="Dream Travel Agency - Website Creation HTML"><img alt="Dream Travel Agency - Website Creation HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/12/45/html-website-builder-12450.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/12450/dream-travel-agency-html-website-builder" title="Dream Travel Agency - Website Creation HTML">Dream Travel Agency - Website Creation HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 272px;" data-like = 79 > <div class="page-image"> <a class="thumbnail" href="/h/2114412/travel-lowers-risk-of-depression-html-website-builder" style="width:260px; height: 222px;" title="Travel Lowers Risk Of Depression - Free HTML Website Builder"><img alt="Travel Lowers Risk Of Depression - Free HTML Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/14/html-website-builder-2114412.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2114412/travel-lowers-risk-of-depression-html-website-builder" title="Travel Lowers Risk Of Depression - Free HTML Website Builder">Travel Lowers Risk Of Depression - Free HTML Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 210px;" data-like = 63 > <div class="page-image"> <a class="thumbnail" href="/h/41896/whimsical-design-html-website-builder" style="width:260px; height: 160px;" title="Whimsical Design - HTML5 Website Builder"><img alt="Whimsical Design - HTML5 Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/41/89/html-website-builder-41896.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/41896/whimsical-design-html-website-builder" title="Whimsical Design - HTML5 Website Builder">Whimsical Design - HTML5 Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 725px;" data-like = 1204 data-set = 18> <div class="page-image"> <a class="thumbnail" href="/h/2013761/innovative-research-solutions-html-website-builder" style="width:260px; height: 675px;" title="Innovative Research Solutions - HTML Layout Builder"><img alt="Innovative Research Solutions - HTML Layout Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/20/13/html-website-builder-2013761.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2013761/innovative-research-solutions-html-website-builder" title="Innovative Research Solutions - HTML Layout Builder">Innovative Research Solutions - HTML Layout Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 182px;" data-like = 194 > <div class="page-image"> <a class="thumbnail" href="/h/198877/we-build-to-last-html-website-builder" style="width:260px; height: 132px;" title="We Build To Last - Online HTML Generator"><img alt="We Build To Last - Online HTML Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/19/88/html-website-builder-198877.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/198877/we-build-to-last-html-website-builder" title="We Build To Last - Online HTML Generator">We Build To Last - Online HTML Generator</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 280px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <div style="color: #3c3c3c;" class="download-title">Create your own Website</div> <a class="btn btn-lg download-btn" href="/download" type="button" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 891px;" data-like = 326 data-set = 23> <div class="page-image"> <a class="thumbnail" href="/h/4754261/we-have-designed-hundreds-of-websites-html-website-builder" style="width:260px; height: 841px;" title="We Have Designed Hundreds Of Websites - HTML Page Maker"><img alt="We Have Designed Hundreds Of Websites - HTML Page Maker" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/47/54/html-website-builder-4754261.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/4754261/we-have-designed-hundreds-of-websites-html-website-builder" title="We Have Designed Hundreds Of Websites - HTML Page Maker">We Have Designed Hundreds Of Websites - HTML Page Maker</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 195px;" data-like = 108 > <div class="page-image"> <a class="thumbnail" href="/h/2075657/principles-of-clean-eating-html-website-builder" style="width:260px; height: 145px;" title="Principles Of Clean Eating - Free HTML Website Builder"><img alt="Principles Of Clean Eating - Free HTML Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/20/75/html-website-builder-2075657.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2075657/principles-of-clean-eating-html-website-builder" title="Principles Of Clean Eating - Free HTML Website Builder">Principles Of Clean Eating - Free HTML Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 227px;" data-like = 141 > <div class="page-image"> <a class="thumbnail" href="/h/133919/problem-solving-tools-html-website-builder" style="width:260px; height: 177px;" title="Problem Solving Tools - HTML Website Creator"><img alt="Problem Solving Tools - HTML Website Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/13/39/html-website-builder-133919.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/133919/problem-solving-tools-html-website-builder" title="Problem Solving Tools - HTML Website Creator">Problem Solving Tools - HTML Website Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 229px;" data-like = 198 data-set = 14> <div class="page-image"> <a class="thumbnail" href="/h/6294364/embodying-style-html-website-builder" style="width:260px; height: 179px;" title="Powerful HTML Website Maker For Embodying Style"><img alt="Powerful HTML Website Maker For Embodying Style" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/94/html-website-builder-6294364.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/6294364/embodying-style-html-website-builder" title="Powerful HTML Website Maker For Embodying Style">Powerful HTML Website Maker For Embodying Style</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 282px;" data-like = 163 data-set = 21> <div class="page-image"> <a class="thumbnail" href="/h/859507/text-button-and-circle-image-html-website-builder" style="width:260px; height: 232px;" title="Text, Button And Circle Image - HTML Template Generator"><img alt="Text, Button And Circle Image - HTML Template Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/85/95/html-website-builder-859507.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/859507/text-button-and-circle-image-html-website-builder" title="Text, Button And Circle Image - HTML Template Generator">Text, Button And Circle Image - HTML Template Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 220px;" data-like = 145 > <div class="page-image"> <a class="thumbnail" href="/h/429768/logo-and-caption-in-the-photo-html-website-builder" style="width:260px; height: 170px;" title="Logo And Caption In The Photo - Online HTML Generator"><img alt="Logo And Caption In The Photo - Online HTML Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/42/97/html-website-builder-429768.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/429768/logo-and-caption-in-the-photo-html-website-builder" title="Logo And Caption In The Photo - Online HTML Generator">Logo And Caption In The Photo - Online HTML Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 337px;" data-like = 1468 data-set = 32> <div class="page-image"> <a class="thumbnail" href="/h/500665/multitalented-designer-html-website-builder" style="width:260px; height: 287px;" title="Multitalented Designer - Online HTML Generator"><img alt="Multitalented Designer - Online HTML Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/50/06/html-website-builder-500665.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/500665/multitalented-designer-html-website-builder" title="Multitalented Designer - Online HTML Generator">Multitalented Designer - Online HTML Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 138px;" data-like = 273 > <div class="page-image"> <a class="thumbnail" href="/h/1323717/what-we-do-text-block-html-website-builder" style="width:260px; height: 88px;" title="What We Do Text Block - Create HTML Page Online"><img alt="What We Do Text Block - Create HTML Page Online" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/13/23/html-website-builder-1323717.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1323717/what-we-do-text-block-html-website-builder" title="What We Do Text Block - Create HTML Page Online">What We Do Text Block - Create HTML Page Online</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 500px;" data-like = 1299 > <div class="page-image"> <a class="thumbnail" href="/h/39941/power-of-digital-business-html-website-builder" style="width:260px; height: 450px;" title="Power Of Digital Business - Builder HTML"><img alt="Power Of Digital Business - Builder HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/39/94/html-website-builder-39941.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/39941/power-of-digital-business-html-website-builder" title="Power Of Digital Business - Builder HTML">Power Of Digital Business - Builder HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 266px;" data-like = 226 > <div class="page-image"> <a class="thumbnail" href="/h/1673682/principles-of-education-html-website-builder" style="width:260px; height: 216px;" title="Principles Of Education - HTML Creator"><img alt="Principles Of Education - HTML Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/16/73/html-website-builder-1673682.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1673682/principles-of-education-html-website-builder" title="Principles Of Education - HTML Creator">Principles Of Education - HTML Creator</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/thumbs/a122014e1e8cdf24af08f98c/b99db2cc11f35f4eab449723/responsive-small-animation-dark_150.gif" alt="Mobile-Friendly Templates" /> <div style="color: #ffffff;" class="download-title">Mobile-Friendly Templates</div> <a class="btn btn-lg download-btn" href="/download" type="button" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 163px;" data-like = 152 data-set = 18> <div class="page-image"> <a class="thumbnail" href="/h/3910399/advantages-over-the-rest-html-website-builder" style="width:260px; height: 113px;" title="Advantages Over The Rest - HTML Designer"><img alt="Advantages Over The Rest - HTML Designer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/39/10/html-website-builder-3910399.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/3910399/advantages-over-the-rest-html-website-builder" title="Advantages Over The Rest - HTML Designer">Advantages Over The Rest - HTML Designer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 212px;" data-like = 2787 > <div class="page-image"> <a class="thumbnail" href="/h/656094/sneakers-html-website-builder" style="width:260px; height: 162px;" title="Sneakers - HTML Page Creator"><img alt="Sneakers - HTML Page Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/65/60/html-website-builder-656094.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/656094/sneakers-html-website-builder" title="Sneakers - HTML Page Creator">Sneakers - HTML Page Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 228px;" data-like = 561 > <div class="page-image"> <a class="thumbnail" href="/h/58664/the-benefits-of-traveling-html-website-builder" style="width:260px; height: 178px;" title="The Benefits Of Traveling - HTML Layout Generator"><img alt="The Benefits Of Traveling - HTML Layout Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/66/html-website-builder-58664.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/58664/the-benefits-of-traveling-html-website-builder" title="The Benefits Of Traveling - HTML Layout Generator">The Benefits Of Traveling - HTML Layout Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 174px;" data-like = 108 > <div class="page-image"> <a class="thumbnail" href="/h/94687/beauty-care-spa-program-html-website-builder" style="width:260px; height: 124px;" title="Beauty Care SPA Program - HTML Website Builder"><img alt="Beauty Care SPA Program - HTML Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/94/68/html-website-builder-94687.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/94687/beauty-care-spa-program-html-website-builder" title="Beauty Care SPA Program - HTML Website Builder">Beauty Care SPA Program - HTML Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 195px;" data-like = 57 > <div class="page-image"> <a class="thumbnail" href="/h/1966562/business-staff-html-website-builder" style="width:260px; height: 145px;" title="Business Staff - Website Creation HTML"><img alt="Business Staff - Website Creation HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/19/66/html-website-builder-1966562.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1966562/business-staff-html-website-builder" title="Business Staff - Website Creation HTML">Business Staff - Website Creation HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 189px;" data-like = 461 data-set = 14> <div class="page-image"> <a class="thumbnail" href="/h/5815825/we-invite-you-to-meet-us-html-website-builder" style="width:260px; height: 139px;" title="We Invite You To Meet Us - HTML Designer"><img alt="We Invite You To Meet Us - HTML Designer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/58/15/html-website-builder-5815825.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/5815825/we-invite-you-to-meet-us-html-website-builder" title="We Invite You To Meet Us - HTML Designer">We Invite You To Meet Us - HTML Designer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 273px;" data-like = 559 > <div class="page-image"> <a class="thumbnail" href="/h/1267820/contact-form-over-image-html-website-builder" style="width:260px; height: 223px;" title="Contact Form Over Image - HTML Writer"><img alt="Contact Form Over Image - HTML Writer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/12/67/html-website-builder-1267820.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1267820/contact-form-over-image-html-website-builder" title="Contact Form Over Image - HTML Writer">Contact Form Over Image - HTML Writer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 210px;" data-like = 152 > <div class="page-image"> <a class="thumbnail" href="/h/387913/about-the-construction-of-business-centers-html-website-builder" style="width:260px; height: 160px;" title="About The Construction Of Business Centers - HTML Page Generator"><img alt="About The Construction Of Business Centers - HTML Page Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/38/79/html-website-builder-387913.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/387913/about-the-construction-of-business-centers-html-website-builder" title="About The Construction Of Business Centers - HTML Page Generator">About The Construction Of Business Centers - HTML Page Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 215px;" data-like = 88 > <div class="page-image"> <a class="thumbnail" href="/h/402350/our-dream-team-html-website-builder" style="width:260px; height: 165px;" title="Our Dream Team - Builder HTML"><img alt="Our Dream Team - Builder HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/40/23/html-website-builder-402350.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/402350/our-dream-team-html-website-builder" title="Our Dream Team - Builder HTML">Our Dream Team - Builder HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 196px;" data-like = 372 > <div class="page-image"> <a class="thumbnail" href="/h/57464/different-training-programs-html-website-builder" style="width:260px; height: 146px;" title="Different Training Programs - HTML Maker"><img alt="Different Training Programs - HTML Maker" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/57/46/html-website-builder-57464.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/57464/different-training-programs-html-website-builder" title="Different Training Programs - HTML Maker">Different Training Programs - HTML Maker</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/b09223d099135909bcb0d471/drag-n-drop2_150.gif" alt="Easy Drag and Drop Editor" /> <div style="color: #3c3c3c;" class="download-title">Easy Drag and Drop Editor</div> <a class="btn btn-lg download-btn" href="/download" type="button" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 779px;" data-like = 211 > <div class="page-image"> <a class="thumbnail" href="/h/3408965/perfect-solutions-html-website-builder" style="width:260px; height: 729px;" title="Perfect Solutions - Website Creation HTML"><img alt="Perfect Solutions - Website Creation HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/34/08/html-website-builder-3408965.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/3408965/perfect-solutions-html-website-builder" title="Perfect Solutions - Website Creation HTML">Perfect Solutions - Website Creation HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 179px;" data-like = 386 data-set = 16> <div class="page-image"> <a class="thumbnail" href="/h/1843429/text-with-color-background-html-website-builder" style="width:260px; height: 129px;" title="Text With Color Background - Online HTML Page Builder"><img alt="Text With Color Background - Online HTML Page Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/18/43/html-website-builder-1843429.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1843429/text-with-color-background-html-website-builder" title="Text With Color Background - Online HTML Page Builder">Text With Color Background - Online HTML Page Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 275px;" data-like = 538 > <div class="page-image"> <a class="thumbnail" href="/h/247641/colored-contact-us-html-website-builder" style="width:260px; height: 225px;" title="Colored Contact Us - HTML Template Builder"><img alt="Colored Contact Us - HTML Template Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/24/76/html-website-builder-247641.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/247641/colored-contact-us-html-website-builder" title="Colored Contact Us - HTML Template Builder">Colored Contact Us - HTML Template Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 258px;" data-like = 109 > <div class="page-image"> <a class="thumbnail" href="/h/2184799/we-build-beautiful-websites-html-website-builder" style="width:260px; height: 208px;" title="We Build Beautiful Websites - Website Creator HTML"><img alt="We Build Beautiful Websites - Website Creator HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/21/84/html-website-builder-2184799.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/2184799/we-build-beautiful-websites-html-website-builder" title="We Build Beautiful Websites - Website Creator HTML">We Build Beautiful Websites - Website Creator HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 197px;" data-like = 300 > <div class="page-image"> <a class="thumbnail" href="/h/83062/follow-fashion-studio-html-website-builder" style="width:260px; height: 147px;" title="Follow Fashion Studio - Builder HTML"><img alt="Follow Fashion Studio - Builder HTML" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/83/06/html-website-builder-83062.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/83062/follow-fashion-studio-html-website-builder" title="Follow Fashion Studio - Builder HTML">Follow Fashion Studio - Builder HTML</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 288px;" data-like = 139 data-set = 21> <div class="page-image"> <a class="thumbnail" href="/h/1312620/book-your-appointment-html-website-builder" style="width:260px; height: 238px;" title="Book Your Appointment - Online HTML Generator"><img alt="Book Your Appointment - Online HTML Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/13/12/html-website-builder-1312620.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1312620/book-your-appointment-html-website-builder" title="Book Your Appointment - Online HTML Generator">Book Your Appointment - Online HTML Generator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 152px;" data-like = 321 > <div class="page-image"> <a class="thumbnail" href="/h/55869/colored-headers-html-website-builder" style="width:260px; height: 102px;" title="Colored Headers - HTML5 Website Builder"><img alt="Colored Headers - HTML5 Website Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/55/86/html-website-builder-55869.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/55869/colored-headers-html-website-builder" title="Colored Headers - HTML5 Website Builder">Colored Headers - HTML5 Website Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 657px;" data-like = 2807 data-set = 19> <div class="page-image"> <a class="thumbnail" href="/h/1978240/studio-for-design-and-branding-html-website-builder" style="width:260px; height: 607px;" title="Studio For Design And Branding - HTML Website Creator"><img alt="Studio For Design And Branding - HTML Website Creator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/19/78/html-website-builder-1978240.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/1978240/studio-for-design-and-branding-html-website-builder" title="Studio For Design And Branding - HTML Website Creator">Studio For Design And Branding - HTML Website Creator</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 197px;" data-like = 129 > <div class="page-image"> <a class="thumbnail" href="/h/112091/beautiful-mountain-landscape-html-website-builder" style="width:260px; height: 147px;" title="Beautiful Mountain Landscape - HTML Template Builder"><img alt="Beautiful Mountain Landscape - HTML Template Builder" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/11/20/html-website-builder-112091.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/112091/beautiful-mountain-landscape-html-website-builder" title="Beautiful Mountain Landscape - HTML Template Builder">Beautiful Mountain Landscape - HTML Template Builder</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 181px;" data-like = 145 > <div class="page-image"> <a class="thumbnail" href="/h/68451/get-our-consultation-html-website-builder" style="width:260px; height: 131px;" title="Get Our Consultation - HTML Template Generator"><img alt="Get Our Consultation - HTML Template Generator" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/68/45/html-website-builder-68451.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> </div> <div class="page-title one-row "> <a href="/h/68451/get-our-consultation-html-website-builder" title="Get Our Consultation - HTML Template Generator">Get Our Consultation - HTML Template Generator</a> </div> </li> </ul> </div></div> </section> <section class="u-clearfix u-grey-5 u-section-11" id="carousel_1a16"> <div class="u-clearfix u-sheet u-sheet-1"> <img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-src="//images03.nicepagecdn.com/a122014e1e8cdf24af08f98c/027aba6664835d6ea473f4f1/bars.png"> <div class="u-align-center u-container-align-center u-container-style u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-group u-group-1"> <div class="u-container-layout u-container-layout-1"> <h2 class="localized u-text u-text-1">HTML Page Creator</h2> <p class="localized u-text u-text-2">HMTL builder will help you build your own website with no effort at all! Download Nicepage HTML page creator for free now!</p> <a href="/download#" class="localized u-align-center-md u-align-center-sm u-align-center-xs u-btn u-btn-round u-button-style u-palette-1-base u-radius-4 u-btn-1">Download Now</a> </div> </div> </div> </section> </div> </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">© 2025 Nicepage Free Website Builder Software - All Rights Reserved</div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

HTML Builder | HTML Website Builder | HTML Generator