A bit about me HTML Template

<!DOCTYPE html> <html lang="en"> <head> <title>A bit about me HTML Template</title> <link rel="shortcut icon" href="//csite.nicepage.com/favicon.ico" type="image/x-icon"> <meta charset="utf-8" /> <meta name="Keywords" content=" "> <meta name="Description" content="A bit about me. Professional HTML Template. Responsive, fully customizable with easy Drag-n-Drop editor. You can use it for subjects like kalvin, piterson, portfolio, testimonials, solution. Categories: Home Page, Art & Design, Business & Law."> <meta property="og:type" content="website"> <meta property="og:url" content="https://nicepage.com/ht/3847937/a-bit-about-me-html-template"> <meta property="og:title" content="A bit about me HTML Template"> <meta property="og:image" content="https://images01.nicepagecdn.com/page/38/47/html-template-3847937.jpg?version=bc38cdff-e963-431f-83de-b9a20bdd3b56"> <meta property="og:description" content="A bit about me. Professional HTML Template. Responsive, fully customizable with easy Drag-n-Drop editor. You can use it for subjects like kalvin, piterson, portfolio, testimonials, solution. Categories: Home Page, Art & Design, Business & Law."> <meta property="og:site_name" content="Nicepage.com" /> <link rel="preload" href="https://images01.nicepagecdn.com/page/38/47/html-template-spreview-3847937.webp" as="image" type="image/webp" media="(max-width: 450px)"> <link rel="preload" href="https://images01.nicepagecdn.com/page/38/47/html-template-preview-3847937.webp" as="image" type="image/webp" media="(min-width: 451px)"> <link rel="alternate" hreflang="en" href="https://nicepage.com/ht/3847937/a-bit-about-me-html-template"> <link rel="alternate" hreflang="de" href="https://nicepage.com/de/ht/3847937/ein-bisschen-ueber-mich-html-vorlage"> <link rel="alternate" hreflang="nl" href="https://nicepage.com/nl/ht/3847937/een-beetje-over-mij-html-sjabloon"> <link rel="alternate" hreflang="fr" href="https://nicepage.com/fr/ht/3847937/un-peu-sur-moi-modele-html"> <link rel="alternate" hreflang="it" href="https://nicepage.com/it/ht/3847937/un-po-di-me-modello-html"> <link rel="alternate" hreflang="es" href="https://nicepage.com/es/ht/3847937/un-poco-sobre-mi-plantilla-html"> <link rel="alternate" hreflang="pl" href="https://nicepage.com/pl/ht/3847937/troche-o-mnie-szablon-html"> <link rel="alternate" hreflang="pt" href="https://nicepage.com/pt/ht/3847937/um-pouco-sobre-mim-modelo-html"> <link rel="alternate" hreflang="tr" href="https://nicepage.com/tr/ht/3847937/benim-hakkimda-biraz-html-sablonu"> <link rel="alternate" hreflang="ru" href="https://nicepage.com/ru/ht/3847937/nemnogo-obo-mne-html-shablon"> <link rel="alternate" hreflang="hu" href="https://nicepage.com/hu/ht/3847937/egy-kicsit-rolam-html-sablon"> <link rel="alternate" hreflang="cs" href="https://nicepage.com/cs/ht/3847937/neco-malo-o-mne-sablona-html"> <link rel="alternate" hreflang="sv" href="https://nicepage.com/sv/ht/3847937/lite-om-mig-html-mall"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width"> <script src="//capp.nicepage.com/1662e8971b75e227453abf2b0c0bb260dcad244d/template-detail-libs.js" defer></script> <link href="//capp.nicepage.com/1662e8971b75e227453abf2b0c0bb260dcad244d/template-detail-libs.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans:200,300,400,700,800,900&subset=latin" rel="preload" as="font" /> <script> window.isAuthenticated = 0; window.useExternalGtmCode = 0; window.clientUserId = 0; window.clientUserName = ''; window.userCountryCode = ''; window.logPageEvent = 1; window.userHasAdsParams = 0; window.utmSourceFromReferrer = 0; window.currentLang = ''; window.baseUrl = 'html-templates'; window.currentUrl = ''; window.np_userId = ''; window.isAmplitudeInitialized = false; window.sha256Email = ''; function getCookieOrLocalStorage(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) { return c.substring(nameEQ.length, c.length); } } var lsValue = localStorage.getItem(name); return !!lsValue; } function sendAnalyticsData(eventType, props, cb) { var json = { data: {} }; json.userToken = np_userId; json.data.adsParams = $.cookie('AdsParameters'); json.data.ga = $.cookie('_ga'); json.data.gac = $.cookie('_gac_UA-88868916-2'); json.data.userAgent = navigator.userAgent; json.data.eventType = eventType; json.data.props = props; $.ajax({ 'type': 'POST', 'url': '/Feedback/SendAdsLog', 'contentType': 'application/json; charset=utf-8', 'data': JSON.stringify(json), 'dataType': 'json', 'complete': cb || function() {} }); } function initializeAmplitudeUser() { if (isAmplitudeInitialized) { return; } isAmplitudeInitialized = true; if (clientUserId > 0) { identifyAmplitudeUser(clientUserId, clientUserName); } else { identifyAmplitudeUser(null); } } function sendAmplitudeAnalyticsData(eventName, eventProperties, userProperties, callback_function) { initializeAmplitudeUser(); if (userProperties) { if(userProperties.utm_source || userProperties.utm_campaign) { var identify = new amplitude.Identify(); identify.setOnce("utm_campaign", userProperties.utm_campaign); identify.setOnce("utm_source", userProperties.utm_source); identify.setOnce("utm_content", userProperties.utm_content); identify.setOnce("utm_group", userProperties.utm_group); identify.setOnce("utm_term", userProperties.utm_term); identify.setOnce("utm_page", userProperties.utm_page); identify.setOnce("utm_page2", userProperties.utm_page); identify.setOnce("referrer", userProperties.referrer); amplitude.getInstance().identify(identify); userProperties.utm_source_last = userProperties.utm_source; userProperties.utm_campaign_last = userProperties.utm_campaign; userProperties.utm_content_last = userProperties.utm_content; userProperties.utm_group_last = userProperties.utm_group; userProperties.utm_term_last = userProperties.utm_term; userProperties.utm_page_last = userProperties.utm_page; } var userProps = objectWithoutProperties(userProperties, ["utm_campaign", "utm_source","utm_content", "utm_term", "utm_page", "utm_group", "referrer"]); amplitude.getInstance().setUserProperties(userProps); } if (!eventProperties) { eventProperties = {}; } eventProperties.WebSite = 'true'; eventProperties.IsAuthenticated = window.isAuthenticated; eventProperties.country_code = getCountryCode(); eventProperties.lang = window.currentLang || ''; var fullPageUrl = window.location.pathname.split('?')[0]; eventProperties.full_page_url = fullPageUrl; eventProperties.page_url = clearPageUrl(fullPageUrl); if (typeof callback_function === 'function') { amplitude.getInstance().logEvent(eventName, eventProperties, callback_function); } else { amplitude.getInstance().logEvent(eventName, eventProperties); } } function identifyAmplitudeUser(userId, token) { if (userId) { amplitude.getInstance().setUserProperties({ "Token": token, "UserId": userId }); } var identify = new amplitude.Identify(); amplitude.getInstance().identify(identify); if (userId) { amplitude.getInstance().setUserId(userId); } } function getUtmParamsFromUrl() { var hash = window.location.hash; var url = new URL(window.location.href); if (hash && hash.indexOf('utm_') >= 0) { url = new URL(window.location.origin + window.location.pathname + hash.replace('#', '?')); } if (!url.searchParams) { return ''; } return getUtmParams(url); } function hasGoogleIdFromUrl() { var url = new URL(window.location.href); if (!url.searchParams) { return false; } return !!url.searchParams.get('gclid'); } function sendAnalyticsFromUrl(referrer, pageType) { var urlIsAvailable = typeof URL === "function" || (navigator.userAgent.indexOf('MSIE') !== -1 && typeof URL === 'object'); if (!urlIsAvailable) { return; } var utmParams = getUtmParamsFromUrl(); if (!utmParams) { return; } var gclidFromUrl = utmParams.gclid; var utmParamsFromUrl = !!utmParams.utmSource || !!utmParams.utmCampaign || !!utmParams.gclid; if (!utmParamsFromUrl && userHasAdsParams) { utmParams = getUtmParamsFromCookie(); } var canLog = canLogToAmplitude(pageType); if (utmParamsFromUrl || utmSourceFromReferrer) { var fullPageUrl = window.location.pathname.split('?')[0]; var pageUrl = clearPageUrl(fullPageUrl); var userProps = { "utm_source": utmParams.utmSource, "utm_campaign": utmParams.utmCampaign, "utm_content": utmParams.utmContent, "utm_group": utmParams.utmGroup, "utm_term": utmParams.utmTerm, "utm_page": getUtmPageValue(pageUrl), "utm_lang": window.currentLang || '', "referrer": referrer }; if (gclidFromUrl) { var landingUrl = pageUrl.startsWith('/') && pageUrl !== '/' ? pageUrl.substr(1) : pageUrl; userProps.landing_page = landingUrl; var event = { 'Page': landingUrl, 'Url': window.location.href, 'utm_campaign_event': utmParams.utmCampaign, 'utm_group_event': utmParams.utmGroup } sendAmplitudeAnalyticsData('Landing Page', event, userProps); } else { var eventProps = { "utm_source": utmParams.utmSource, "utm_campaign": utmParams.utmCampaign, "utm_content": utmParams.utmContent, "utm_group": utmParams.utmGroup, "utm_term": utmParams.utmTerm }; if (utmParams.utmSource === "elastic") { sendAmplitudeAnalyticsData('Email Click', eventProps); } if (canLog) { sendAmplitudeAnalyticsData('Campaign', eventProps, userProps); } } } if (logPageEvent && canLog || (pageType === 'Pricing Page' && window.isValidCountry(true))) { var pageEventProps = { 'type': pageType, 'accepted_country': isValidCountry(), 'force_log': !canLog }; if (utmParams.gclid) { pageEventProps.googleClickId = utmParams.gclid; } sendAmplitudeAnalyticsData('Page View', pageEventProps); } } document.addEventListener('DOMContentLoaded', function () { if (location.href.indexOf('/frame/') === -1 && window.location.href.indexOf('skipCookie') === -1) { PureCookie.initCookieConsent(); } setCountryCode('https://location.nicepagesrv.com/country'); setUserIdCookie(); var referrer = ''; var pageType = 'Template Detail Page'; sendAnalyticsFromUrl(referrer, pageType); }); </script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } var consentDefaultValue = 'granted'; gtag('consent', 'default', { 'ad_storage': consentDefaultValue, 'ad_user_data': consentDefaultValue, 'ad_personalization': consentDefaultValue, 'analytics_storage': consentDefaultValue }); if (hasGoogleIdFromUrl()) { useExternalGtmCode = 1; } </script>  <script> if (useExternalGtmCode) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://load.api9.nicepage.com/nldlswob.js?st='+i+dl+'';f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','W76XGFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W76XGFR'); } </script>   <script> if(window.hideFacebookPixelCode !== true) { !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); var fbInitOptions = { em: '' }; if (clientUserId > 0) { fbInitOptions.external_id = clientUserId; } fbq('init', '251025992170426', fbInitOptions); fbq('track', 'PageView'); } </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=251025992170426&ev=PageView&noscript=1" /></noscript>   <script type="text/javascript"> (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") ;r.type="text/javascript" ;r.integrity="sha384-d/yhnowERvm+7eCU79T/bYjOiMmq4F11ElWYLmt0ktvYEVgqLDazh4+gW9CKMpYW" ;r.crossOrigin="anonymous";r.async=true ;r.src="https://cdn.amplitude.com/libs/amplitude-5.2.2-min.gz.js" ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ console.log("[Amplitude] Error: could not load SDK")}} ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) ;function s(e,t){e.prototype[t]=function(){ this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} var o=function(){this._q=[];return this} ;var a=["add","append","clearAll","prepend","set","setOnce","unset"] ;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[] ;return this} ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] ;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] ;function v(e){function t(t){e[t]=function(){ e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ e=(!e||e.length===0?"$default_instance":e).toLowerCase() ;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]} ;e.amplitude=n})(window,document); amplitude.getInstance().init("878f4709123a5451aff838c1f870b849"); </script> <script> var shareasaleSSCID=shareasaleGetParameterByName("sscid");function shareasaleSetCookie(e,a,r,s,t){if(e&&a){var o,n=s?"; path="+s:"",i=t?"; domain="+t:"",S="";r&&((o=new Date).setTime(o.getTime()+r),S="; expires="+o.toUTCString()),document.cookie=e+"="+a+S+n+i+"; SameSite=None;Secure"}}function shareasaleGetParameterByName(e,a){a||(a=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var r=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(a);return r?r[2]?decodeURIComponent(r[2].replace(/\+/g," ")):"":null}shareasaleSSCID&&shareasaleSetCookie("shareasaleSSCID",shareasaleSSCID,94670778e4,"/"); </script> <link rel="preconnect" href="https://images01.nicepagecdn.com" /> <link rel="preconnect" href="https://csite.nicepage.com" />  <script> window.serverSettings = { fbAppId: '290410448063109', googleAppId: '13150095650-mo8psu2colep6uv90a2mu6r87u87s35a.apps.googleusercontent.com' }; </script> <script src="https://accounts.google.com/gsi/client?hl=en" async></script> <script src="//csite.nicepage.com/Scripts/Site/auth-common.js?version=1662e8971b75e227453abf2b0c0bb260dcad244d" defer></script> <link rel="canonical" href="https://nicepage.com/ht/3847937/a-bit-about-me-html-template" /> <script> function sendLogToAmplitude(eventName, eventProps) { if (canLogToAmplitude()) { sendAmplitudeAnalyticsData(eventName, eventProps); } } document.addEventListener("DOMContentLoaded", function () { // Click outside of the modal and close it window.onclick = function (e) { if ($(e.target).is('.modal')) { closeModal($(e.target)); } }; // Use the escape key to close modal document.onkeyup = function (e) { e = e || window.event; if (e.keyCode == 27 && $('.modal--show').length === 1) { closeModal($('.modal--show')); } }; var eventProps = {'Route': 'html-templates', 'Id': 3847937, 'PageType': 'Template Detail Page', 'Lang': ''}; var sendData = function(action, cb) { if (typeof fbq === 'function') { fbq('track', 'Download'); } if (typeof sendAnalyticsData === 'function') { sendAnalyticsData(action !== 'edit-online' ? 'download' : 'edit-online', eventProps, cb); } else { cb(); } } var sendAnalyticOrTimeout = decorateTimeout(sendData, 3000); $('.mac-download').click(function (e) { e.preventDefault(); eventProps.AppName = 'mac-app'; sendLogToAmplitude('Download', eventProps); showModal("sec-mac-download"); showDownloadHint(); sendAnalyticOrTimeout('mac-app', function () { window.location = '/get/mac/'; }); }); $('.win-download').click(function (e) { e.preventDefault(); eventProps.AppName = 'win-app'; sendLogToAmplitude('Download', eventProps); showModal("sec-win-download"); showDownloadHint(); sendAnalyticOrTimeout('win-app', function () { window.location = '/get/windows/'; }); }); $('.edit-online-btn, .edit-online-link').click(function (e) { e.preventDefault(); eventProps.AppName = 'online'; sendLogToAmplitude('Template Edit Online', eventProps); sendAnalyticOrTimeout('edit-online', function () { window.location = '/Editor/Dashboard/EditOnline/3847937'; }); }); }); </script> <style> h1 { text-transform: capitalize; font-size: 32px; margin: 10px 0 20px; } h2 { font-size: 28px; } .download-btn-container { padding-bottom: 10px; } .preview-row .media-image { border: none; aspect-ratio: attr(width) / attr(height); } .preview-row { position: relative; margin-bottom: 40px; } .preview-row img, .preview-row .hover-like-lightbox { display: inline-block; } .preview-row .hover-like-lightbox { overflow: visible; } .hover-like-lightbox:hover:after { display: block; content: ""; background: rgba(0, 0, 0, .2) 100% 100% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mockup-shadow { max-width: 100%; } .mockup-shadow:before { bottom: 0; box-shadow: 3px 3px 15px rgba(0, 0, 0, .3); display: block; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .small-icon { vertical-align: middle; display: inline-block; } .u-icon { vertical-align: middle; height: 40px; display: inline-block; } .icon-g { fill: #999; width: 48px; height: 48px; position: relative; top: 8px; margin-right: 12px; } .page-description-block { margin-top: 30px; font-size: 18px; line-height: 1.75; text-align: left; } .auth-page-description-block { line-height: 1.75; font-size: 14px; } .page-subtitle { margin: 20px 0; font-size: 18px; line-height: 1.75; } .page-description-block h3 { margin-bottom: 20px; } .win-download, .mac-download, .edit-online-btn { color: #fff; padding: 10px 30px; margin-bottom: 10px; font-size: 20px; line-height: 1.4; display: inline-block; } .top-btn { margin: 0 0 20px 0; } @media (min-width: 991px) and (max-width: 1200px) { .win-download, .mac-download, .edit-online-btn { padding: 10px 26px; font-size: 16px; } } @media(max-width: 768px) { .win-download, .mac-download, .edit-online-btn { margin: 10px 0; font-size: 16px; } } .mac-download { margin-left: 10px; background-color: #4399fa; border-color: #4399fa; } .mac-download:hover, .mac-download:focus { color: #fff; background-color: #2e8dfa; border-color: #2e8dfa; } .win-download { background-color: #f15048; border-color: #f15048; } .win-download:hover, .win-download:focus { color: #fff; background-color: #ef342b; border-color: #ef342b; } .edit-online-btn { margin-left: 10px; background-color: #5cb85c; border-color: #5cb85c; } .edit-online-btn.top-btn { margin: 0 0 20px 0; max-width: 335px; width: 100%; } .edit-online-btn:hover, .edit-online-btn:focus { color: #fff; background-color: #4bad4b; border-color: #4bad4b; } .feature-icon-label { vertical-align: -0.17em; margin-left: 10px; } @media (min-width: 992px) and (max-width: 1280px) { #register-input { width: 150px; font-size: 16px; padding: 6px; } #register-btn { font-size: 16px; border: none; padding: 7px 12px; font-weight: 700; } .feature-icon-label { font-size: 14px; margin-left: 5px; } } .u-svg-link { fill: #f15048; height: 40px; width: 40px; color: #f15048; position: relative; } .u-svg-content { width: 0; height: 0; } .right-feature-column { padding: 0 10px; } @media (max-width: 992px) { .right-feature-column { padding: 0 15px; } } @media (max-width: 768px) { .right-feature-column { padding-top: 10px; } } .details-keywords { margin-left: -10px; } .details-keywords a { display: inline-block; padding: 2px 10px; margin: 0 0 5px 10px; font-size: 13px; color: #777; border: 1px solid #cecece; border-radius: 20px; text-transform: lowercase; transition: .2s; } .details-keywords a:hover { text-decoration: none; color: #337ab7; border-color: #337ab7; } .details-keywords i { position: absolute; opacity: 0; } .customize-np-block { margin-top: 30px; margin-bottom: 20px; font-size: 14px; } .modal .container-layout { padding: 20px; } .modal .u-text { font-size: 28px; margin: 20px auto 0; } </style>  <!— Pinterest Tag —>  <!— end Pinterest Tag —> <style> .navbar { margin-bottom: 0; } </style> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { if (typeof IOlazy === 'function') { var lazy = new IOlazy(); } }); </script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W76XGFR" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>  <div class="wrap wrap-fluid"> <div id="top-navbar" class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand clearfix" href="https://nicepage.com"><img class="pull-left" width="123" height="40" alt="Nicepage.com" src="//csite.nicepage.com/Images/logo-w.png" /></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="logon-block nav navbar-nav nav-list navbar-left u-unstyled" style="font-size: 14px;"> <li class="dropdown"> <a href="/download">Download</a> </li> <li class="dropdown"> <a href="/features">400+ Features</a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle template-menu-item" href="/html-templates">15,000+ Templates <span class="caret"></span></a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a href="/website-templates" class="templates-url" data-urls="website-templates;templates">Website Templates</a></li> <li><a href="/website-design" class="templates-url">Website Designs</a></li> <li><a href="/wordpress-themes">WordPress Themes</a></li> <li><a href="/joomla-templates">Joomla Templates</a></li> <li><a href="/html-templates" class="templates-url" data-urls="html-templates;html5-template;css-templates">HTML Templates</a></li> </ul> </a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#"> Website Builders <span class="caret"></span> </a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a class="builder-link" href="/html-website-builder">HTML Website Builder</a></li> <li><a class="builder-link" href="/wordpress-website-builder">WordPress Website Builder</a></li> <li><a class="builder-link" href="/joomla-page-builder">Joomla Page Builder</a></li> </ul> </li> <li class="dropdown"> <a href="/premium?code=bf24">Pricing</a> </li> <li><a href="/forum">Forums</a></li> <li class="dropdown"> <a href="/blog">Blog</a> </li> <li class="dropdown"> <a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Help<span class="caret"></span></a> <ul role="menu" class="dropdown-menu dropdown-menu-hover u-unstyled"> <li><a href="/doc/1318/video-lessons">Video Tutorials</a></li> <li><a href="/doc">Documentation</a></li> <li><a href="/Forum/Topic/Create">Contact Support</a></li> </ul> </li> </ul> <ul class="logon-block nav navbar-nav nav-list navbar-right u-unstyled"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">EN <span class="caret"></span></a> <ul class="dropdown-menu u-unstyled" role="menu"> <li><a href="/ht/3847937/a-bit-about-me-html-template">EN</a></li> <li><a href="/de/ht/3847937/ein-bisschen-ueber-mich-html-vorlage">DE</a></li> <li><a href="/nl/ht/3847937/een-beetje-over-mij-html-sjabloon">NL</a></li> <li><a href="/fr/ht/3847937/un-peu-sur-moi-modele-html">FR</a></li> <li><a href="/it/ht/3847937/un-po-di-me-modello-html">IT</a></li> <li><a href="/es/ht/3847937/un-poco-sobre-mi-plantilla-html">ES</a></li> <li><a href="/pl/ht/3847937/troche-o-mnie-szablon-html">PL</a></li> <li><a href="/pt/ht/3847937/um-pouco-sobre-mim-modelo-html">PT</a></li> <li><a href="/tr/ht/3847937/benim-hakkimda-biraz-html-sablonu">TR</a></li> <li><a href="/ru/ht/3847937/nemnogo-obo-mne-html-shablon">RU</a></li> <li><a href="/hu/ht/3847937/egy-kicsit-rolam-html-sablon">HU</a></li> <li><a href="/cs/ht/3847937/neco-malo-o-mne-sablona-html">CS</a></li> <li><a href="/sv/ht/3847937/lite-om-mig-html-mall">SV</a></li> </ul> </li> <li><a href="/Editor/Account/LogOn">Sign In</a></li><li class="divider-vertical"></li><li><a href="https://nicepage.com/Editor/Account/Register">Register</a></li><li class="divider-vertical"></li> </ul> </div> </div> </div> <section class="container-fluid" style="padding: 0; margin-bottom: 0;"> <a href="/premium?code=bf24"> <img style="margin: 0 auto; display: block; width: 100%;" alt="Black Friday Sale! Save up to 50% off!" src="https://images02.nicepagecdn.com/cd46d0ff82086185e4d7aa0f/688183eae375568a98de87aa/coupon_34_1800-bf-87a8.jpg"/> </a> </section> <section id="" class="container"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-12"> <style> .breadcrumb { padding: 0; background-color: transparent; } .breadcrumb > .active { color: #666; } </style> <div class="row"> <div class="col-md-12"> <ol class="breadcrumb"> <li> <a href="https://nicepage.com" title="Home">Home</a> </li> <li> <a href="/html-templates" title="HTML Templates">HTML Templates</a> </li> <li> <a href="/c/home-page-html-templates" title="Home Page">Home Page</a> </li> <li> A bit about me </li> </ol> </div> </div> <h1>A bit about me HTML Template</h1> <div style="margin-bottom: 20px; font-size: 14px;"> Professional HTML templates. Responsive, fully customizable with easy Drag-n-Drop Nicepage editor. Adjust colors, fonts, header and footer, layout and other design elements, as well as content and images. </div> <div style="margin-bottom: 20px;"> <div class="pull-left"> ID <text>: </text>3847937   |   Category : <a href="/c/home-page-html-templates">Home Page</a>, <a href="/c/art-design-html-templates">Art & Design</a>, <a href="/c/business-law-html-templates">Business & Law</a> </div> <div class="pull-right"> <a href="/html-templates/preview/a-bit-about-me-3847937?device=desktop" target="_blank" class="demo-link" rel="nofollow"> <div class="small-icon"> <svg id="preview" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <path fill="#808080" d="M12.6,11.8c0.4-0.6,0.7-1.3,0.7-2.2c0-2-1.6-3.7-3.7-3.7S6,7.6,6,9.7s1.6,3.7,3.7,3.7c0.8,0,1.5-0.3,2.2-0.7 l3.4,3.4l0.8-0.8C16,15.2,12.6,11.8,12.6,11.8L12.6,11.8z M9.7,12.2c-1.4,0-2.5-1.1-2.5-2.5s1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5 S11.1,12.2,9.7,12.2L9.7,12.2z" /> <polygon fill="none" points="8,4 8,1 1,1 1,15 11,15 11,15 3.5,15 3.5,5.5 11,5.5 11,4 " /> <polygon fill="#808080" points="11,15 1,15 1,1 8,1 8,4 11,4 11,5.5 12,5.5 12,3.4 8.3,0 0,0 0,16 12,16 12,14 11,14 " /> </svg> </div> <span>Demo Preview</span> </a> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="preview-row"> <a class="hover-like-lightbox mockup-shadow" href="/html-templates/preview/a-bit-about-me-3847937?device=desktop" rel="nofollow" target="_blank"> <picture> <source srcset="https://images01.nicepagecdn.com/page/38/47/html-template-spreview-3847937.webp" type="image/webp" media="(max-width: 450px)"> <source srcset="https://images01.nicepagecdn.com/page/38/47/html-template-spreview-3847937.jpg" type="image/jpeg" media="(max-width: 450px)"> <source srcset="https://images01.nicepagecdn.com/page/38/47/html-template-preview-3847937.webp" type="image/webp"> <source srcset="https://images01.nicepagecdn.com/page/38/47/html-template-preview-3847937.jpg" type="image/jpeg"> <img alt="A bit about me HTML Template" class="media-image img-responsive noversion" height="3428" src="https://images01.nicepagecdn.com/page/38/47/html-template-preview-3847937.jpg" style="" width="750" /> </picture> </a> </div> <div style="text-align: center; padding: 20px 0 10px;"> <a class="btn btn-lg win-download" href="#" type="button">Download for Windows</a> <a class="btn btn-lg mac-download" href="#" type="button">Download for Mac</a> </div> <div class="customize-np-block"> <h2>Customize with Nicepage</h2> <p>When using <a href="/html">HTML Builder</a> you will be able to adjust colors, fonts, header and fooer, layout, columns and other design elements, as well as content and images.</p> <style> .small-video { display: none; } @media (max-width: 450px) { .small-video { display: inline-block; } .big-video { display: none; } } </style> <br/> <div> <video class="big-video embed-responsive-item lazyload lazyloading" loop="" muted="" autoplay="autoplay" playsinline="" data-src="//csite.nicepage.com/Images/Site/editor.mp4?v2" style="/* border: 1px solid #ccc; */width: 100%;"> <source type="video/mp4"> <p>Your browser does not support HTML5 video.</p> </video> <video class="small-video embed-responsive-item lazyload lazyloading" loop="" muted="" autoplay="autoplay" playsinline="" data-src="//csite.nicepage.com/Images/Site/editor-420.mp4?v2" style="/* border: 1px solid #ccc; */width: 100%;"> <source type="video/mp4"> <p>Your browser does not support HTML5 video.</p> </video>  </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <div style="margin-left: 10px;" class="hidden-sm hidden-xs"> <a class="btn btn-lg win-download top-btn" href="#" type="button">Download<br/>for Windows</a> <a class="btn btn-lg mac-download top-btn" href="#" type="button">Download<br/>for Mac</a> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div style="margin-left: 10px;"> <h3>Edit Template Offline</h3> <div class="auth-page-description-block"> 1. Download and Install the Nicepage version for Windows, Mac, WordPress and Joomla from the <a href="/download">download page</a> <br /> 2. Create new page and search for id <strong>3847937</strong> </div> <h3>Edit Template Online</h3> <div class="auth-page-description-block"> Start <a class="edit-online-link" href="#">edit online</a> this template on our hosting </div> <div class="page-description-block"> <h3>Create Awesome Websites</h3> <div class="row"> <div class="col-sm-6"> <img alt="WordPress Plugin" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-wp-32.png" /> <span class="feature-icon-label">WordPress</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Windows Application" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-windows-32.png" /> <span class="feature-icon-label">Windows App</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-6"> <img alt="Joomla Plugin" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-joomla-32.png" /> <span class="feature-icon-label">Joomla</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Mac OS Application" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-mac-32.png" /> <span class="feature-icon-label">Mac OS App</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-6"> <img alt="HTML5" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-html-32.png" /> <span class="feature-icon-label">HTML5</span> </div> <div class="col-sm-6 right-feature-column"> <img alt="Online Builder" width="32" height="32" src="//csite.nicepage.com/Images/Site/icon-online-32.png" /> <span class="feature-icon-label">Online</span> </div> </div> </div> <div class="page-description-block"> <h3>Free Nicepage Builder</h3> <div class="row"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 511.999 511.999"><use xlink:href="#svg-d890"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-d890" x="0px" y="0px" viewBox="0 0 511.999 511.999" style="enable-background: new 0 0 511.999 511.999;" xml:space="preserve" class="u-svg-content"><g> <g><path d="M453.034,361.322c-2.808-1.164-6.04-0.521-8.19,1.628l-82.126,82.126c-2.149,2.15-2.792,5.382-1.628,8.19 c1.162,2.809,3.904,4.639,6.943,4.639h82.126c4.151,0,7.515-3.364,7.515-7.515v-82.126 C457.673,365.225,455.842,362.485,453.034,361.322z M386.173,442.876l56.469-56.469v56.469H386.173z"></path></g></g> <g><g><path d="M507.361,240.867c-2.808-1.164-6.04-0.521-8.19,1.628l-22.507,22.507V111.971c0-4.151-3.365-7.515-7.515-7.515h-57.741 l20.96-20.96c0.003-0.003,0.006-0.007,0.009-0.01l20.196-20.196c4.327-4.327,6.71-10.083,6.71-16.203s-2.383-11.874-6.71-16.203 L429.219,7.53c-4.327-4.327-10.083-6.71-16.203-6.71s-11.875,2.383-16.203,6.71l-20.206,20.206l-24.416,24.416l-52.303,52.303 H66.62V30.11c0-4.151-3.365-7.515-7.515-7.515C26.515,22.597,0,49.11,0,81.702v319.186c0,0.555,0.064,1.095,0.178,1.615 c1.038,13.829,7.021,26.678,17.02,36.432C27.886,449.359,41.995,455.1,56.927,455.1h229.638l-43.249,43.249 c-2.149,2.15-2.792,5.381-1.629,8.19c1.163,2.808,3.904,4.639,6.943,4.639h255.855c4.15,0,7.515-3.364,7.515-7.515V247.81 C512,244.771,510.168,242.03,507.361,240.867z M407.443,18.159c3.072-3.074,8.077-3.074,11.149,0l23.355,23.355 c3.074,3.073,3.074,8.076,0,11.15l-14.891,14.892L392.55,33.051L407.443,18.159z M381.922,43.679l34.505,34.504l-13.789,13.789 l-34.503-34.504L381.922,43.679z M496.972,332.252h-13.865c-4.151,0-7.515,3.364-7.515,7.515c0,4.151,3.364,7.515,7.515,7.515 h13.865v22.646h-13.865c-4.151,0-7.515,3.364-7.515,7.515s3.364,7.515,7.515,7.515h13.865v22.645h-13.865 c-4.151,0-7.515,3.364-7.515,7.515c0,4.151,3.364,7.515,7.515,7.515h13.865v22.646h-13.865c-4.151,0-7.515,3.365-7.515,7.515 c0,4.151,3.364,7.515,7.515,7.515h13.865v35.842h-230.2l75.908-75.907c2.935-2.936,2.935-7.693,0-10.628 c-0.337-0.337-0.699-0.629-1.078-0.889c-2.926-2.004-6.952-1.709-9.551,0.889l-30.456,30.456H56.928 c-22.792,0-41.14-17.794-41.862-40.545c0.043-1.428,0.154-2.844,0.332-4.244c0.001-0.008,0.002-0.016,0.003-0.024 c0.084-0.665,0.185-1.327,0.3-1.985c0.013-0.075,0.027-0.15,0.04-0.225c0.105-0.587,0.223-1.171,0.352-1.753 c0.036-0.162,0.074-0.324,0.112-0.485c0.114-0.492,0.237-0.981,0.369-1.468c0.072-0.264,0.147-0.525,0.224-0.788 c0.11-0.382,0.224-0.763,0.345-1.14c0.121-0.377,0.25-0.75,0.381-1.123c0.091-0.261,0.181-0.522,0.279-0.781 c0.183-0.492,0.377-0.979,0.577-1.462c0.057-0.139,0.113-0.28,0.172-0.419c0.257-0.6,0.524-1.193,0.806-1.779 c0.012-0.025,0.023-0.05,0.035-0.075c5.878-12.164,17.183-21.233,30.75-24.047c0.038-0.008,0.076-0.017,0.114-0.025 c0.622-0.127,1.25-0.236,1.882-0.337c0.105-0.017,0.21-0.038,0.317-0.054c0.571-0.087,1.148-0.155,1.725-0.22 c0.162-0.018,0.323-0.043,0.486-0.059c0.557-0.056,1.119-0.093,1.681-0.128c0.178-0.011,0.356-0.03,0.534-0.039 c0.736-0.037,1.478-0.056,2.223-0.056c4.15,0,7.515-3.364,7.515-7.515v-54.489c0-4.151-3.365-7.515-7.515-7.515 c-4.15,0-7.515,3.364-7.515,7.515v47.447c-12.69,1.605-24.469,7.265-33.757,16.335c-0.977,0.954-1.903,1.946-2.805,2.954V81.702 c0-21.741,15.826-39.858,36.561-43.436v73.705v152.777v0.001c0,4.15,3.365,7.515,7.515,7.515c4.15,0,7.515-3.365,7.515-7.515 v-0.001V119.486h218.24l-41.544,41.544c-2.935,2.936-2.935,7.693,0,10.628c2.935,2.934,7.693,2.934,10.627,0l54.373-54.373 c0.002-0.002,0.003-0.004,0.005-0.005l49.185-49.185l34.503,34.505l-4.048,4.048c-0.003,0.003-0.007,0.006-0.01,0.009 l-151.528,151.53l-34.504-34.504l29.868-29.868c2.935-2.936,2.935-7.693,0-10.628c-2.935-2.934-7.693-2.934-10.627,0 l-35.183,35.182c-0.188,0.188-0.364,0.387-0.529,0.591c-0.055,0.068-0.104,0.141-0.156,0.212c-0.106,0.141-0.21,0.283-0.307,0.431 c-0.055,0.086-0.105,0.174-0.157,0.263c-0.083,0.14-0.163,0.282-0.236,0.427c-0.048,0.094-0.091,0.189-0.135,0.287 c-0.067,0.147-0.129,0.297-0.186,0.447c-0.02,0.053-0.046,0.103-0.065,0.156l-14.641,41.475l-9.982,28.279 c-0.132,0.376-0.227,0.758-0.298,1.143h-24.992c-4.15,0-7.515,3.364-7.515,7.515c0,4.151,3.365,7.515,7.515,7.515h208.114 c4.151,0,7.515-3.364,7.515-7.515c0-4.151-3.364-7.515-7.515-7.515H193.093l45.83-16.178c0.038-0.014,0.074-0.033,0.112-0.047 c0.178-0.066,0.353-0.14,0.526-0.219c0.069-0.032,0.138-0.062,0.205-0.095c0.18-0.09,0.357-0.189,0.531-0.295 c0.056-0.034,0.114-0.065,0.169-0.1c0.181-0.116,0.357-0.243,0.53-0.377c0.043-0.033,0.088-0.062,0.13-0.096 c0.209-0.168,0.414-0.349,0.608-0.543l154.644-154.643h65.255v160.546L354.137,387.53c-2.935,2.936-2.935,7.693,0,10.628 c0.183,0.183,0.374,0.355,0.571,0.516c1.378,1.123,3.061,1.685,4.743,1.685s3.366-0.562,4.743-1.685 c0.197-0.16,0.388-0.333,0.571-0.516c0.003-0.003,0,0,0.003-0.003L496.972,265.95V332.252z M222.677,265.696l-21.526,7.599 l-14.342-14.342l7.599-21.526L222.677,265.696z"></path></g></g> </svg> </div> <span class="feature-icon-label">15,000+ Web Templates</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-b020"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-b020" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><path d="M458.667,192H352c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h106.667c17.643,0,32,14.357,32,32 v213.333c0,17.643-14.357,32-32,32H245.333c-17.643,0-32-14.357-32-32v-85.333c0-5.888-4.779-10.667-10.667-10.667 S192,367.445,192,373.333v85.333C192,488.064,215.936,512,245.333,512h213.333C488.064,512,512,488.064,512,458.667V245.333 C512,215.936,488.064,192,458.667,192z"></path></g></g> <g><g><path d="M160,298.667h-10.667c-5.888,0-10.667,4.779-10.667,10.667S143.445,320,149.333,320H160 c5.888,0,10.667-4.779,10.667-10.667S165.888,298.667,160,298.667z"></path></g></g> <g><g><g> <path d="M62.741,0h-9.408C48.235,0,43.2,0.725,38.357,2.133c-5.653,1.664-8.896,7.595-7.253,13.248 c1.365,4.651,5.632,7.659,10.24,7.659c1.003,0,2.005-0.128,3.008-0.427c2.901-0.853,5.909-1.28,8.981-1.28h9.408 c5.909,0,10.667-4.779,10.667-10.667S68.629,0,62.741,0z"></path> <path d="M21.333,257.216v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,229.76,0,235.648v21.568 c0,5.888,4.779,10.667,10.667,10.667S21.333,263.104,21.333,257.216z"></path> <path d="M10.667,203.179c5.888,0,10.667-4.779,10.667-10.667v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,165.056,0,170.944 v21.568C0,198.4,4.779,203.179,10.667,203.179z"></path> <path d="M10.667,73.792c5.888,0,10.667-4.779,10.667-10.667v-9.792c0-2.965,0.405-5.888,1.195-8.704 c1.6-5.675-1.685-11.563-7.36-13.163c-5.632-1.685-11.563,1.664-13.163,7.36C0.683,43.541,0,48.427,0,53.333v9.792 C0,69.013,4.779,73.792,10.667,73.792z"></path> <path d="M10.667,138.496c5.888,0,10.667-4.779,10.667-10.667v-21.568c0-5.888-4.779-10.667-10.667-10.667S0,100.373,0,106.261 v21.568C0,133.717,4.779,138.496,10.667,138.496z"></path> <path d="M44.587,297.451c-5.163-1.472-9.941-4.267-13.781-8.085c-4.16-4.16-10.923-4.117-15.083,0.043 c-4.16,4.181-4.139,10.944,0.043,15.083c6.4,6.379,14.357,11.029,22.997,13.483c0.981,0.277,1.963,0.405,2.923,0.405 c4.629,0,8.917-3.051,10.24-7.744C53.547,304.96,50.261,299.051,44.587,297.451z"></path> <path d="M307.605,51.968c0.981,0,1.984-0.128,2.987-0.448c5.653-1.664,8.917-7.573,7.253-13.227 c-2.517-8.619-7.253-16.533-13.675-22.891c-4.181-4.139-10.944-4.117-15.083,0.085c-4.139,4.181-4.096,10.944,0.085,15.083 c3.84,3.84,6.699,8.576,8.192,13.717C298.731,48.939,302.976,51.968,307.605,51.968z"></path> <path d="M256.832,0h-21.568c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.568 c5.888,0,10.667-4.779,10.667-10.667S262.72,0,256.832,0z"></path> <path d="M106.219,298.667H84.651c-5.888,0-10.667,4.779-10.667,10.667S78.763,320,84.651,320h21.568 c5.888,0,10.667-4.779,10.667-10.667S112.107,298.667,106.219,298.667z"></path> <path d="M309.333,73.6c-5.888,0-10.667,4.779-10.667,10.667v21.568c0,5.888,4.779,10.667,10.667,10.667S320,111.723,320,105.835 V84.267C320,78.357,315.221,73.6,309.333,73.6z"></path> <path d="M192.149,0h-21.568c-5.909,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.547 c5.909,0,10.688-4.779,10.688-10.667S198.037,0,192.149,0z"></path> <path d="M127.445,0h-21.568c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h21.568 c5.888,0,10.667-4.779,10.667-10.667S133.333,0,127.445,0z"></path> </g></g></g> <g><g><path d="M309.333,138.667c-5.888,0-10.667,4.779-10.667,10.667V160c0,5.888,4.779,10.667,10.667,10.667S320,165.888,320,160 v-10.667C320,143.445,315.221,138.667,309.333,138.667z"></path></g></g> <g><g><path d="M349.952,185.515l-33.067-33.067c-12.971-12.971-34.112-12.971-47.083,0c-3.883,3.883-6.613,8.512-8.171,13.419 c-11.627-4.053-25.536-1.045-34.496,7.915c-4.885,4.885-7.915,10.923-9.131,17.237c-10.176-1.429-20.8,2.027-28.203,9.429 c-7.083,7.083-10.304,16.576-9.664,25.856c-7.189,0.981-13.824,4.245-19.029,9.451c-6.293,6.293-9.749,14.656-9.749,23.552 s3.456,17.28,9.749,23.552l9.557,9.557v38.251C170.667,360.064,194.603,384,224,384h43.733C331.84,384,384,331.84,384,267.733 C384,236.693,371.904,207.488,349.952,185.515z M267.733,362.667H224c-17.643,0-32-14.357-32-32v-16.917l24.469,24.469 c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552c0-2.731-1.045-5.461-3.115-7.552l-55.36-55.36 c-2.261-2.24-3.499-5.269-3.499-8.448c0-3.179,1.237-6.187,3.499-8.448c4.523-4.523,12.395-4.523,16.917,0l23.36,23.36 c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552c0-2.731-1.045-5.461-3.115-7.531l-26.667-26.667 c-4.672-4.672-4.672-12.245,0-16.917c4.523-4.523,12.395-4.523,16.917,0l16,16c4.16,4.16,10.923,4.16,15.083,0 c2.069-2.091,3.115-4.821,3.115-7.552s-1.045-5.461-3.115-7.531l-10.667-10.667c-4.672-4.672-4.672-12.245,0-16.917 c4.523-4.523,12.395-4.523,16.917,0l10.667,10.667c4.16,4.16,10.923,4.16,15.083,0c2.069-2.091,3.115-4.821,3.115-7.552 s-1.045-5.461-3.136-7.552c-2.261-2.24-3.499-5.248-3.499-8.448s1.259-6.208,3.52-8.448c4.672-4.672,12.245-4.672,16.917,0 l33.067,33.067c17.92,17.92,27.797,41.771,27.797,67.115C362.667,320.085,320.085,362.667,267.733,362.667z"></path></g></g> </svg> </div> <span class="feature-icon-label">Easy Drag-n-Drop</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-b97a"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-b97a" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><g> <path d="M106,121.083c-2.135-2.135-5.01-3.24-8.104-3.115c-3.021,0.167-5.823,1.594-7.729,3.948 c-30.635,37.844-47.5,85.458-47.5,134.083c0,117.635,95.698,213.333,213.333,213.333c48.625,0,96.24-16.865,134.083-47.5 c2.354-1.906,3.781-4.708,3.948-7.729c0.156-3.021-0.979-5.969-3.115-8.104L106,121.083z M256,448c-105.865,0-192-86.135-192-192 c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z"></path> <path d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,490.667 C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333S490.667,126.604,490.667,256S385.396,490.667,256,490.667 z"></path> <path d="M256,42.667c-48.625,0-96.24,16.865-134.083,47.5c-2.354,1.906-3.781,4.708-3.948,7.729 c-0.156,3.021,0.979,5.969,3.115,8.104L406,390.917c2,2.01,4.719,3.125,7.542,3.125c0.188,0,0.375,0,0.563-0.01 c3.021-0.167,5.823-1.594,7.729-3.948c30.635-37.844,47.5-85.458,47.5-134.083C469.333,138.365,373.635,42.667,256,42.667z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"></path> </g></g></g> </svg> </div> <span class="feature-icon-label">No Coding</span> </div> </div> <div class="row" style="margin-top: 10px;"> <div class="col-sm-12"> <div class="u-icon"> <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512"><use xlink:href="#svg-1e24"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-1e24" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background: new 0 0 512 512;" xml:space="preserve" class="u-svg-content"> <g><g><path d="M485.547,251.733h-58.88v-153.6C426.638,74.581,407.552,55.495,384,55.467H128c-23.552,0.028-42.638,19.114-42.667,42.667 v51.2H38.519C17.255,149.357,0.023,166.589,0,187.853v230.161c0.023,21.264,17.255,38.496,38.519,38.519h136.294 c16.24-0.049,30.7-10.294,36.13-25.6H358.4c4.713,0,8.533-3.82,8.533-8.533v-17.067c0-14.138-11.462-25.6-25.6-25.6h-25.6V345.6 H384v84.48c0,14.61,11.844,26.453,26.453,26.453h75.093c14.61,0,26.453-11.844,26.453-26.453V278.187 C512,263.577,500.156,251.733,485.547,251.733z M196.267,418.014c-0.009,11.844-9.609,21.443-21.453,21.453H38.519 c-11.844-0.009-21.443-9.609-21.453-21.453v-4.147h179.2V418.014z M196.267,396.8h-179.2V209.067h179.2V396.8z M196.267,192 h-179.2v-4.147c0.009-11.844,9.609-21.443,21.453-21.453h136.294c11.844,0.009,21.443,9.609,21.453,21.453V192z M341.333,396.8 c4.713,0,8.533,3.821,8.533,8.533v8.533H213.333V396.8H341.333z M213.333,379.733V345.6h85.333v34.133H213.333z M384,328.533 h-76.8h-93.867v-25.6H384V328.533z M384,278.187v7.68H213.333v-98.014c-0.024-21.264-17.256-38.496-38.519-38.519H102.4v-51.2 c0-14.138,11.461-25.6,25.6-25.6h256c14.138,0,25.6,11.461,25.6,25.6v153.685C395.358,252.278,384.039,263.937,384,278.187z M494.933,430.08c0,5.184-4.203,9.387-9.387,9.387h-75.093c-5.184,0-9.387-4.203-9.387-9.387v-7.68h93.867V430.08z M494.933,405.333h-93.867v-102.4h93.867V405.333z M494.933,285.867h-93.867v-7.68c0-5.184,4.203-9.387,9.387-9.387h75.093 c5.184,0,9.387,4.203,9.387,9.387V285.867z"></path></g></g> </svg> </div> <span class="feature-icon-label">Mobile-Friendly</span> </div> </div> </div> <div class="page-description-block"> <h3>Keywords</h3> <div class="row"> <div class="col-sm-12"> <script> document.addEventListener("DOMContentLoaded", function () { ProcessKeywords('#Keywords', '#details-keywords', '#add-keywords', true, false, false, { 'url': '/k/%7B0%7D-html-templates', 'noFollow': false }); }); </script> <input id="Keywords" name="Keywords" type="hidden" value="kalvin;piterson;portfolio;testimonials;solution;strategy;development;experties;follow;contact;resume;profile;business;businessman;commercial;company;law;legal;courtroom;abstract;art;decorative;texture;color;draw;design" /> <p class="details-keywords" id="details-keywords"></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <h3>More from Art & Design HTML Templates</h3> <ul class="thumbnails thumbnails-loading list-unstyled"> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 633px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6188759/amazing-web-design-agency-html-template" style="width:260px; height: 583px;" title="Amazing Web Design Agency"><img alt="Amazing Web Design Agency" class="media-image noversion" src="https://images01.nicepagecdn.com/page/61/88/html-template-6188759.jpg" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/61/88/html-template-full-6188759.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6188759/amazing-web-design-agency-html-template" title="Amazing Web Design Agency">Amazing Web Design Agency</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 759px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6369903/ai-solutions-unleashed-html-template" style="width:260px; height: 709px;" title="AI Solutions Unleashed"><img alt="AI Solutions Unleashed" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/69/html-template-6369903.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/69/html-template-full-6369903.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6369903/ai-solutions-unleashed-html-template" title="AI Solutions Unleashed">AI Solutions Unleashed</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 830px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6330488/creative-agency-faq-html-template" style="width:260px; height: 780px;" title="Creative Agency Faq"><img alt="Creative Agency Faq" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/30/html-template-6330488.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/30/html-template-full-6330488.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6330488/creative-agency-faq-html-template" title="Creative Agency Faq">Creative Agency Faq</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 832px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4225951/we-create-brands-and-bring-them-to-life-html-template" style="width:260px; height: 782px;" title="We Create Brands And Bring Them To Life"><img alt="We Create Brands And Bring Them To Life" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/42/25/html-template-4225951.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/42/25/html-template-full-4225951.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/4225951/we-create-brands-and-bring-them-to-life-html-template" title="We Create Brands And Bring Them To Life">We Create Brands And Bring Them To Life</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 743px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1252002/turn-great-ideas-into-reality-html-template" style="width:260px; height: 693px;" title="Turn Great Ideas Into Reality"><img alt="Turn Great Ideas Into Reality" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/12/52/html-template-1252002.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/12/52/html-template-full-1252002.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/1252002/turn-great-ideas-into-reality-html-template" title="Turn Great Ideas Into Reality">Turn Great Ideas Into Reality</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 477px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6393002/engage-your-audience-html-template" style="width:260px; height: 427px;" title="Engage Your Audience"><img alt="Engage Your Audience" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/93/html-template-6393002.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/93/html-template-full-6393002.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6393002/engage-your-audience-html-template" title="Engage Your Audience">Engage Your Audience</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 628px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3119309/modern-design-firm-html-template" style="width:260px; height: 578px;" title="Modern Design Firm"><img alt="Modern Design Firm" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/31/19/html-template-3119309.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/31/19/html-template-full-3119309.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/3119309/modern-design-firm-html-template" title="Modern Design Firm">Modern Design Firm</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 707px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6343408/freelance-designeer-and-developer-html-template" style="width:260px; height: 657px;" title="Freelance Designeer And Developer"><img alt="Freelance Designeer And Developer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/43/html-template-6343408.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/43/html-template-full-6343408.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6343408/freelance-designeer-and-developer-html-template" title="Freelance Designeer And Developer">Freelance Designeer And Developer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 502px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6348347/bold-concepts-html-template" style="width:260px; height: 452px;" title="Bold Concepts"><img alt="Bold Concepts" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/48/html-template-6348347.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/48/html-template-full-6348347.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6348347/bold-concepts-html-template" title="Bold Concepts">Bold Concepts</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 282px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6169223/your-first-impression-html-template" style="width:260px; height: 232px;" title="Your First Impression HTML Template"><img alt="Your First Impression HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/69/html-template-6169223.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/61/69/html-template-full-6169223.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6169223/your-first-impression-html-template" title="Your First Impression HTML Template">Your First Impression HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 460px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <img class="lazyload" data-src="//images01.nicepage.com/thumbs/a122014e1e8cdf24af08f98c/de4b91b424635284ad7ea46f/templates-small-animation-color_150.gif" alt="The Biggest Template Collection" /> <div style="color: #3c3c3c;" class="download-title">The Biggest Template Collection</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 555px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4365090/satisfaction-rate-html-template" style="width:260px; height: 505px;" title="Satisfaction Rate"><img alt="Satisfaction Rate" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/43/65/html-template-4365090.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/43/65/html-template-full-4365090.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/4365090/satisfaction-rate-html-template" title="Satisfaction Rate">Satisfaction Rate</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 528px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6257874/empowering-dreams-html-template" style="width:260px; height: 478px;" title="Empowering Dreams"><img alt="Empowering Dreams" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/57/html-template-6257874.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/57/html-template-full-6257874.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6257874/empowering-dreams-html-template" title="Empowering Dreams">Empowering Dreams</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 773px;" > <div class="page-image"> <a class="thumbnail" href="/ht/261875/amazing-portfolio-html-template" style="width:260px; height: 723px;" title="Amazing Portfolio"><img alt="Amazing Portfolio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/26/18/html-template-261875.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/26/18/html-template-full-261875.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/261875/amazing-portfolio-html-template" title="Amazing Portfolio">Amazing Portfolio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 657px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1978240/studio-for-design-and-branding-html-template" style="width:260px; height: 607px;" title="Studio For Design And Branding"><img alt="Studio For Design And Branding" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/19/78/html-template-1978240.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/19/78/html-template-full-1978240.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/1978240/studio-for-design-and-branding-html-template" title="Studio For Design And Branding">Studio For Design And Branding</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 478px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6393005/revolutionize-online-presence-html-template" style="width:260px; height: 428px;" title="Revolutionize Online Presence"><img alt="Revolutionize Online Presence" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/93/html-template-6393005.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/93/html-template-full-6393005.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6393005/revolutionize-online-presence-html-template" title="Revolutionize Online Presence">Revolutionize Online Presence</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 724px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6238236/gallery-with-the-best-projects-html-template" style="width:260px; height: 674px;" title="Gallery With The Best Projects"><img alt="Gallery With The Best Projects" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/38/html-template-6238236.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/38/html-template-full-6238236.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6238236/gallery-with-the-best-projects-html-template" title="Gallery With The Best Projects">Gallery With The Best Projects</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 819px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6043762/products-and-brand-design-studio-html-template" style="width:260px; height: 769px;" title="Products And Brand Design Studio"><img alt="Products And Brand Design Studio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/43/html-template-6043762.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/60/43/html-template-full-6043762.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6043762/products-and-brand-design-studio-html-template" title="Products And Brand Design Studio">Products And Brand Design Studio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 365px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5413529/designer-contacts-html-template" style="width:260px; height: 315px;" title="Designer Contacts"><img alt="Designer Contacts" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/54/13/html-template-5413529.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/54/13/html-template-full-5413529.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5413529/designer-contacts-html-template" title="Designer Contacts">Designer Contacts</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 837px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6012845/design-agency-portfolio-html-template" style="width:260px; height: 787px;" title="Design Agency Portfolio"><img alt="Design Agency Portfolio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/12/html-template-6012845.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/60/12/html-template-full-6012845.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6012845/design-agency-portfolio-html-template" title="Design Agency Portfolio">Design Agency Portfolio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 560px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4418873/new-services-html-template" style="width:260px; height: 510px;" title="New Services HTML Template"><img alt="New Services HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/44/18/html-template-4418873.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/44/18/html-template-full-4418873.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/4418873/new-services-html-template" title="New Services HTML Template">New Services HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 460px;"> <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="Fully Responsive Templates" /> <div style="color: #ffffff;" class="download-title">Fully Responsive Templates</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 755px;" > <div class="page-image"> <a class="thumbnail" href="/ht/531771/website-design-with-hosting-html-template" style="width:260px; height: 705px;" title="Website Design With Hosting"><img alt="Website Design With Hosting" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/53/17/html-template-531771.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/53/17/html-template-full-531771.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/531771/website-design-with-hosting-html-template" title="Website Design With Hosting">Website Design With Hosting</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 488px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6350136/emotions-in-every-shot-html-template" style="width:260px; height: 438px;" title="Emotions In Every Shot"><img alt="Emotions In Every Shot" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/50/html-template-6350136.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/50/html-template-full-6350136.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6350136/emotions-in-every-shot-html-template" title="Emotions In Every Shot">Emotions In Every Shot</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 696px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6277912/client-referrals-html-template" style="width:260px; height: 646px;" title="Client Referrals"><img alt="Client Referrals" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/77/html-template-6277912.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/77/html-template-full-6277912.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6277912/client-referrals-html-template" title="Client Referrals">Client Referrals</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 547px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6273954/grow-business-with-creative-ideas-html-template" style="width:260px; height: 497px;" title="Grow Business With Creative Ideas"><img alt="Grow Business With Creative Ideas" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/73/html-template-6273954.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/73/html-template-full-6273954.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6273954/grow-business-with-creative-ideas-html-template" title="Grow Business With Creative Ideas">Grow Business With Creative Ideas</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 572px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6369818/powering-intelligent-growth-html-template" style="width:260px; height: 522px;" title="Powering Intelligent Growth"><img alt="Powering Intelligent Growth" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/69/html-template-6369818.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/69/html-template-full-6369818.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6369818/powering-intelligent-growth-html-template" title="Powering Intelligent Growth">Powering Intelligent Growth</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 632px;" > <div class="page-image"> <a class="thumbnail" href="/ht/529408/we-build-stores-html-template" style="width:260px; height: 582px;" title="We Build Stores"><img alt="We Build Stores" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/52/94/html-template-529408.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/52/94/html-template-full-529408.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/529408/we-build-stores-html-template" title="We Build Stores">We Build Stores</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 438px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6169217/brand-identity-html-template" style="width:260px; height: 388px;" title="Brand Identity"><img alt="Brand Identity" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/69/html-template-6169217.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/61/69/html-template-full-6169217.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6169217/brand-identity-html-template" title="Brand Identity">Brand Identity</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 587px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5196772/it-started-with-honesty-passion-and-innovation-html-template" style="width:260px; height: 537px;" title="It Started With Honesty, Passion And Innovation"><img alt="It Started With Honesty, Passion And Innovation" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/51/96/html-template-5196772.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/51/96/html-template-full-5196772.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5196772/it-started-with-honesty-passion-and-innovation-html-template" title="It Started With Honesty, Passion And Innovation">It Started With Honesty, Passion And Innovation</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 923px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2909040/we-help-brands-build-memorable-websites-html-template" style="width:260px; height: 873px;" title="We Help Brands Build Memorable Websites"><img alt="We Help Brands Build Memorable Websites" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/29/09/html-template-2909040.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/29/09/html-template-full-2909040.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/2909040/we-help-brands-build-memorable-websites-html-template" title="We Help Brands Build Memorable Websites">We Help Brands Build Memorable Websites</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 697px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6001931/we-create-impactful-apps-branding-and-websites-html-template" style="width:260px; height: 647px;" title="We Create Impactful Apps, Branding And Websites HTML Template"><img alt="We Create Impactful Apps, Branding And Websites HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/01/html-template-6001931.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/60/01/html-template-full-6001931.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6001931/we-create-impactful-apps-branding-and-websites-html-template" title="We Create Impactful Apps, Branding And Websites HTML Template">We Create Impactful Apps, Branding And Websites HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 420px;"> <div class="download-block white-block" style="background-color: #ffffff; "> <img class="lazyload" data-src="//images01.nicepage.com/thumbs/a122014e1e8cdf24af08f98c/66c81b94d04f55a2aa46a8bd/responsive-small-animation-color_150.gif" alt="Mobile-Friendly Templates" /> <div style="color: #3c3c3c;" class="download-title">Mobile-Friendly Templates</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #ec311e;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 506px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6238237/our-offices-around-the-country-html-template" style="width:260px; height: 456px;" title="Our Offices Around The Country"><img alt="Our Offices Around The Country" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/38/html-template-6238237.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/38/html-template-full-6238237.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6238237/our-offices-around-the-country-html-template" title="Our Offices Around The Country">Our Offices Around The Country</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 709px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6369760/ai-powered-digital-future-html-template" style="width:260px; height: 659px;" title="AI-Powered Digital Future"><img alt="AI-Powered Digital Future" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/69/html-template-6369760.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/69/html-template-full-6369760.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6369760/ai-powered-digital-future-html-template" title="AI-Powered Digital Future">AI-Powered Digital Future</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 921px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6172019/user-centric-and-innovative-digital-products-html-template" style="width:260px; height: 871px;" title="User-Centric And Innovative Digital Products"><img alt="User-Centric And Innovative Digital Products" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/72/html-template-6172019.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/61/72/html-template-full-6172019.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6172019/user-centric-and-innovative-digital-products-html-template" title="User-Centric And Innovative Digital Products">User-Centric And Innovative Digital Products</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 658px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2417414/original-design-studio-html-template" style="width:260px; height: 608px;" title="Original Design Studio"><img alt="Original Design Studio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/24/17/html-template-2417414.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/24/17/html-template-full-2417414.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/2417414/original-design-studio-html-template" title="Original Design Studio">Original Design Studio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 918px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1158250/we-design-modern-websites-html-template" style="width:260px; height: 868px;" title="We Design Modern Websites"><img alt="We Design Modern Websites" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/11/58/html-template-1158250.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/11/58/html-template-full-1158250.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/1158250/we-design-modern-websites-html-template" title="We Design Modern Websites">We Design Modern Websites</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 325px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6006671/i-am-a-website-designer-and-developer-html-template" style="width:260px; height: 275px;" title="I Am A Website Designer And Developer"><img alt="I Am A Website Designer And Developer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/06/html-template-6006671.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/60/06/html-template-full-6006671.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6006671/i-am-a-website-designer-and-developer-html-template" title="I Am A Website Designer And Developer">I Am A Website Designer And Developer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 784px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6343870/reputation-management-html-template" style="width:260px; height: 734px;" title="Reputation Management"><img alt="Reputation Management" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/43/html-template-6343870.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/43/html-template-full-6343870.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6343870/reputation-management-html-template" title="Reputation Management">Reputation Management</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 750px;" > <div class="page-image"> <a class="thumbnail" href="/ht/3208070/seo-and-web-development-html-template" style="width:260px; height: 700px;" title="SEO And Web Development"><img alt="SEO And Web Development" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/32/08/html-template-3208070.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/32/08/html-template-full-3208070.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/3208070/seo-and-web-development-html-template" title="SEO And Web Development">SEO And Web Development</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 620px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6350149/artful-image-creation-html-template" style="width:260px; height: 570px;" title="Artful Image Creation"><img alt="Artful Image Creation" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/63/50/html-template-6350149.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/63/50/html-template-full-6350149.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6350149/artful-image-creation-html-template" title="Artful Image Creation">Artful Image Creation</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 713px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5544225/work-is-just-a-part-of-our-lives-html-template" style="width:260px; height: 663px;" title="Work Is Just A Part Of Our Lives HTML Template"><img alt="Work Is Just A Part Of Our Lives HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/55/44/html-template-5544225.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/55/44/html-template-full-5544225.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5544225/work-is-just-a-part-of-our-lives-html-template" title="Work Is Just A Part Of Our Lives HTML Template">Work Is Just A Part Of Our Lives HTML Template</a> </div> </li> <li class="thumbnail-item" style="width: 260px; height: 420px;"> <div class="download-block " style="background-color: #363636; "> <img class="lazyload" data-src="//images01.nicepage.com/thumbs/a122014e1e8cdf24af08f98c/856e5d129c4a51379c1f87c3/template-builder-dark_150.gif" alt="Easy Template Builder" /> <div style="color: #ffffff;" class="download-title">Easy Template Builder</div> <a class="btn btn-lg download-btn" href="/download" type="button" rel="nofollow" style="background-color: #cd30c0;">Download</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 772px;" > <div class="page-image"> <a class="thumbnail" href="/ht/117349/full-service-design-studio-html-template" style="width:260px; height: 722px;" title="Full-Service Design Studio"><img alt="Full-Service Design Studio" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/11/73/html-template-117349.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/11/73/html-template-full-117349.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/117349/full-service-design-studio-html-template" title="Full-Service Design Studio">Full-Service Design Studio</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 830px;" > <div class="page-image"> <a class="thumbnail" href="/ht/5768360/we-create-thoughtful-experiences-for-humans-html-template" style="width:260px; height: 780px;" title="We Create Thoughtful Experiences For Humans"><img alt="We Create Thoughtful Experiences For Humans" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/57/68/html-template-5768360.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/57/68/html-template-full-5768360.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/5768360/we-create-thoughtful-experiences-for-humans-html-template" title="We Create Thoughtful Experiences For Humans">We Create Thoughtful Experiences For Humans</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 608px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6155426/assure-you-that-you-will-win-html-template" style="width:260px; height: 558px;" title="Assure You That You Will Win"><img alt="Assure You That You Will Win" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/61/55/html-template-6155426.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/61/55/html-template-full-6155426.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6155426/assure-you-that-you-will-win-html-template" title="Assure You That You Will Win">Assure You That You Will Win</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 714px;" > <div class="page-image"> <a class="thumbnail" href="/ht/2806974/we-build-fresh-designs-html-template" style="width:260px; height: 664px;" title="We Build Fresh Designs"><img alt="We Build Fresh Designs" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/28/06/html-template-2806974.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/28/06/html-template-full-2806974.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/2806974/we-build-fresh-designs-html-template" title="We Build Fresh Designs">We Build Fresh Designs</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 794px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6229605/growth-marketing-and-sales-html-template" style="width:260px; height: 744px;" title="Growth, Marketing And Sales"><img alt="Growth, Marketing And Sales" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/29/html-template-6229605.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/29/html-template-full-6229605.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6229605/growth-marketing-and-sales-html-template" title="Growth, Marketing And Sales">Growth, Marketing And Sales</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 605px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1521860/we-create-beautiful-websites-html-template" style="width:260px; height: 555px;" title="We Create Beautiful Websites"><img alt="We Create Beautiful Websites" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/15/21/html-template-1521860.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/15/21/html-template-full-1521860.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/1521860/we-create-beautiful-websites-html-template" title="We Create Beautiful Websites">We Create Beautiful Websites</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 756px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6021880/set-up-logistics-html-template" style="width:260px; height: 706px;" title="Set Up Logistics"><img alt="Set Up Logistics" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/60/21/html-template-6021880.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/60/21/html-template-full-6021880.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6021880/set-up-logistics-html-template" title="Set Up Logistics">Set Up Logistics</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 651px;" > <div class="page-image"> <a class="thumbnail" href="/ht/1323484/creative-designer-html-template" style="width:260px; height: 601px;" title="Creative Designer"><img alt="Creative Designer" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/13/23/html-template-1323484.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/13/23/html-template-full-1323484.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/1323484/creative-designer-html-template" title="Creative Designer">Creative Designer</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 665px;" > <div class="page-image"> <a class="thumbnail" href="/ht/4027124/professional-and-enthusiastic-html-template" style="width:260px; height: 615px;" title="Professional And Enthusiastic"><img alt="Professional And Enthusiastic" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/40/27/html-template-4027124.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/40/27/html-template-full-4027124.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/4027124/professional-and-enthusiastic-html-template" title="Professional And Enthusiastic">Professional And Enthusiastic</a> </div> </li> <li class="thumbnail-item title-one-row" data-height="0" style="width: 260px; height: 618px;" > <div class="page-image"> <a class="thumbnail" href="/ht/6200703/accelerate-critical-development-work-html-template" style="width:260px; height: 568px;" title="Accelerate Critical Development Work HTML Template"><img alt="Accelerate Critical Development Work HTML Template" class="media-image lazyload noversion" data-src="https://images01.nicepagecdn.com/page/62/00/html-template-6200703.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" style="max-width:100%;" /></a> <a class="btn btn-default btn-sm expand-page-button pull-right page-more" href="#" data-url="https://images01.nicepagecdn.com/page/62/00/html-template-full-6200703.jpg">More ↓</a> </div> <div class="page-title one-row "> <a href="/ht/6200703/accelerate-critical-development-work-html-template" title="Accelerate Critical Development Work HTML Template">Accelerate Critical Development Work HTML Template</a> </div> </li> </ul> </div> </div> <section id="sec-win-download" style="display: none;"> <div class="container-layout"> <img alt="" data-image-width="800" data-image-height="400" data-src="//csite.nicepage.com/Images/Site/downloadwinchrome.jpg"> <p class="u-text"> You are downloading Nicepage. Problems? <a href="/get/windows/">Click Here</a> </p> <p class="u-text">Run Nicepage.exe from the Download Panel</p> </div> </section> <section id="sec-mac-download" style="display: none;"> <div class="container-layout"> <img alt="" data-src="//csite.nicepage.com/Images/Site/downloadmacsafari.jpg" > <p class="u-text"> You are downloading Nicepage. Problems? <a href="/get/mac/">Click Here</a> </p> <p class="u-text">Run Nicepage.dmg from the Download Panel</p> </div> </section> </section> <div id="push"></div> </div> <div class="footer"> <div class="footer-top"> <div class="container"> <style> .footer-top a { color: #ddd !important; font-size: 16px; } </style> <div class="row"> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Company</h6> <ul> <li><a href="/Terms">Terms of Use</a></li> <li><a href="/Privacy">Privacy Policy</a></li> <li><a href="/Agreement">License Agreement</a></li> <li><a href="/About">About Us</a></li> <li><a href="/partners">Partners</a></li> <li><a href="/Abuse">Abuse</a></li> <li><a href="/Forum/Topic/Create">Contact Support</a></li> </ul> </div> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Product</h6> <ul> <li><a href="/doc/frequently-asked-questions-16656">FAQ</a></li> <li><a href="/download">Download</a></li> <li><a href="/features">400+ Features</a></li> <li><a href="/affiliates">Affiliates</a></li> <li><a href="/doc">Documentation</a></li> <li><a href="/forum">Forum</a></li> <li><a href="/blog">Blog</a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <h6><a href="/templates">Themes & Templates</a></h6> <ul> <li><a href="/website-templates">Website Templates</a></li> <li><a href="/wordpress-themes">WordPress Themes</a></li> <li><a href="/html-templates">HTML Templates</a></li> <li><a href="/css-templates">CSS Templates</a></li> <li><a href="/joomla-templates">Joomla Templates</a></li> <li><a href="/html5-template">HTML5 Templates</a></li> <li><a href="/one-page-template">One Page Templates</a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <h6>Nicepage</h6> <ul> <li><a href="/website-builder">Website Builder</a></li> <li><a href="/html-website-builder">HTML Website Builder</a></li> <li><a href="/wordpress-website-builder">WordPress Website Builder</a></li> <li><a href="/joomla-page-builder">Joomla Page Builder</a></li> <li><a href="/wysiwyg-html-editor">WYSIWYG HTML Editor</a></li> <li><a href="/static-site-generator">Static Site Generator</a></li> <li><a href="/html-code">HTML Code Generator</a></li> </ul> </div> <div class="col-md-2 col-sm-6 col-xs-12"> <h6>Web Design</h6> <ul> <li><a href="/website-design">Website Designs</a></li> <li><a href="/web-page-design">Web Page Designs</a></li> <li><a href="/ecommerce-templates">eCommerce Designs</a></li> <li><a href="/landing-page">Landing Pages</a></li> <li><a href="/homepage-design">Homepage Designs</a></li> <li><a href="/website-mockup">Website Mockup</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div id="footer-links" class="footer-inline col-sm-12 pull-right"> <div style="white-space: nowrap; float: left; text-align: left;"> <div class="row"> <div class="col-sm-3"> <a href="https://facebook.com/nicepageapp" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#3B5998" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M73.5,31.6h-9.1c-1.4,0-3.6,0.8-3.6,3.9v8.5h12.6L72,58.3H60.8v40.8H43.9V58.3h-8V43.9h8v-9.2 c0-6.7,3.1-17,17-17h12.5v13.9H73.5z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Facebook</span></a> </div> <div class="col-sm-3"> <a href="https://twitter.com/NicepageApp" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#55ACEE" class="st0" cx="56.1" cy="56.1" r="55"/> <path fill="#FFFFFF" d="M83.8,47.3c0,0.6,0,1.2,0,1.7c0,17.7-13.5,38.2-38.2,38.2C38,87.2,31,85,25,81.2c1,0.1,2.1,0.2,3.2,0.2 c6.3,0,12.1-2.1,16.7-5.7c-5.9-0.1-10.8-4-12.5-9.3c0.8,0.2,1.7,0.2,2.5,0.2c1.2,0,2.4-0.2,3.5-0.5c-6.1-1.2-10.8-6.7-10.8-13.1 c0-0.1,0-0.1,0-0.2c1.8,1,3.9,1.6,6.1,1.7c-3.6-2.4-6-6.5-6-11.2c0-2.5,0.7-4.8,1.8-6.7c6.6,8.1,16.5,13.5,27.6,14 c-0.2-1-0.3-2-0.3-3.1c0-7.4,6-13.4,13.4-13.4c3.9,0,7.3,1.6,9.8,4.2c3.1-0.6,5.9-1.7,8.5-3.3c-1,3.1-3.1,5.8-5.9,7.4 c2.7-0.3,5.3-1,7.7-2.1C88.7,43,86.4,45.4,83.8,47.3z"/> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Twitter</span></a> </div> <div class="col-sm-3"> <a href="https://youtube.com/nicepage?sub_confirmation=1" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#D22215" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M74.9,33.3H37.3c-7.4,0-13.4,6-13.4,13.4v18.8c0,7.4,6,13.4,13.4,13.4h37.6c7.4,0,13.4-6,13.4-13.4V46.7 C88.3,39.3,82.3,33.3,74.9,33.3L74.9,33.3z M65.9,57l-17.6,8.4c-0.5,0.2-1-0.1-1-0.6V47.5c0-0.5,0.6-0.9,1-0.6l17.6,8.9 C66.4,56,66.4,56.8,65.9,57L65.9,57z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">YouTube</span></a> </div> <div class="col-sm-3"> <a href="https://www.pinterest.com/nicepagecom/pins" rel="noreferrer" target="_blank" style="margin-right: 10px;"> <svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;"> <circle fill="#CB2027" cx="56.1" cy="56.1" r="55"></circle> <path fill="#FFFFFF" d="M61.1,76.9c-4.7-0.3-6.7-2.7-10.3-5c-2,10.7-4.6,20.9-11.9,26.2c-2.2-16.1,3.3-28.2,5.9-41 c-4.4-7.5,0.6-22.5,9.9-18.8c11.6,4.6-10,27.8,4.4,30.7C74.2,72,80.3,42.8,71,33.4C57.5,19.6,31.7,33,34.9,52.6 c0.8,4.8,5.8,6.2,2,12.9c-8.7-1.9-11.2-8.8-10.9-17.8C26.5,32.8,39.3,22.5,52.2,21c16.3-1.9,31.6,5.9,33.7,21.2 C88.2,59.5,78.6,78.2,61.1,76.9z"></path> </svg><span style="position: relative;top: -7px;margin-left: 5px;">Pinterest</span></a> </div> </div> </div>  <div class="copy">© 2024 Nicepage Free Website Builder Software - All Rights Reserved</div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

A bit about me HTML Template