Universal - 45 pages - Free Bootstrap 5 Business & E-commerce Template

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Universal - 45 pages - Free Bootstrap 5 Business & E-commerce Template</title> <meta name="description" content="Premium Bootstrap 5 HTML5 template, Universal, offers a stylish and versatile design for businesses with 45 pages and various elements."> <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="Premium Bootstrap 5 HTML5 template, Universal, offers a stylish and versatile design for businesses with 45 pages and various elements."> <meta property="og:title" content="Universal - 45 pages - Free Bootstrap 5 Business & E-commerce Template"> <meta name="twitter:description" content="Premium Bootstrap 5 HTML5 template, Universal, offers a stylish and versatile design for businesses with 45 pages and various elements."> <meta name="twitter:title" content="Universal - 45 pages - Free Bootstrap 5 Business & E-commerce Template"> <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://unpkg.com/aos@2.3.1/dist/aos.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css"> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172782922556/1720745685308/module_172782922556_card-slider.min.css"> <link rel="stylesheet" href="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172782922558/1720745685279/module_172782922558_pricing-card-group.min.css"> <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_1722013778569 { color: #2c363f !important; display: block !important; font-size: 34px !important; line-height: 49.4px !important; padding-left: 50px !important; padding-right: 50px !important; text-align: center !important } #hs_cos_wrapper_widget_1722013778569 p , #hs_cos_wrapper_widget_1722013778569 li , #hs_cos_wrapper_widget_1722013778569 span , #hs_cos_wrapper_widget_1722013778569 label , #hs_cos_wrapper_widget_1722013778569 h1 , #hs_cos_wrapper_widget_1722013778569 h2 , #hs_cos_wrapper_widget_1722013778569 h3 , #hs_cos_wrapper_widget_1722013778569 h4 , #hs_cos_wrapper_widget_1722013778569 h5 , #hs_cos_wrapper_widget_1722013778569 h6 { color: #2c363f !important; font-size: 34px !important; line-height: 49.4px !important } #hs_cos_wrapper_widget_1722013778569 { color: #2c363f !important; display: block !important; font-size: 34px !important; line-height: 49.4px !important; padding-left: 50px !important; padding-right: 50px !important; text-align: center !important } #hs_cos_wrapper_widget_1722013778569 p , #hs_cos_wrapper_widget_1722013778569 li , #hs_cos_wrapper_widget_1722013778569 span , #hs_cos_wrapper_widget_1722013778569 label , #hs_cos_wrapper_widget_1722013778569 h1 , #hs_cos_wrapper_widget_1722013778569 h2 , #hs_cos_wrapper_widget_1722013778569 h3 , #hs_cos_wrapper_widget_1722013778569 h4 , #hs_cos_wrapper_widget_1722013778569 h5 , #hs_cos_wrapper_widget_1722013778569 h6 { color: #2c363f !important; font-size: 34px !important; line-height: 49.4px !important } .header-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .widget_1721507275294-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_1721507275294-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-column-4-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17215079364113-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_17215079364113-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17215079364113-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .widget_1721507820125-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; } .widget_1721507820125-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1721507936411-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_1721507936411-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1721507936411-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .module_1721507868729-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; } .module_1721507868729-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-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .dnd_area-row-0-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-2-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-3-padding { padding-top: 120px !important; padding-bottom: 120px !important; } .dnd_area-row-3-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-column-4-padding { padding-left: 0px !important; } .dnd_area-column-4-row-1-padding { padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-column-1-margin { margin-bottom: 22px !important; } .dnd_area-column-1-padding { padding-right: 80px !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-3-padding { padding-top: 60px !important; padding-bottom: 60px !important; } .dnd_area-column-4-padding { padding-left: 0px !important; } .dnd_area-column-1-padding { padding-right: 0px !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/universal-business-e-commerce-template">  <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/universal-business-e-commerce-template"> <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-174035534184 hs-site-page page hs-content-path-universal-business-e-commerce-template hs-content-name-template-universal "> <div data-global-resource-path="Generator child/templates/partials/header.html"><header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding header-row-0-force-full-width-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_header-module-1 .header__top {} #hs_cos_wrapper_header-module-1 .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher:hover .header__language-switcher-current-label>span, #hs_cos_wrapper_header-module-1 .header__language-switcher:focus .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:hover, #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:focus {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:active {} #hs_cos_wrapper_header-module-1 .header__menu-link {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:active {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link--active-link {} #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .button { background-color:rgba(#null,0.0); } #hs_cos_wrapper_header-module-1 .button:hover, #hs_cos_wrapper_header-module-1 .button:focus { background-color:rgba(#null,0.0); } #hs_cos_wrapper_header-module-1 .button:active { background-color:rgba(#null,0.0); } </style> <div class="header__container header__container--left"> <div class="header__bottom"> <div class="header__wrapper header__wrapper--bottom"> <div class="header__logo-col"> <div class="header__logo"> <a class="header__logo-link" href="//bootstraptemple.com?hsLang=en"> <img class="header__logo-image" src="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png" loading="eager" alt="Bootstrap temple logo" height="99" width="600" srcset="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=300&height=50&name=logo-bt.png 300w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png 600w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=900&height=149&name=logo-bt.png 900w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1200&height=198&name=logo-bt.png 1200w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1500&height=248&name=logo-bt.png 1500w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1800&height=297&name=logo-bt.png 1800w" sizes="(max-width: 600px) 100vw, 600px"> </a> </div> </div> <div class="header__menu-col"> <nav class="header__menu header__menu--desktop" aria-label="Desktop navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com">Home</a> </li> <li class="header__menu-item header__menu-item--depth-1 header__menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="header__menu-link header__menu-link--toggle " aria-haspopup="true" aria-expanded="false">Templates</span> <button class="header__menu-child-toggle no-button" aria-expanded="false"> <span class="show-for-sr">Show submenu for Templates</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="chevron-down1_layer"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></g></svg> </button> <ul class="header__menu-submenu header__menu-submenu--level-2 no-list"> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/admin-templates">Admin Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/business-templates">Business Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/portfolio-themes">Portfolio Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/e-commerce-templates">E-Commerce Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/blog-templates">Blog Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/restaurant-templates">Restaurant Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " 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 " href="https://bootstraptemple.com">Home</a> </li> <li class="header__menu-item header__menu-item--depth-1 header__menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="header__menu-link header__menu-link--toggle " aria-haspopup="true" aria-expanded="false">Templates</span> <button class="header__menu-child-toggle no-button" aria-expanded="false"> <span class="show-for-sr">Show submenu for Templates</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="chevron-down3_layer"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></g></svg> </button> <ul class="header__menu-submenu header__menu-submenu--level-2 no-list"> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/admin-templates">Admin Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/business-templates">Business Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/portfolio-themes">Portfolio Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/e-commerce-templates">E-Commerce Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/blog-templates">Blog Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://bootstraptemple.com/restaurant-templates">Restaurant Templates</a> </li> <li class="header__menu-item header__menu-item--depth-2 hs-skip-lang-url-rewrite"> <a class="header__menu-link " 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-background-color dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span7 widget-span widget-type-cell dnd_area-column-1-padding dnd_area-column-1-margin dnd-column" style="" data-widget-type="cell" data-x="0" data-w="7"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1721508517270" 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 data-aos="fade-right" class="text-enhanced aos-element"> <div id="hs_cos_wrapper_widget_1721508517270_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="text"><div id="heading-breadcrumbs"> <div> <div> <div> <h2>Universal</h2> <h4>Business & E-Commerce Template</h4> </div> </div> </div> </div> <section id="content"> <div itemscope itemtype="http://schema.org/Product"> <div> <div> <div id="blog-post"> <div> <div> <div><picture><source srcset="https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-s/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 345w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-m/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 463w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-l/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 680w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 900w" type="image/webp" sizes="(max-width: 989px) 100vw, (max-width: 1350px) 680px, 835px" data-srcset="https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-s/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 345w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-m/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 463w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb-l/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 680w, https://d1r27dnp1fh4g5.cloudfront.net/img/pages/fe-thumb/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp 900w" data-sizes="(max-width: 989px) 100vw, (max-width: 1350px) 680px, 835px"></picture></div> </div> </div> </div> </div> </div> </div> </section></div> </div>  </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1721508584052" 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 data-aos="fade-right" class="text-enhanced aos-element"> <div id="hs_cos_wrapper_module_1721508584052_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="text"><p style="font-size: 20px;">Universal is a clean and stylish Bootstrap 5 HTML5 template with a beautiful multipurpose layout and unique design.<br><br>Thanks to the easy-to-use administrative interface and original components, this premium template will become an excellent base for your projects. Universal is an adaptable theme and will suit any business or company.</p></div> </div>  </div> </div> </div> </div> </div> <div class="span5 widget-span widget-type-cell dnd_area-column-4-padding dnd-column" style="" data-widget-type="cell" data-x="7" data-w="5"> <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_1721507275294-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1721507275294" 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_1721507275294_" 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"><a href="https://demo.bootstrapious.com/universal/3-0-2/" target="_parent" id="hs-link-widget_1721507275294_" style="border-width:0px;border:0px;"><img src="https://bootstraptemple.com/hubfs/template-images/scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74.webp" class="hs-image-widget " style="max-width: 100%; height: auto;" alt="scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74" title="scrnsht900x600_5f59397a641963e6ea7d7ab5fb3f9c74" loading="lazy"></a></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd_area-column-4-row-1-vertical-alignment dnd_area-column-4-row-1-padding dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1721507936411-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-6 cell_1721507936411-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget module_1721507868729-vertical-alignment dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1721507868729" 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_1721507868729 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_1721507868729 .button { background-color:rgba(44,54,63,1.0); border:2px solid #2c363f; border-radius:6px; color:#ffffff; font-size:20px; font-family:Inter,sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:15px; padding-right:20px; padding-bottom:15px; padding-left:20px; margin-top:10px; margin-bottom:10px; } #hs_cos_wrapper_module_1721507868729 .button svg { fill:#ffffff; } #hs_cos_wrapper_module_1721507868729 .button:hover, #hs_cos_wrapper_module_1721507868729 .button:focus {} #hs_cos_wrapper_module_1721507868729 .button:hover svg, #hs_cos_wrapper_module_1721507868729 .button:focus svg {} #hs_cos_wrapper_module_1721507868729 .button:active {} #hs_cos_wrapper_module_1721507868729 .button:active svg {} </style> <div class="button-wrapper"> <a href="https://buy.paddle.com/product/892476" class="button button--secondary button--large "> <span id="hs_cos_wrapper_module_1721507868729_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon button__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 576 512" aria-hidden="true"><g id="shopping-cart1_layer"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></g></svg></span> Buy Now - $19 </a> </div></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd-column cell_17215079364113-vertical-alignment" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row cell_17215079364113-row-0-vertical-alignment"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget widget_1721507820125-vertical-alignment dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1721507820125" 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_1721507820125 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_widget_1721507820125 .button { border:2px solid #2c363f; border-radius:6px; font-size:20px; font-family:Inter,sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:15px; padding-right:50px; padding-bottom:15px; padding-left:50px; margin-top:10px; margin-bottom:10px; } #hs_cos_wrapper_widget_1721507820125 .button:hover, #hs_cos_wrapper_widget_1721507820125 .button:focus {} #hs_cos_wrapper_widget_1721507820125 .button:active {} </style> <div class="button-wrapper"> <a href="https://demo.bootstrapious.com/universal/3-0-2/" target="_blank" rel="noopener" class="button button--secondary button--large "> Live Preview </a> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1721509814562" 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 data-aos="fade-right" class="text-enhanced aos-element"> <div id="hs_cos_wrapper_module_1721509814562_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="text"><h1 style="font-size: 36px; text-transform: uppercase; line-height: 1;">Template Features</h1></div> </div>  </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1722013444924" 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 data-aos="fade-down" class="text-enhanced aos-element"> <div id="hs_cos_wrapper_widget_1722013444924_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="text"><p style="font-size: 20px;">This template includes 45 pages which should cover everything from slideshow and services, to team members and contact details.<br><br>The package will help you get a head start on your project, so you can focus on the content and functionality of your website instead of spending hours and hours on making it look good and user-friendly.<br><br>Along with the 45 pages, you will get also 11 pages showcasing Bootstrap elements and possible template modifications.</p></div> </div>  </div> </div> </div> </div> <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_widget_1722013646018" 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_1722013646018 .tns-controls { gap:20px; } #hs_cos_wrapper_widget_1722013646018 .tns-controls__button { background-color:rgba(255,255,255,1.0); border-radius:50px; padding:20px; } #hs_cos_wrapper_widget_1722013646018 .tns-controls__arrow { color:rgba(0,0,0,1.0); } #hs_cos_wrapper_widget_1722013646018 .card-slider { padding:0px; } #hs_cos_wrapper_widget_1722013646018 .card-slider__slide-content { border:1px solid rgba(44,54,63,95%); border-radius:12px; background-color:rgba(255,255,255,1.0); box-shadow:0px 0px 0px 0px rgba(44,54,63,1.0); -webkit-box-shadow:0px 0px 0px 0px rgba(44,54,63,1.0); -moz-box-shadow:0px 0px 0px 0px rgba(44,54,63,1.0); } #hs_cos_wrapper_widget_1722013646018 .card-slider__slide-image { padding:0px; } #hs_cos_wrapper_widget_1722013646018 .card-slider__slide:hover .card-slider__slide-image img { transform:scale(1.2); } #hs_cos_wrapper_widget_1722013646018 .card-slider__body { padding:20px; background-color:rgba(255,255,255,1.0); } @media (min-width:768px) { #hs_cos_wrapper_widget_1722013646018 .tns-controls__button:hover { background-color:rgba(255,255,255,1.0); } #hs_cos_wrapper_widget_1722013646018 .tns-controls__button:hover .tns-controls__arrow { color:rgba(0,0,0,1.0); } } </style> <div id="card-slider__widget_1722013646018" class="card-slider"> <div class="card-slider__slide"> <a class="card-slider__slide-content" href="?hsLang=en"> <div class="card-slider__slide-image"> </div> <div class="card-slider__body"> <div>Pages Included:</div> <ul> <li>Homepage</li> <li>Application</li> <li>Startup</li> <li>Agency</li> <li>Portfolio</li> </ul> </div> </a> </div> <div class="card-slider__slide"> <a class="card-slider__slide-content" href="?hsLang=en"> <div class="card-slider__slide-image"> </div> <div class="card-slider__body"> <div>Fully Responsive:</div> <ul> <li>Fully responsive</li> <li>Ready-to-use various carousels and sliders </li> <li>HTML5, CSS3</li> <li>No jQuery dependency, but 100% jQuery compatible if needed</li> </ul> </div> </a> </div> <div class="card-slider__slide"> <a class="card-slider__slide-content" href="?hsLang=en"> <div class="card-slider__slide-image"> </div> <div class="card-slider__body"> <div>Clean & Validated Code:</div> <ul> <li>Well structured code</li> <li>SEO friendly</li> <li>Cross-browser compatibility </li> <li>Customized Open Street Maps (using LeafletJS) on the contact page</li> </ul> </div> </a> </div> </div>  <div id="tns-controls_widget_1722013646018" class="tns-controls"> <div class="tns-controls__button tns-controls__button--left"> <div class="tns-controls__arrow"></div> </div> <div class="tns-controls__button tns-controls__button--right"> <div class="tns-controls__arrow"></div> </div> </div>  </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-12 dnd_area-row-2-background-layers dnd_area-row-2-background-color dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-13 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_1722013778569" 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_1722013778569_" 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>Join over 1M+ developers who have downloaded Bootstrap Temple's themes since 2015!</h2></span></div> </div> </div> </div> <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_widget_1721508755476" 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_1721508755476 .button-group { background-color:rgba(255,255,255,1.0); border-radius:50px; padding:3px; margin-top:0px; margin-bottom:30px; border:1px solid #000000; } #hs_cos_wrapper_widget_1721508755476 .toggle-button { border-radius:50px; color:#000000; font-size:14px; padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px; } #hs_cos_wrapper_widget_1721508755476 .toggle-button.active { background-color:rgba(44,54,63,1.0); color:#FFFFFF; font-size:14px; } #hs_cos_wrapper_widget_1721508755476 .card-group__card { background-color:rgba(255,255,255,1.0); border-radius:6px !important; border:1px solid #2c363f; width:calc(33.3% - 16.0px); box-shadow:2px 2px 0px 0px rgba(44,54,63,1.0); -webkit-box-shadow:2px 2px 0px 0px rgba(44,54,63,1.0); -moz-box-shadow:2px 2px 0px 0px rgba(44,54,63,1.0); } #hs_cos_wrapper_widget_1721508755476 .card-group__card:nth-of-type(3n+1), #hs_cos_wrapper_widget_1721508755476 .card-group__card:nth-of-type(3n+2) { margin-right:24px; } #hs_cos_wrapper_widget_1721508755476 .card-group__content { padding:30px; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__button { border:2px solid #2c363f; border-radius:6px; color:#2c363f; font-style:normal; font-weight:bold; text-decoration:none; margin-top:30px; margin-bottom:30px; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__button:hover, #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__button:focus { color:#ffffff; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__button:active { color:#ffffff; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__list-item { margin-top:10px; margin-bottom:10px; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__list-icon { margin-right:10px; border:0px solid #33302f; } #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__list-icon svg {} @media screen and (min-width:768px) { #hs_cos_wrapper_widget_1721508755476 .pricing-card-group__content-top { min-height:170px; } } @media (max-width:767px) { #hs_cos_wrapper_widget_1721508755476 .card-group__card:not(:last-child) { margin-bottom:24px; } } </style> <section class="pricing-card-group card-group">  <div class="pricing-card-group--monthly card-group-section"> <div class="card-group__card"> <div class="card-group__content"> <div class="pricing-card-group__content-top"> <h4><span style="color: #2c363f;"><strong>Single-Use License</strong></span></h4> <div style="line-height: 1.5; font-size: 14px;"><span style="font-size: 14px; color: #2c363f;">Ideal for individual users just starting out. This <span>license grants you a non-exclusive and non-transferable right to use and incorporate the item into your personal or commercial projects.</span></span></div> </div> <div class="pricing-card-group__content-bottom"> <h4 style="font-size: 18px; line-height: 1;"><span style="color: #2c363f;"><strong><span style="font-size: 34px;">$19</span></strong></span></h4> <p style="font-size: 14px;"><span style="color: #2c363f;">One-time charge</span></p>  <div class="pricing-card-group__button-wrapper"> <a href="https://buy.paddle.com/product/892476" class="pricing-card-group__button button button--secondary " rel="nofollow"> Buy now </a> </div>   <ul class="pricing-card-group__list"> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check1_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Personal and commercial use </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check2_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Multiple developers </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check3_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Create a single website or application </div> </li> </ul>  </div> </div> </div> <div class="card-group__card"> <div class="card-group__content"> <div class="pricing-card-group__content-top"> <h4><span style="color: #2c363f;"><strong>Multiple-Use License</strong></span></h4> <div style="line-height: 1.5; font-size: 14px;"><span style="font-size: 14px; color: #2c363f;">Perfect for professionals and small teams seeking to use this template for multiple websites or applications. </span></div> </div> <div class="pricing-card-group__content-bottom"> <h4 style="font-size: 18px; line-height: 1;"><span style="color: #2c363f;"><strong><span style="font-size: 34px;">$39</span></strong></span></h4> <p style="font-size: 14px;"><span style="color: #2c363f;">One-time charge</span></p>  <div class="pricing-card-group__button-wrapper"> <a href="https://buy.paddle.com/product/892477" class="pricing-card-group__button button button--secondary "> Buy Now </a> </div>   <ul class="pricing-card-group__list"> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check1_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Personal and commercial use </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check2_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Multiple Developers </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check3_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Create multiple websites or applications </div> </li> </ul>  </div> </div> </div> <div class="card-group__card"> <div class="card-group__content"> <div class="pricing-card-group__content-top"> <h4><span style="color: #2c363f;"><strong>Extended-Use License</strong></span></h4> <div style="line-height: 1.5; font-size: 14px;"><span style="font-size: 14px; color: #2c363f;">Suited for professionals or teams looking to incorporate this template into larger work or incorporation into a CMS where end users are charged.</span></div> </div> <div class="pricing-card-group__content-bottom"> <h4 style="font-size: 18px; line-height: 1;"><span style="color: #2c363f;"><strong><span style="font-size: 34px;">$99</span></strong></span></h4> <p style="font-size: 14px;"><span style="color: #2c363f;">One-time charge</span></p>  <div class="pricing-card-group__button-wrapper"> <a href="https://buy.paddle.com/product/892478" class="pricing-card-group__button button button--secondary " rel="nofollow"> Buy Now </a> </div>   <ul class="pricing-card-group__list"> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check1_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Personal and commercial use </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check2_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Create multiple websites or applications </div> </li> <li class="pricing-card-group__list-item"> <span class="icon--small "> <span id="hs_cos_wrapper_widget_1721508755476_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon pricing-card-group__list-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-hidden="true"><g id="check3_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="pricing-card-group__list-content"> Incorporate into larger work where end users are charged </div> </li> </ul>  </div> </div> </div> </div> <div class="pricing-card-group--yearly card-group-section hidden"> </div> </section> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-15 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="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-16 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_17219591983958" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17219591983958_" 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?</strong></span></div> <div style="text-align: center; text-transform: uppercase; letter-spacing: 3px;"><span style="color: #ffffff;"> </span></div> <h2 style="text-align: center;"><span style="color: #ffffff;">Just $99/MO</span></h2> <p style="font-size: 20px; text-align: center;"><span style="color: #ffffff;">We'll help you get your site up and running in 7 days or less</span></p></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-17 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_17219591983959" 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_17219591983959 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_17219591983959 .button { background-color:rgba(255,255,255,1.0); border:1px solid #2c363f; border-radius:8px; color:#2c363f; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_module_17219591983959 .button:hover, #hs_cos_wrapper_module_17219591983959 .button:focus {} #hs_cos_wrapper_module_17219591983959 .button:active {} </style> <div class="button-wrapper"> <a href="https://bootstraptemple.com/services?hsLang=en" target="_blank" rel="noopener" class="button button--large "> Learn More </a> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="Generator child/templates/partials/website-footer.html"><footer class="footer"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section footer-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd-column footer-column-2-margin" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_footer-module-3_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"></span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget widget_1723421068695-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1723421068695" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1723421068695_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//bootstraptemple.com?hsLang=en" id="hs-link-widget_1723421068695_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png" class="hs-image-widget " height="99" style="height: auto;width:600px;border-width:0px;border:0px;" width="600" alt="Bootstrap temple logo" title="Bootstrap temple logo" srcset="https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=300&height=50&name=logo-bt.png 300w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=600&height=99&name=logo-bt.png 600w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=900&height=149&name=logo-bt.png 900w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1200&height=198&name=logo-bt.png 1200w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1500&height=248&name=logo-bt.png 1500w, https://bootstraptemple.com/hs-fs/hubfs/logo-bt.png?width=1800&height=297&name=logo-bt.png 1800w" sizes="(max-width: 600px) 100vw, 600px"></a></span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><p style="font-size: 16px; line-height: 1.75;"><span style="color: #2c363f;">Discover an impressive selection of unique Bootstrap templates and themes perfect for your upcoming project. Each template is designed to be fully responsive and HTML compliant, ensuring the highest quality. </span></p></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_footer-module-5 .social-follow {} #hs_cos_wrapper_footer-module-5 .social-follow__link {} #hs_cos_wrapper_footer-module-5 .social-follow__icon {} #hs_cos_wrapper_footer-module-5 .social-follow__icon svg { height:22px; width:22px; } #hs_cos_wrapper_footer-module-5 .social-follow__icon img { height:22px; } </style> <div class="social-follow"> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f1" role="img"><title id="facebook-f1">facebook-f icon</title><g id="facebook-f1_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in2" role="img"><title id="linkedin-in2">linkedin-in icon</title><g id="linkedin-in2_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="twitter3" role="img"><title id="twitter3">twitter icon</title><g id="twitter3_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span> </span> </a> <a href="?hsLang=en" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_footer-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">instagram icon</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> </span> </a> </div></div> </div> </div> </div> </div> <div class="span3 widget-span widget-type-cell footer-column-6-margin dnd-column" style="" data-widget-type="cell" data-x="6" data-w="3"> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-7_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: left;"> <div><span style="color: #2c363f;"><strong>Company</strong></span></div> <br> <div style="line-height: 2;"><a href="https://bootstraptemple.com/services?hsLang=en" rel="noopener">Our Services</a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/terms-of-service?hsLang=en" rel="noopener"><span style="color: #2c363f;">Terms of Service</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/modify-a-template?hsLang=en" rel="noopener">Modify a Template</a></div> </div></span></div> </div> </div> </div> </div> <div class="span3 widget-span widget-type-cell footer-column-8-margin dnd-column" style="" data-widget-type="cell" data-x="9" data-w="3"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-9" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-9_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: left;"> <div> <div><span style="color: #2c363f;"><strong>Templates Categories</strong></span></div> <br> <div style="line-height: 2;"><a href="https://bootstraptemple.com/admin-templates?hsLang=en" rel="noopener"><span style="color: #2c363f;">Admin templates</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/e-commerce-templates?hsLang=en" rel="noopener"><span style="color: #2c363f;">E-Commerce templates</span></a></div> <div style="line-height: 2;"><a href="https://bootstraptemple.com/portfolio-themes?hsLang=en" rel="noopener"><span style="color: #2c363f;">Portfolio templates</span></a></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"><span style="color: #2c363f;"> </span></div> <div style="line-height: 2;"> </div> </div> </div></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section footer-row-1-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-11" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: right;"> <p><span style="color: #2c363f;">Copyright © 2025, Bootstrap Temple</span></p> </div></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer></div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172880001155/1723173179768/Generator_child/child.min.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/template_assets/172781993019/1723173185252/Generator_child/js/main.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script src="https://bootstraptemple.com/hs-fs/hub/449142/hub_generated/module_assets/172782922579/1720745684958/module_172782922579_website-header.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init({ delay: 300, duration: 1200 }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <script> domReady(function() { function bindControls(controlsContainer) { if (!controlsContainer) return; controlsContainer.querySelector('.tns-controls__button--left').onclick = function () { slider.goTo('prev'); }; controlsContainer.querySelector('.tns-controls__button--right').onclick = function () { slider.goTo('next'); }; } var slider = tns({ container: '#card-slider__widget_1722013646018', items: 1, gutter: 20, edgePadding: 0, center: false, controls: false, nav: false, arrowKeys: true, speed: 300, slideBy: 1, autoplay: true, autoplayButton: false, loop: false, responsive: { 768: { edgePadding: 0, items: 3 } } }); var controlsContainer = document.getElementById('tns-controls_widget_1722013646018'); bindControls(controlsContainer); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Get the parent container const parentContainer = document.getElementById('hs_cos_wrapper_widget_1721508755476'); if (parentContainer) { // Check if the parent container exists // Define selectors as variables within the parent container const toggleButtons = parentContainer.querySelectorAll('.toggle-button'); const monthlyCards = parentContainer.querySelector('.pricing-card-group--monthly'); const yearlyCards = parentContainer.querySelector('.pricing-card-group--yearly'); // Bind event handler to each toggle button toggleButtons.forEach(function(button) { button.addEventListener('click', function() { toggleCards(button); }); }); function toggleCards(clickedButton) { // Remove active class from all buttons toggleButtons.forEach(function(button) { button.classList.remove('active'); }); // Add active class to the clicked button clickedButton.classList.add('active'); // Determine the option based on the clicked button's data-option attribute const option = clickedButton.dataset.option; // Toggle visibility of card groups based on the selected option if (option === 'monthly') { if (monthlyCards) monthlyCards.classList.remove('hidden'); if (yearlyCards) yearlyCards.classList.add('hidden'); } else if (option === 'yearly') { if (yearlyCards) yearlyCards.classList.remove('hidden'); if (monthlyCards) monthlyCards.classList.add('hidden'); } } } }); </script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/bootstraptemple.com\/universal-business-e-commerce-template"]); _hsq.push(["setPageId", "174035534184"]); _hsq.push(["setContentMetadata", { "contentPageId": 174035534184, "legacyPageId": "174035534184", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 174035534184, "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: "bea0e0aa-6580-495c-9baa-7e4ff115b7a2", ticks: 1740662035716, page_id: 174035534184, 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: "174035534184", 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

Universal - 45 pages - Free Bootstrap 5 Business & E-commerce Template