Bootstrap Landing Page Templates

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Bootstrap Landing Page Templates | Bootstrap Temple</title> <meta name="description" content="Explore our top Bootstrap 5 landing page templates."> <script src="https://cdn.paddle.com/paddle/paddle.js"></script> <script> //Paddle.Environment.set("sandbox"); Paddle.Setup({ vendor: 29673 }); function ready(fn) { if (document.readyState !== 'loading') { fn(); return; } document.addEventListener('DOMContentLoaded', fn); } function openCheckout(paddleLink) { var matches = paddleLink.match(/\d+$/); console.log(paddleLink, matches[0]); Paddle.Checkout.open({ product: matches[0] }) } // product: 892606 // override: "https://buy.paddle.com/product/892476" ready(function() { // Paddle setup document.querySelectorAll("a.button").forEach(function(element){ if (element.textContent.toLowerCase().includes("buy now")){ var paddleLink = element.getAttribute('href'); element.setAttribute('href', "#"); element.addEventListener('click', function () { openCheckout(paddleLink) }, false); } }); // View template link document.querySelectorAll("a.hs-content-library__link").forEach(function(element){ if (element.textContent.toLowerCase().includes("view template")){ var viewTemplateLink = element.getAttribute('href'); element.closest(".hs-content-library__card ").addEventListener('click', function () { window.location = viewTemplateLink; }, false); } }); }) </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script> <script>hsjQuery = window['jQuery'];</script> <meta property="og:description" content="Explore our top Bootstrap 5 landing page templates."> <meta property="og:title" content="Bootstrap Landing Page Templates | Bootstrap Temple"> <meta name="twitter:description" content="Explore our top Bootstrap 5 landing page templates."> <meta name="twitter:title" content="Bootstrap Landing Page Templates | Bootstrap Temple"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172781081630/1723173183555/Generator_child/css/main.min.css"> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172781081624/1723173182888/Generator_child/css/theme-overrides.css"> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172887387911/1723416262482/Generator_child/child.min.css"> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172782922579/1720745685671/module_172782922579_website-header.min.css"> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-154978847915/1740653592172/module_content_library.min.css"> <style> #hs_cos_wrapper_widget_1720974486998 .hs-content-library { --title-font-size:24px; --description-font-size:16px; --red-svg-primary:81; --green-svg-primary:103; --blue-svg-primary:71; --red-svg-secondary:115; --green-svg-secondary:78; --blue-svg-secondary:54; --red-svg-tertiary:135; --green-svg-tertiary:140; --blue-svg-tertiary:171; } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__card .hs-content-library__title { color:#2c363f; font-size:24px; } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__card .hs-content-library__description { color:#2c363f; font-size:16px; } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__card--featured .hs-content-library__title { font-size:var(--featured-title-font-size); } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__card--featured .hs-content-library__description { font-size:var(--featured-description-font-size); } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__link { color:#2c363f; font-size:16px; color:#758ecd; } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__image img, #hs_cos_wrapper_widget_1720974486998 .hs-content-library__image svg { aspect-ratio:1/1; } #hs_cos_wrapper_widget_1720974486998 .hs-content-library__link:hover, #hs_cos_wrapper_widget_1720974486998 .hs-content-library__link:focus { color:#ff9b71; } </style> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172781993060/1720745685367/module_172781993060_social-follow.min.css"> <style> @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); } @font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/regular.woff") format("woff"); } @font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/700.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/700.woff") format("woff"); } </style>  <style id="hs_editor_style" type="text/css"> #hs_cos_wrapper_widget_1722030020585 { color: #2c363f !important; display: block !important; text-align: center !important } #hs_cos_wrapper_widget_1722030020585 p , #hs_cos_wrapper_widget_1722030020585 li , #hs_cos_wrapper_widget_1722030020585 span , #hs_cos_wrapper_widget_1722030020585 label , #hs_cos_wrapper_widget_1722030020585 h1 , #hs_cos_wrapper_widget_1722030020585 h2 , #hs_cos_wrapper_widget_1722030020585 h3 , #hs_cos_wrapper_widget_1722030020585 h4 , #hs_cos_wrapper_widget_1722030020585 h5 , #hs_cos_wrapper_widget_1722030020585 h6 { color: #2c363f !important } #hs_cos_wrapper_widget_1722030049257 { color: #2c363f !important; display: block !important; font-size: 24px !important; padding-bottom: 20px !important; text-align: center !important } #hs_cos_wrapper_widget_1722030049257 p , #hs_cos_wrapper_widget_1722030049257 li , #hs_cos_wrapper_widget_1722030049257 span , #hs_cos_wrapper_widget_1722030049257 label , #hs_cos_wrapper_widget_1722030049257 h1 , #hs_cos_wrapper_widget_1722030049257 h2 , #hs_cos_wrapper_widget_1722030049257 h3 , #hs_cos_wrapper_widget_1722030049257 h4 , #hs_cos_wrapper_widget_1722030049257 h5 , #hs_cos_wrapper_widget_1722030049257 h6 { color: #2c363f !important; font-size: 24px !important } #hs_cos_wrapper_widget_1722030421358 { color: #2c363f !important; display: block !important; font-size: 36px !important; padding-bottom: 10px !important; padding-top: 5px !important; text-align: center !important } #hs_cos_wrapper_widget_1722030421358 p , #hs_cos_wrapper_widget_1722030421358 li , #hs_cos_wrapper_widget_1722030421358 span , #hs_cos_wrapper_widget_1722030421358 label , #hs_cos_wrapper_widget_1722030421358 h1 , #hs_cos_wrapper_widget_1722030421358 h2 , #hs_cos_wrapper_widget_1722030421358 h3 , #hs_cos_wrapper_widget_1722030421358 h4 , #hs_cos_wrapper_widget_1722030421358 h5 , #hs_cos_wrapper_widget_1722030421358 h6 { color: #2c363f !important; font-size: 36px !important } #hs_cos_wrapper_widget_1722030020585 { color: #2c363f !important; display: block !important; text-align: center !important } #hs_cos_wrapper_widget_1722030020585 p , #hs_cos_wrapper_widget_1722030020585 li , #hs_cos_wrapper_widget_1722030020585 span , #hs_cos_wrapper_widget_1722030020585 label , #hs_cos_wrapper_widget_1722030020585 h1 , #hs_cos_wrapper_widget_1722030020585 h2 , #hs_cos_wrapper_widget_1722030020585 h3 , #hs_cos_wrapper_widget_1722030020585 h4 , #hs_cos_wrapper_widget_1722030020585 h5 , #hs_cos_wrapper_widget_1722030020585 h6 { color: #2c363f !important } #hs_cos_wrapper_widget_1722030049257 { color: #2c363f !important; display: block !important; font-size: 24px !important; padding-bottom: 20px !important; text-align: center !important } #hs_cos_wrapper_widget_1722030049257 p , #hs_cos_wrapper_widget_1722030049257 li , #hs_cos_wrapper_widget_1722030049257 span , #hs_cos_wrapper_widget_1722030049257 label , #hs_cos_wrapper_widget_1722030049257 h1 , #hs_cos_wrapper_widget_1722030049257 h2 , #hs_cos_wrapper_widget_1722030049257 h3 , #hs_cos_wrapper_widget_1722030049257 h4 , #hs_cos_wrapper_widget_1722030049257 h5 , #hs_cos_wrapper_widget_1722030049257 h6 { color: #2c363f !important; font-size: 24px !important } #hs_cos_wrapper_widget_1722030421358 { color: #2c363f !important; display: block !important; font-size: 36px !important; padding-bottom: 10px !important; padding-top: 5px !important; text-align: center !important } #hs_cos_wrapper_widget_1722030421358 p , #hs_cos_wrapper_widget_1722030421358 li , #hs_cos_wrapper_widget_1722030421358 span , #hs_cos_wrapper_widget_1722030421358 label , #hs_cos_wrapper_widget_1722030421358 h1 , #hs_cos_wrapper_widget_1722030421358 h2 , #hs_cos_wrapper_widget_1722030421358 h3 , #hs_cos_wrapper_widget_1722030421358 h4 , #hs_cos_wrapper_widget_1722030421358 h5 , #hs_cos_wrapper_widget_1722030421358 h6 { color: #2c363f !important; font-size: 36px !important } .header-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .widget_1723421068695-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1723421068695-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } /* HubSpot Styles (default) */ .header-row-0-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-1-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-2-padding { padding-top: 120px !important; padding-bottom: 120px !important; } .dnd_area-row-2-background-layers { background-image: linear-gradient(rgba(44, 54, 63, 1), rgba(44, 54, 63, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .footer-row-0-padding { padding-top: 30px !important; padding-bottom: 5px !important; } .footer-row-1-padding { padding-top: 10px !important; padding-bottom: 10px !important; } .footer-column-8-margin { margin-bottom: 20px !important; } .footer-column-6-margin { margin-bottom: 20px !important; } .footer-column-2-margin { margin-bottom: 20px !important; } /* HubSpot Styles (mobile) */ @media (max-width: 767px) { .dnd_area-row-2-padding { padding-top: 60px !important; padding-bottom: 60px !important; } } </style>  <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; if (!window._hsGoogleConsentRunOnce) { window._hsGoogleConsentRunOnce = true; gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); if (useGoogleConsentModeV2) { _hsp.push(['useGoogleConsentModeV2']) } else { _hsp.push(['addPrivacyConsentListener', function(consent){ var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); gtag('consent', 'update', { 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' }); }]); } } gtag('js', new Date()); gtag('set', 'developer_id.dZTQ1Zm', true); gtag('config', 'G-7DHHVH0CZ0'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7DHHVH0CZ0"></script>  <link rel="canonical" href="https://bootstraptemple.com/landing-pages">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-7DHHVH0CZ0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7DHHVH0CZ0'); </script> <meta property="og:url" content="https://bootstraptemple.com/landing-pages"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="en"> <meta name="generator" content="HubSpot"></head> <body> <div class="body-wrapper hs-content-id-175255800495 hs-site-page page hs-content-path-landing-pages hs-content-name-pillar-landing-page-templates "> <div data-global-resource-path="Generator child/templates/partials/header.html"><header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding header-row-0-force-full-width-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_header-module-1 .header__top {} #hs_cos_wrapper_header-module-1 .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher:hover .header__language-switcher-current-label>span, #hs_cos_wrapper_header-module-1 .header__language-switcher:focus .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:hover, #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:focus {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:active {} #hs_cos_wrapper_header-module-1 .header__menu-link {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:active {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link--active-link {} #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .button { background-color:rgba(#null,0.0); } #hs_cos_wrapper_header-module-1 .button:hover, #hs_cos_wrapper_header-module-1 .button:focus { background-color:rgba(#null,0.0); } #hs_cos_wrapper_header-module-1 .button:active { background-color:rgba(#null,0.0); } </style> <div class="header__container header__container--left"> <div class="header__bottom"> <div class="header__wrapper header__wrapper--bottom"> <div class="header__logo-col"> <div class="header__logo"> <a class="header__logo-link" href="//bootstraptemple.com?hsLang=en"> <img class="header__logo-image" src="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png" loading="eager" alt="Bootstrap temple logo" height="99" width="600" srcset="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=300&height=50&name=logo-bt.png 300w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png 600w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=900&height=149&name=logo-bt.png 900w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1200&height=198&name=logo-bt.png 1200w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1500&height=248&name=logo-bt.png 1500w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1800&height=297&name=logo-bt.png 1800w" sizes="(max-width: 600px) 100vw, 600px"> </a> </div> </div> <div class="header__menu-col"> <nav class="header__menu header__menu--desktop" aria-label="Desktop navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com">Home</a> </li> <li class="header__menu-item header__menu-item--depth-1 header__menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="header__menu-link header__menu-link--toggle " aria-haspopup="true" aria-expanded="false">Templates</span> <button class="header__menu-child-toggle no-button" aria-expanded="false"> <span class="show-for-sr">Show submenu for Templates</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="chevron-down1_layer"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></g></svg> </button> <ul class="header__menu-submenu header__menu-submenu--level-2 no-list"> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/admin-templates">Admin Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/business-templates">Business Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/portfolio-themes">Portfolio Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/e-commerce-templates">E-Commerce Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/blog-templates">Blog Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/restaurant-templates">Restaurant Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link header__menu-link--active-link" href="https://bootstraptemple.com/landing-pages" aria-current="page">Landing Page Templates</a> </li> </ul> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/services">Services</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/p">Blog</a> </li> </ul> </nav> <div class="header__menu-container header__menu-container--mobile"> <button class="header__menu-toggle header__menu-toggle--open header__menu-toggle--show no-button"> <span class="show-for-sr">Open main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="24" aria-hidden="true"><g id="bars1_layer"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" /></g></svg> </button> <button class="header__menu-toggle header__menu-toggle--close no-button"> <span class="show-for-sr">Close main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" width="24" aria-hidden="true"><g id="times2_layer"><path d="M323.1 441l53.9-53.9c9.4-9.4 9.4-24.5 0-33.9L279.8 256l97.2-97.2c9.4-9.4 9.4-24.5 0-33.9L323.1 71c-9.4-9.4-24.5-9.4-33.9 0L192 168.2 94.8 71c-9.4-9.4-24.5-9.4-33.9 0L7 124.9c-9.4 9.4-9.4 24.5 0 33.9l97.2 97.2L7 353.2c-9.4 9.4-9.4 24.5 0 33.9L60.9 441c9.4 9.4 24.5 9.4 33.9 0l97.2-97.2 97.2 97.2c9.3 9.3 24.5 9.3 33.9 0z" /></g></svg> </button> <nav class="header__menu header__menu--mobile" aria-label="Mobile navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com">Home</a> </li> <li class="header__menu-item header__menu-item--depth-1 header__menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="header__menu-link header__menu-link--toggle " aria-haspopup="true" aria-expanded="false">Templates</span> <button class="header__menu-child-toggle no-button" aria-expanded="false"> <span class="show-for-sr">Show submenu for Templates</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="chevron-down3_layer"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></g></svg> </button> <ul class="header__menu-submenu header__menu-submenu--level-2 no-list"> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/admin-templates">Admin Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/business-templates">Business Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/portfolio-themes">Portfolio Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/e-commerce-templates">E-Commerce Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/blog-templates">Blog Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/restaurant-templates">Restaurant Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link header__menu-link--active-link" href="https://bootstraptemple.com/landing-pages" aria-current="page">Landing Page Templates</a> </li> </ul> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/services">Services</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/p">Blog</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header></div> <main id="main-content"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722030020585" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1722030020585_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="header"><h1>Bootstrap Landing Page Templates</h1></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722030049257" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_widget_1722030049257_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="text">Check out our popular landing page templates</span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1720974486998" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="hs-content-library hs-content-library--cards"> <section class="hs-content-library__card "> <div class="hs-content-library__image hs-content-library__image--custom"> <img src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=900&height=506&name=6LandingCountdown.jpg" width="900" height="506" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=450&height=253&name=6LandingCountdown.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=900&height=506&name=6LandingCountdown.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=1350&height=759&name=6LandingCountdown.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=1800&height=1012&name=6LandingCountdown.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=2250&height=1265&name=6LandingCountdown.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/6LandingCountdown.jpg?width=2700&height=1518&name=6LandingCountdown.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Countdown</h2> <p class="hs-content-library__description">Check out this beautiful, responsive coming soon template with an easily configurable countdown section</p> <a rel="" href="https://bootstraptemple.com/landing-page-countdown-template?hsLang=en" aria-label="View Countdown content" class="hs-content-library__link"> View Template </a> </div> </section> <section class="hs-content-library__card "> <div class="hs-content-library__image hs-content-library__image--custom"> <img src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=900&height=506&name=5ComingSoon-1.jpg" width="900" height="506" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=450&height=253&name=5ComingSoon-1.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=900&height=506&name=5ComingSoon-1.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=1350&height=759&name=5ComingSoon-1.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=1800&height=1012&name=5ComingSoon-1.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=2250&height=1265&name=5ComingSoon-1.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/5ComingSoon-1.jpg?width=2700&height=1518&name=5ComingSoon-1.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Coming Soon</h2> <p class="hs-content-library__description">Check out this beautiful responsive coming soon theme. It features a clean and elegant design, and it is built on top of Bootstrap 5.</p> <a rel="" href="https://bootstraptemple.com/coming-soon-template?hsLang=en" aria-label="View Coming Soon content" class="hs-content-library__link"> View Template </a> </div> </section> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd_area-row-1-background-color dnd-section dnd_area-row-1-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722030421358" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1722030421358_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="header"><h2>Check out our blog content!</h2></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722030377048" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_widget_1722030377048 .blog-listing__post { border:1px solid #2c363f; border-radius:12px; } #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-content { padding:20px; } #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-image {} #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-tag { text-transform:uppercase; } #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-title, #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-title-link {} #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-timestamp {} #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-summary, #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-summary * {} #hs_cos_wrapper_widget_1722030377048 .blog-listing__post-button-wrapper { text-align:CENTER; } #hs_cos_wrapper_widget_1722030377048 .button { border-radius:6px; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_widget_1722030377048 .button:hover, #hs_cos_wrapper_widget_1722030377048 .button:focus {} #hs_cos_wrapper_widget_1722030377048 .button:active {} </style> <section class="blog-listing blog-listing--card blog-listing--3-col"> <article class="blog-listing__post card " aria-label="Blog post summary: How Good UX Design Contributes to Website Security"> <a class="blog-listing__post-image-wrapper" href="https://bootstraptemple.com/p/good-ux-design-website-security?hsLang=en" aria-label="Read full post: How Good UX Design Contributes to Website Security"> <img class="blog-listing__post-image" src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/ux-design_483e3a91def2594f45029011663adabe-1.jpg?height=200&name=ux-design_483e3a91def2594f45029011663adabe-1.jpg" height="200" loading="lazy" alt=""> </a> <div class="blog-listing__post-content"> <div class="blog-listing__header"> <h4 class="blog-listing__post-title"> <a class="blog-listing__post-title-link" href="https://bootstraptemple.com/p/good-ux-design-website-security?hsLang=en">How Good UX Design Contributes to Website Security</a> </h4> <time class="blog-listing__post-timestamp" datetime="2024-08-12 02:23:56"> August 12, 2024 </time> </div> <div class="blog-listing__post-summary"> <h2 id="the-state-of-website-security">The State of Website Security</h2> <p>Website security threats represent some of the most destabilizing...</p> </div> <div class="blog-listing__post-button-wrapper"> <a class="blog-listing__post-button button " href="https://bootstraptemple.com/p/good-ux-design-website-security?hsLang=en">Read more</a> </div> </div> </article> <article class="blog-listing__post card " aria-label="Blog post summary: Bootstrap tabs"> <a class="blog-listing__post-image-wrapper" href="https://bootstraptemple.com/p/bootstrap-tabs?hsLang=en" aria-label="Read full post: Bootstrap tabs"> <img class="blog-listing__post-image" src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/screenshot-21-_dbb45ef4fb5bfdf588189c836fecf379.jpg?height=200&name=screenshot-21-_dbb45ef4fb5bfdf588189c836fecf379.jpg" height="200" loading="lazy" alt=""> </a> <div class="blog-listing__post-content"> <div class="blog-listing__header"> <h4 class="blog-listing__post-title"> <a class="blog-listing__post-title-link" href="https://bootstraptemple.com/p/bootstrap-tabs?hsLang=en">Bootstrap tabs</a> </h4> <time class="blog-listing__post-timestamp" datetime="2024-08-12 02:23:55"> August 12, 2024 </time> </div> <div class="blog-listing__post-summary"> <p>Tabs are a great way to organize content on your web page. With the Bootstrap framework, creating...</p> </div> <div class="blog-listing__post-button-wrapper"> <a class="blog-listing__post-button button " href="https://bootstraptemple.com/p/bootstrap-tabs?hsLang=en">Read more</a> </div> </div> </article> <article class="blog-listing__post card " aria-label="Blog post summary: Screen - One-page scroll theme"> <a class="blog-listing__post-image-wrapper" href="https://bootstraptemple.com/p/screen-onepage-scroll-theme?hsLang=en" aria-label="Read full post: Screen - One-page scroll theme"> <img class="blog-listing__post-image" src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/screen-900x600_1d092b5743cbc21b899996baf203bd70-Jul-20-2024-01-00-29-5622-AM.jpg?height=200&name=screen-900x600_1d092b5743cbc21b899996baf203bd70-Jul-20-2024-01-00-29-5622-AM.jpg" height="200" loading="lazy" alt=""> </a> <div class="blog-listing__post-content"> <div class="blog-listing__header"> <h4 class="blog-listing__post-title"> <a class="blog-listing__post-title-link" href="https://bootstraptemple.com/p/screen-onepage-scroll-theme?hsLang=en">Screen - One-page scroll theme</a> </h4> <time class="blog-listing__post-timestamp" datetime="2024-08-12 02:23:54"> August 12, 2024 </time> </div> <div class="blog-listing__post-summary"> <p>Screen is a nice <strong>one-page theme</strong> implementing a <strong>one-page scroll</strong>.</p> </div> <div class="blog-listing__post-button-wrapper"> <a class="blog-listing__post-button button " href="https://bootstraptemple.com/p/screen-onepage-scroll-theme?hsLang=en">Read more</a> </div> </div> </article> </section></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd_area-row-2-background-layers dnd_area-row-2-padding dnd_area-row-2-background-color dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17220304836419" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17220304836419_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: center; text-transform: uppercase; letter-spacing: 3px;"><span style="color: #ffffff;"><strong>Need Help Launching your website?</strong></span></div> <div style="text-align: center; text-transform: uppercase; letter-spacing: 3px;"><span style="color: #ffffff;"> </span></div> <h2 style="text-align: center;"><span style="color: #ffffff;">Just $99/MO</span></h2> <p style="font-size: 20px; text-align: center;"><span style="color: #ffffff;">We'll help you get your site up and running in 7 days or less</span></p></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_172203048364110" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_module_172203048364110 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_172203048364110 .button { background-color:rgba(255,255,255,1.0); border-radius:8px; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_module_172203048364110 .button:hover, #hs_cos_wrapper_module_172203048364110 .button:focus {} #hs_cos_wrapper_module_172203048364110 .button:active {} </style> <div class="button-wrapper"> <a href="https://bootstraptemple.com/services?hsLang=en" target="_blank" rel="noopener" class="button button--large "> Learn More </a> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="Generator child/templates/partials/website-footer.html"><footer class="footer"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section footer-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd-column footer-column-2-margin" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_footer-module-3_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"></span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget widget_1723421068695-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1723421068695" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1723421068695_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//bootstraptemple.com?hsLang=en" id="hs-link-widget_1723421068695_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png" class="hs-image-widget " height="99" style="height: auto;width:600px;border-width:0px;border:0px;" width="600" alt="Bootstrap temple logo" title="Bootstrap temple logo" srcset="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=300&height=50&name=logo-bt.png 300w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png 600w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=900&height=149&name=logo-bt.png 900w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1200&height=198&name=logo-bt.png 1200w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1500&height=248&name=logo-bt.png 1500w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1800&height=297&name=logo-bt.png 1800w" sizes="(max-width: 600px) 100vw, 600px"></a></span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><p style="font-size: 16px; line-height: 1.75;"><span style="color: #2c363f;">Discover an impressive selection of unique Bootstrap templates and themes perfect for your upcoming project. Each template is designed to be fully responsive and HTML compliant, ensuring the highest quality. </span></p></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_footer-module-5 .social-follow {} #hs_cos_wrapper_footer-module-5 .social-follow__link {} #hs_cos_wrapper_footer-module-5 .social-follow__icon {} #hs_cos_wrapper_footer-module-5 .social-follow__icon svg { height:22px; width:22px; } #hs_cos_wrapper_footer-module-5 .social-follow__icon img { height:22px; } </style> <div class="social-follow"> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f1" role="img"><title id="facebook-f1">facebook-f icon</title><g id="facebook-f1_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in2" role="img"><title id="linkedin-in2">linkedin-in icon</title><g id="linkedin-in2_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="twitter3" role="img"><title id="twitter3">twitter icon</title><g id="twitter3_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">instagram icon</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> </span> </a> </div></div> </div> </div> </div> </div> <div class="span3 widget-span widget-type-cell footer-column-6-margin dnd-column" style="" data-widget-type="cell" data-x="6" data-w="3"> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-7_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: left;"> <div><span style="color: #2c363f;"><strong>Company</strong></span></div> <br> <div style="line-height: 2;"><a href="https://bootstraptemple.com/services?hsLang=en" rel="noopener">Our Services</a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/terms-of-service?hsLang=en" rel="noopener"><span style="color: #2c363f;">Terms of Service</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/modify-a-template?hsLang=en" rel="noopener">Modify a Template</a></div> </div></span></div> </div> </div> </div> </div> <div class="span3 widget-span widget-type-cell footer-column-8-margin dnd-column" style="" data-widget-type="cell" data-x="9" data-w="3"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-9" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-9_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: left;"> <div> <div><span style="color: #2c363f;"><strong>Templates Categories</strong></span></div> <br> <div style="line-height: 2;"><a href="https://bootstraptemple.com/admin-templates?hsLang=en" rel="noopener"><span style="color: #2c363f;">Admin templates</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/e-commerce-templates?hsLang=en" rel="noopener"><span style="color: #2c363f;">E-Commerce templates</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/portfolio-themes?hsLang=en" rel="noopener"><span style="color: #2c363f;">Portfolio templates</span></a></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"> </div> </div> </div></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section footer-row-1-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-11" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: right;"> <p><span style="color: #2c363f;">Copyright © 2025, Bootstrap Temple</span></p> </div></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer></div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172880001155/1723173179768/Generator_child/child.min.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172781993019/1723173185252/Generator_child/js/main.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172782922579/1720745684958/module_172782922579_website-header.min.js"></script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/bootstraptemple.com\/landing-pages"]); _hsq.push(["setPageId", "175255800495"]); _hsq.push(["setContentMetadata", { "contentPageId": 175255800495, "legacyPageId": "175255800495", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 175255800495, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/449142.js?businessUnitId=0"></script>  <script type="text/javascript"> var hsVars = { render_id: "f86f971f-39e8-4ef0-b7ba-ced78c8f283c", ticks: 1740662061663, page_id: 175255800495, content_group_id: 0, portal_id: 449142, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "175255800495", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js"></script> </body></html>

CINXE.COM

Bootstrap Landing Page Templates | Bootstrap Temple