Bootstrap Temple - Free Bootstrap Templates and Themes

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Bootstrap Temple - Free Bootstrap Templates and Themes</title> <meta name="description" content="Stunning free Bootstrap templates, code snippets, guides, and premium UI products for your next venture. "> <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="Stunning free Bootstrap templates, code snippets, guides, and premium UI products for your next venture. "> <meta property="og:title" content="Bootstrap Temple - Free Bootstrap Templates and Themes"> <meta name="twitter:description" content="Stunning free Bootstrap templates, code snippets, guides, and premium UI products for your next venture. "> <meta name="twitter:title" content="Bootstrap Temple - Free Bootstrap Templates and Themes"> <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_1722017786612 .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_1722017786612 .hs-content-library__card .hs-content-library__title { color:#000; font-size:24px; } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__card .hs-content-library__description { color:#000; font-size:16px; } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__card--featured .hs-content-library__title { font-size:var(--featured-title-font-size); } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__card--featured .hs-content-library__description { font-size:var(--featured-description-font-size); } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__link { color:#000; font-size:16px; color:#000; } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__image img, #hs_cos_wrapper_widget_1722017786612 .hs-content-library__image svg { aspect-ratio:1/1; } #hs_cos_wrapper_widget_1722017786612 .hs-content-library__link:hover, #hs_cos_wrapper_widget_1722017786612 .hs-content-library__link:focus { color:#000; } </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_1722017797952 { color: #2c363f !important; display: block !important; padding-bottom: 10px !important; text-align: center !important } #hs_cos_wrapper_widget_1722017797952 p , #hs_cos_wrapper_widget_1722017797952 li , #hs_cos_wrapper_widget_1722017797952 span , #hs_cos_wrapper_widget_1722017797952 label , #hs_cos_wrapper_widget_1722017797952 h1 , #hs_cos_wrapper_widget_1722017797952 h2 , #hs_cos_wrapper_widget_1722017797952 h3 , #hs_cos_wrapper_widget_1722017797952 h4 , #hs_cos_wrapper_widget_1722017797952 h5 , #hs_cos_wrapper_widget_1722017797952 h6 { color: #2c363f !important } #hs_cos_wrapper_widget_1722017922984 { color: #2c363f !important; display: block !important; text-align: center !important } #hs_cos_wrapper_widget_1722017922984 p , #hs_cos_wrapper_widget_1722017922984 li , #hs_cos_wrapper_widget_1722017922984 span , #hs_cos_wrapper_widget_1722017922984 label , #hs_cos_wrapper_widget_1722017922984 h1 , #hs_cos_wrapper_widget_1722017922984 h2 , #hs_cos_wrapper_widget_1722017922984 h3 , #hs_cos_wrapper_widget_1722017922984 h4 , #hs_cos_wrapper_widget_1722017922984 h5 , #hs_cos_wrapper_widget_1722017922984 h6 { color: #2c363f !important } #hs_cos_wrapper_widget_1722017797952 { color: #2c363f !important; display: block !important; padding-bottom: 10px !important; text-align: center !important } #hs_cos_wrapper_widget_1722017797952 p , #hs_cos_wrapper_widget_1722017797952 li , #hs_cos_wrapper_widget_1722017797952 span , #hs_cos_wrapper_widget_1722017797952 label , #hs_cos_wrapper_widget_1722017797952 h1 , #hs_cos_wrapper_widget_1722017797952 h2 , #hs_cos_wrapper_widget_1722017797952 h3 , #hs_cos_wrapper_widget_1722017797952 h4 , #hs_cos_wrapper_widget_1722017797952 h5 , #hs_cos_wrapper_widget_1722017797952 h6 { color: #2c363f !important } #hs_cos_wrapper_widget_1722017922984 { color: #2c363f !important; display: block !important; text-align: center !important } #hs_cos_wrapper_widget_1722017922984 p , #hs_cos_wrapper_widget_1722017922984 li , #hs_cos_wrapper_widget_1722017922984 span , #hs_cos_wrapper_widget_1722017922984 label , #hs_cos_wrapper_widget_1722017922984 h1 , #hs_cos_wrapper_widget_1722017922984 h2 , #hs_cos_wrapper_widget_1722017922984 h3 , #hs_cos_wrapper_widget_1722017922984 h4 , #hs_cos_wrapper_widget_1722017922984 h5 , #hs_cos_wrapper_widget_1722017922984 h6 { color: #2c363f !important } .header-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .widget_1722017705685-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_1722017705685-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !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 Non-stacked Media Query Styles */ @media (min-width:768px) { .dnd_area-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-column-1-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .dnd_area-column-1-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1722017705926-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1722017705926-vertical-alignment > div { 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-0-background-layers { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(250, 250, 250, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-2-padding { padding-top: 80px !important; padding-bottom: 120px !important; } .dnd_area-row-2-background-layers { background-image: linear-gradient(rgba(250, 250, 250, 1), rgba(250, 250, 250, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-3-padding { padding-top: 80px !important; padding-bottom: 120px !important; } .dnd_area-row-3-background-layers { background-image: linear-gradient(rgba(250, 250, 250, 1), rgba(250, 250, 250, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-4-padding { padding-top: 80px !important; padding-bottom: 120px !important; } .dnd_area-row-4-background-layers { background-image: linear-gradient(rgba(250, 250, 250, 1), rgba(250, 250, 250, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-5-padding { padding-top: 120px !important; padding-bottom: 120px !important; } .dnd_area-row-5-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; } .dnd_area-row-6-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-column-6-margin { margin-bottom: 22px !important; } .dnd_area-column-4-padding { padding-right: 40px !important; } .dnd_area-module-5-hidden { display: block !important; } .module_17220175314015-hidden { display: block !important; } .cell_17220175314013-margin { margin-bottom: 22px !important; } .cell_17220175435583-margin { margin-bottom: 22px !important; } .cell_17220175435582-padding { padding-right: 40px !important; } .module_17220175435585-hidden { display: block !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-0-padding { padding-top: 60px !important; padding-bottom: 60px !important; } .dnd_area-row-2-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .dnd_area-row-3-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .dnd_area-row-4-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .dnd_area-row-5-padding { padding-top: 60px !important; padding-bottom: 60px !important; } .dnd_area-column-4-margin { margin-bottom: 30px !important; } .dnd_area-column-4-padding { padding-right: 0px !important; } .dnd_area-module-5-hidden { display: block !important; } .module_17220175314015-hidden { display: block !important; } .cell_17220175435582-margin { margin-bottom: 30px !important; } .cell_17220175435582-padding { padding-right: 0px !important; } .module_17220175435585-hidden { display: block !important; } #hs_cos_wrapper_dnd_area-module-5 { display: block !important; } #hs_cos_wrapper_module_17220175314015 { display: block !important; } #hs_cos_wrapper_module_17220175435585 { display: block !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">  <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"> <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-174035532376 hs-site-page page hs-content-path- hs-content-name-home "> <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 header__menu-link--active-link" href="https://bootstraptemple.com" aria-current="page">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 " href="https://bootstraptemple.com/landing-pages">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 header__menu-link--active-link" href="https://bootstraptemple.com" aria-current="page">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 " href="https://bootstraptemple.com/landing-pages">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_area-row-0-vertical-alignment dnd_area-row-0-background-layers dnd-section dnd_area-row-0-background-gradient dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1722017705926-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <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 widget_1722017705685-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722017705685" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1722017705685_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://bootstraptemple.com/hubfs/template-mac.webp" class="hs-image-widget " style="max-width: 100%; height: auto;" alt="template-mac" title="template-mac" loading="lazy"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd-column dnd_area-column-1-vertical-alignment" style="" data-widget-type="cell" data-x="6" 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_dnd_area-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-module-2_" 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"><h1 style="text-align: center; font-size: 40px;"><span style="color: #2c363f;">Stunning free and premium Bootstrap templates</span></h1> <div style="text-align: center; font-size: 20px; line-height: 1.5;"><span style="color: #2c363f;">Bootstrap Temple offers a wide array of Bootstrap themes, templates, and bite-sized code snippets perfect to help you grow your business.</span><span style="color: #2c363f; background-color: transparent;"> </span></div></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_dnd_area-module-3" 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_dnd_area-module-3 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_dnd_area-module-3 .button { border-radius:8px; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:none; margin-top:20px; } #hs_cos_wrapper_dnd_area-module-3 .button:hover, #hs_cos_wrapper_dnd_area-module-3 .button:focus {} #hs_cos_wrapper_dnd_area-module-3 .button:active {} </style> <div class="button-wrapper"> <a href="https://bootstraptemple.com/free-templates?hsLang=en" class="button button--large "> View Templates </a> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 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-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_1722017797952" 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_1722017797952_" 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>Our most popular templates</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_1722017786612" 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/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=900&height=600&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=450&height=300&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 450w, https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=900&height=600&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 900w, https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=1350&height=900&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 1350w, https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=1800&height=1200&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 1800w, https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=2250&height=1500&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 2250w, https://bootstraptemple.com/hs-fs/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp?width=2700&height=1800&name=scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Universal</h2> <p class="hs-content-library__description">Universal is a clean and stylish Bootstrap 5 HTML5 template with a beautiful multipurpose layout and unique design.</p> <a rel="" href="https://bootstraptemple.com/universal-business-e-commerce-template?hsLang=en" aria-label="View Universal 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/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=900&height=458&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png" width="900" height="458" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=450&height=229&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=900&height=458&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=1350&height=687&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=1800&height=916&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=2250&height=1145&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Admin%20Dashboard%20Premium.png?width=2700&height=1374&name=Bootstrap%204%20Admin%20Dashboard%20Premium.png 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Admin Dashboard</h2> <p class="hs-content-library__description">Admin Dashboard is Bootstrap 5 template designed to offer a comprehensive suite of tools and components for building powerful and responsive dashboards.</p> <a rel="" href="https://bootstraptemple.com/bootstrap-5-admin-dashboard?hsLang=en" aria-label="View Admin Dashboard 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/Bootstrap%204%20Material%20Admin-1.png?width=900&height=600&name=Bootstrap%204%20Material%20Admin-1.png" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=450&height=300&name=Bootstrap%204%20Material%20Admin-1.png 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=900&height=600&name=Bootstrap%204%20Material%20Admin-1.png 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=1350&height=900&name=Bootstrap%204%20Material%20Admin-1.png 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=1800&height=1200&name=Bootstrap%204%20Material%20Admin-1.png 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=2250&height=1500&name=Bootstrap%204%20Material%20Admin-1.png 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Material%20Admin-1.png?width=2700&height=1800&name=Bootstrap%204%20Material%20Admin-1.png 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Material Admin</h2> <p class="hs-content-library__description">Bootstrap 5 Material Admin's UI and design is inspired by Google's Material design framework. </p> <a rel="" href="https://bootstraptemple.com/bootstrap-5-material-admin?hsLang=en" aria-label="View Material Admin 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/it%20worker.jpg?width=900&height=600&name=it%20worker.jpg" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=450&height=300&name=it%20worker.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=900&height=600&name=it%20worker.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=1350&height=900&name=it%20worker.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=1800&height=1200&name=it%20worker.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=2250&height=1500&name=it%20worker.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/it%20worker.jpg?width=2700&height=1800&name=it%20worker.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">IT Worker</h2> <p class="hs-content-library__description">IT Worker offers all the necessary elements for a successful portfolio, is fully responsive and includes many impressive features.</p> <a rel="" href="https://bootstraptemple.com/it-worker-portfolio-theme?hsLang=en" aria-label="View IT Worker 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/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=900&height=600&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=450&height=300&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 450w, https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=900&height=600&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 900w, https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=1350&height=900&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 1350w, https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=1800&height=1200&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 1800w, https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=2250&height=1500&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 2250w, https://bootstraptemple.com/hs-fs/hubfs/template-images/blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp?width=2700&height=1800&name=blog-900x600_b0e9ebe3c71f921a0cc3974ba156c786.webp 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Bootstrap Blog</h2> <p class="hs-content-library__description">Bootstrap Blog features a minimalistic design with most elements presented in black and white.</p> <a rel="" href="https://bootstraptemple.com/bootstrap-blog?hsLang=en" aria-label="View Bootstrap Blog 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/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=900&height=600&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=450&height=300&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=900&height=600&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=1350&height=900&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=1800&height=1200&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=2250&height=1500&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/Bootstrap%204%20Dark%20Admin%20Premium-1.png?width=2700&height=1800&name=Bootstrap%204%20Dark%20Admin%20Premium-1.png 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Dark Admin</h2> <p class="hs-content-library__description">Dark Admin a premium admin template with many features, a great mobile experience, dozens of pages and components, unlimited colors, and more.</p> <a rel="" href="https://bootstraptemple.com/bootstrap-5-dark-admin?hsLang=en" aria-label="View Dark Admin 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/black%20and%20white.jpg?width=900&height=600&name=black%20and%20white.jpg" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=450&height=300&name=black%20and%20white.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=900&height=600&name=black%20and%20white.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=1350&height=900&name=black%20and%20white.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=1800&height=1200&name=black%20and%20white.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=2250&height=1500&name=black%20and%20white.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/black%20and%20white.jpg?width=2700&height=1800&name=black%20and%20white.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Black & White</h2> <p class="hs-content-library__description">Black and White is a minimalistic theme based on great images and clean typography. It certainly could be used to build a cool portfolio or a classy landing page.</p> <a rel="" href="https://bootstraptemple.com/p/black-and-white?hsLang=en" aria-label="View Black & White 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/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=900&height=600&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=450&height=300&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=900&height=600&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=1350&height=900&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=1800&height=1200&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=2250&height=1500&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg?width=2700&height=1800&name=agencyscreenshot900x600_8568e42f9c0a9b3f425b9ccba1287147-Nov-30-2023-06-31-43-5906-PM.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Agency</h2> <p class="hs-content-library__description">Agency is a portfolio theme featuring seven predefined color variants, ideal for both agency and personal portfolios. Built with Bootstrap 5, it offers full responsiveness across all devices. </p> <a rel="" href="https://bootstraptemple.com/agency-portfolio-theme?hsLang=en" aria-label="View Agency 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/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=900&height=600&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=450&height=300&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 450w, https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=900&height=600&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 900w, https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=1350&height=900&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 1350w, https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=1800&height=1200&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 1800w, https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=2250&height=1500&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 2250w, https://bootstraptemple.com/hs-fs/hubfs/template-images/italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp?width=2700&height=1800&name=italiano-900x600_cf2b1aea4eac1410c2aaaafef3b909de.webp 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Italiano</h2> <p class="hs-content-library__description">Italiano is a Bootstrap 5 HTML responsive template perfect to build an elegant website for a restaurant, café or bistro. </p> <a rel="" href="https://bootstraptemple.com/restaurant-cafe-template?hsLang=en" aria-label="View Italiano 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> <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/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=680&height=453&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg" width="680" height="453" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=340&height=227&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 340w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=680&height=453&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 680w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=1020&height=680&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 1020w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=1360&height=906&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 1360w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=1700&height=1133&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 1700w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg?width=2040&height=1359&name=boutique_04c0753f29490205cb52ed8f4f9635e1-Nov-30-2023-06-19-31-9629-PM.jpg 2040w" sizes="(max-width: 680px) 100vw, 680px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Boutique</h2> <p class="hs-content-library__description">Boutique is a versatile Bootstrap 5 e-commerce theme designed with a focus on clear design language and a polished UI. </p> <a rel="" href="https://bootstraptemple.com/boutique-bootstrap-e-commerce-template?hsLang=en" aria-label="View Boutique 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/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=900&height=600&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg" width="900" height="600" alt="" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=450&height=300&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 450w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=900&height=600&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 900w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=1350&height=900&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 1350w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=1800&height=1200&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 1800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=2250&height=1500&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 2250w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg?width=2700&height=1800&name=cathedral-900x600_859943e962bb1047b72d2337290d7c99-4.jpg 2700w" sizes="(max-width: 900px) 100vw, 900px"> </div> <div class="hs-content-library__content"> <h2 class="hs-content-library__title">Cathedral</h2> <p class="hs-content-library__description">Cathedral is a flexible Bootstrap 5 theme designed specifically for churches and charities. </p> <a rel="" href="https://bootstraptemple.com/cathedral-bootstrap-church-charity-template?hsLang=en" aria-label="View Cathedral content" class="hs-content-library__link"> View Template </a> </div> </section> </div></div> </div> </div> </div> <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_module_1723250214637" 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_1723250214637 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_1723250214637 .button { border-radius:8px; color:#ffffff; font-style:normal; font-weight:bold; text-decoration:none; margin-top:20px; } #hs_cos_wrapper_module_1723250214637 .button:hover, #hs_cos_wrapper_module_1723250214637 .button:focus {} #hs_cos_wrapper_module_1723250214637 .button:active {} </style> <div class="button-wrapper"> <a href="https://bootstraptemple.com/free-templates?hsLang=en" class="button button--large "> View All Templates </a> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 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="span6 widget-span widget-type-cell dnd_area-column-4-margin dnd_area-column-4-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <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_area-module-5-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_dnd_area-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=800&height=471&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png" class="hs-image-widget " width="800" height="471" style="max-width: 100%; height: auto;" alt="template-homepage-Jul-20-2024-01-01-30-1493-AM" title="template-homepage-Jul-20-2024-01-01-30-1493-AM" loading="lazy" srcset="https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=400&height=236&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 400w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=800&height=471&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 800w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=1200&height=707&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 1200w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=1600&height=942&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 1600w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=2000&height=1178&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 2000w, https://bootstraptemple.com/hs-fs/hubfs/Imported_Blog_Media/template-homepage-Jul-20-2024-01-01-30-1493-AM.png?width=2400&height=1413&name=template-homepage-Jul-20-2024-01-01-30-1493-AM.png 2400w" sizes="(max-width: 800px) 100vw, 800px"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd_area-column-6-margin dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-11 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_dnd_area-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-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="font-size: 16px; text-transform: uppercase; line-height: 1;"> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"><span style="color: #2c363f;"><strong>Wide selection</strong></span></div> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"> </div> <h2 style="line-height: 1.15;"><span style="color: #2c363f;">From Admin to E-Commerce Templates</span></h2> </div></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-12 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_dnd_area-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-module-8_" 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: 18px;">Explore a diverse collection ranging from simple, elegant one-page designs to the ultimate Bootstrap template behemoths boasting 20+ or even 40+ HTML pages, crafted for unparalleled customizability.<br><br>Our selection showcases stunning portfolio templates, sophisticated e-commerce solutions, compelling landing pages, and unique coming soon pages, alongside an innovative job board template.</p></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section dnd_area-row-3-padding dnd_area-row-3-background-layers dnd_area-row-3-background-color"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd-column cell_17220175314013-margin" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-14 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_17220175314018" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17220175314018_" 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="font-size: 16px; text-transform: uppercase; line-height: 1;"> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"><span style="color: #2c363f;"><strong>Clean Code</strong></span></div> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"><span style="color: #2c363f;"> </span></div> <h2 style="line-height: 1.15;"><span style="color: #2c363f;">Valid & Documented Code</span></h2> </div></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-15 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_17220175314019" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17220175314019_" 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: 18px;">Every template is crafted with a keen eye on technical excellence. The HTML code is not only valid and well-structured but also SEO-optimized and designed to be a joy to engage with.</p></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget module_17220175314015-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17220175314015" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_module_17220175314015_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=800&height=440&name=template-easy-code.webp" class="hs-image-widget " width="800" height="440" style="max-width: 100%; height: auto;" alt="template-easy-code" title="template-easy-code" loading="lazy" srcset="https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=400&height=220&name=template-easy-code.webp 400w, https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=800&height=440&name=template-easy-code.webp 800w, https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=1200&height=660&name=template-easy-code.webp 1200w, https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=1600&height=880&name=template-easy-code.webp 1600w, https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=2000&height=1100&name=template-easy-code.webp 2000w, https://bootstraptemple.com/hs-fs/hubfs/template-easy-code.webp?width=2400&height=1320&name=template-easy-code.webp 2400w" sizes="(max-width: 800px) 100vw, 800px"></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-section dnd_area-row-4-background-layers dnd_area-row-4-background-color dnd_area-row-4-padding"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_17220175435582-padding cell_17220175435582-margin dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget module_17220175435585-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17220175435585" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_module_17220175435585_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=800&height=440&name=variability.webp" class="hs-image-widget " width="800" height="440" style="max-width: 100%; height: auto;" alt="variability" title="variability" loading="lazy" srcset="https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=400&height=220&name=variability.webp 400w, https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=800&height=440&name=variability.webp 800w, https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=1200&height=660&name=variability.webp 1200w, https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=1600&height=880&name=variability.webp 1600w, https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=2000&height=1100&name=variability.webp 2000w, https://bootstraptemple.com/hs-fs/hubfs/variability.webp?width=2400&height=1320&name=variability.webp 2400w" sizes="(max-width: 800px) 100vw, 800px"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell cell_17220175435583-margin dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-19 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_17220175435588" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17220175435588_" 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="font-size: 16px; text-transform: uppercase; line-height: 1;"> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"><span style="color: #2c363f;"><strong>Customizability</strong></span></div> <div style="font-size: 16px; text-transform: uppercase; line-height: 1;"><span style="color: #2c363f;"> </span></div> <h2 style="line-height: 1.15;"><span style="color: #2c363f;">Template customization</span></h2> </div></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-20 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_17220175435589" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17220175435589_" 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: 18px;">We design our templates with an eye towards the future, ensuring you can easily customize them to your liking. Want to change the theme's color scheme? Simply swap out the stylesheets. Yes, it's that straightforward and awesome!</p></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-21 dnd-section dnd_area-row-5-background-layers dnd_area-row-5-padding dnd_area-row-5-background-color"> <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-22 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_dnd_area-module-18" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-module-18_" 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 BUsiness 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/month</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-23 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_dnd_area-module-19" 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_dnd_area-module-19 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_dnd_area-module-19 .button { background-color:rgba(255,255,255,1.0); border-radius:8px; color:#2c363f; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_dnd_area-module-19 .button:hover, #hs_cos_wrapper_dnd_area-module-19 .button:focus {} #hs_cos_wrapper_dnd_area-module-19 .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 class="row-fluid-wrapper row-depth-1 row-number-24 dnd-section dnd_area-row-6-background-layers dnd_area-row-6-background-color"> <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-25 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_1722017922984" 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_1722017922984_" 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>Recent Blog Posts</h2></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-26 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_1722017910298" 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_1722017910298 .blog-listing__post { border:1px solid #2c363f; border-radius:12px; } #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-content { padding:20px; } #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-image {} #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-tag { text-transform:uppercase; } #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-title, #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-title-link {} #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-timestamp {} #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-summary, #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-summary * {} #hs_cos_wrapper_widget_1722017910298 .blog-listing__post-button-wrapper { text-align:CENTER; } #hs_cos_wrapper_widget_1722017910298 .button { border-radius:6px; color:#ffffff; font-size:16px; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_widget_1722017910298 .button:hover, #hs_cos_wrapper_widget_1722017910298 .button:focus {} #hs_cos_wrapper_widget_1722017910298 .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 button--small" 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 button--small" 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 button--small" 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> </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"]); _hsq.push(["setPageId", "174035532376"]); _hsq.push(["setContentMetadata", { "contentPageId": 174035532376, "legacyPageId": "174035532376", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 174035532376, "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: "90aea221-4e9f-4e28-a2d2-241063b33b96", ticks: 1740662034855, page_id: 174035532376, 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: "174035532376", 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 Temple - Free Bootstrap Templates and Themes