Clean HubSpot Website Theme for B2B SaaS

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Clean HubSpot Website Theme for B2B SaaS - Atlas by Kalungi</title> <link rel="shortcut icon" href="https://www.kalungi.com/hubfs/Kalungi-mark.png"> <meta name="description" content="Atlas is a clean HubSpot website theme that gives B2B software (SaaS) companies the crucial building blocks for a high-performing, scalable website."> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Atlas is a clean HubSpot website theme that gives B2B software (SaaS) companies the crucial building blocks for a high-performing, scalable website."> <meta property="og:title" content="Clean HubSpot Website Theme for B2B SaaS - Atlas by Kalungi"> <meta name="twitter:description" content="Atlas is a clean HubSpot website theme that gives B2B software (SaaS) companies the crucial building blocks for a high-performing, scalable website."> <meta name="twitter:title" content="Clean HubSpot Website Theme for B2B SaaS - Atlas by Kalungi"> <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://unpkg.com/aos@2.3.1/dist/aos.css"> <link rel="stylesheet" href="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/template_assets/48819484696/1718319008491/atlas-pro-theme/css/main.min.css"> <link rel="stylesheet" href="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/template_assets/69871494532/1718319019107/atlas-pro-theme/css/responsive.min.css"> <style> </style> <style> .widget_1623776461666____button0:hover { background-color: rgba(70, 120, 238, 1.0) !important; } .widget_1623776461666____button0 { color: rgba(70, 120, 238, 1.0) !important; } .widget_1623776461666____button0:hover { color: rgba(255, 255, 255, 1.0) !important; } </style> <style> .widget_1623776461666____button1 { background-color: rgba(75, 139, 236, 1.0) !important; } .widget_1623776461666____button1 { color: rgba(255, 255, 255, 1.0) !important; } .widget_1623776461666____button1 { border-color: rgba(70, 120, 238, 1.0) !important; } .widget_1623776461666____button1:hover { border-color: rgba(70, 120, 238, 1.0) !important; } </style> <style> .widget_1623776461666____button2 { background-color: rgba(75, 139, 236, 1.0) !important; } .widget_1623776461666____button2 { color: rgba(255, 255, 255, 1.0) !important; } .widget_1623776461666____button2 { border-color: rgba(70, 120, 238, 1.0) !important; } .widget_1623776461666____button2:hover { border-color: rgba(70, 120, 238, 1.0) !important; } </style> <style> #widget_1708622577068 .responsive-fluid-text_content--1 { position: relative } .responsive-fluid-text_content--1 :is(h1,h2,h3,h4,h5,h6,p,span,a) { color: inherit; } #widget_1708622577068 h2 { font-size: clamp(2.25rem, 2.578268876611418vw + 1.4765193370165746rem, 3.125rem) ; } #widget_1708622577068 { display: table; margin: 0 auto ; max-width: none; } </style> <link rel="stylesheet" href="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/module_assets/152729866672/1705611437473/module_152729866672_Atlas_Cards.min.css"> <style> #widget_1708534469157{ row-gap: 20px; column-gap: 40px; } #widget_1708534469157 .atlas-cards-wrapper, #widget_1708534469157 .atlas-cards-wrapper-tilt, #widget_1708534469157 .atlas-cards-card-animation{ height: unset; } #widget_1708534469157 .atlas-cards-card .atlas-cards-card-button{ background-color: #4b8bec; border-color: #4b8bec; } #widget_1708534469157 .atlas-cards-card{ box-shadow: 0 14px 28px rgba(154, 161, 177, 15%), 0 10px 10px rgba(154, 161, 177, 15%); } #widget_1708534469157 .atlas-cards-card, #widget_1708534469157 .atlas-card::before, #widget_1708534469157 .atlas-cards-wrapper-tilt, #widget_1708534469157 .atlas-cards-wrapper{ border-radius: 8px; } #widget_1708534469157 .atlas-cards-card{ padding: 32px 25px 5px 25px; } #widget_1708534469157 .atlas-cards-card-background{ background: #FFFFFF } #widget_1708534469157, #widget_1708534469157 .atlas-cards-card-background, #widget_1708534469157 .atlas-cards-wrapper, #widget_1708534469157 .atlas-cards-wrapper-tilt, #widget_1708534469157 .atlas-cards-card{ transition-duration: 0.2s; } #widget_1708534469157 .atlas-cards-card:hover{ box-shadow: 0 29px 38px rgba(154, 161, 177, 25%), 0 15px 30px rgba(154, 161, 177, 25%); } #widget_1708534469157 .atlas-cards-card:hover{ translate: 0px -10px; } </style> <style> #widget_1708534469157 #card-1 .atlas-cards-card-background{ background-image: url(https://www.kalungi.com/hubfs/Background%20for%20review%20LP.svg); } #widget_1708534469157 #card-1 .atlas-cards-card-background{ background-size: cover; } #widget_1708534469157 #atlas-cards-wrapper-1{ height: 100%; } </style> <style> #widget_1708534469157 #card-2 .atlas-cards-card-background{ background-image: url(https://www.kalungi.com/hubfs/Growth%20graph%20background%20light.svg); } #widget_1708534469157 #card-2 .atlas-cards-card-background{ background-size: cover; } #widget_1708534469157 #atlas-cards-wrapper-2{ height: 100%; } </style> <style> #widget_1708534469157 #card-3 .atlas-cards-card-background{ background-image: url(https://www.kalungi.com/hubfs/okr%20app%20background.png); } #widget_1708534469157 #card-3 .atlas-cards-card-background{ background-size: cover; } #widget_1708534469157 #atlas-cards-wrapper-3{ height: 100%; } </style> <style> #widget_1708618276931.kl-custom-image img, #widget_1708618276931.kl-custom-image .kl-custom-image__filter{ border-radius: 0px; border: 0px none ; ; } #widget_1708618276931.kl-custom-image img{ filter: (1); box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0%); } #widget_1708618276931.kl-custom-image .kl-custom-image__filter{ background-color: rgba(0, 0, 0, 0%); } #widget_1708618276931.kl-custom-image .kl-custom-image__text{ padding: 10px; } </style> <style> .widget_1708618162003__primary_cta { background-color: rgba(255, 255, 255, 1.0) !important; } .widget_1708618162003__primary_cta:hover { background-color: rgba(70, 120, 238, 1.0) !important; } .widget_1708618162003__primary_cta { color: rgba(70, 120, 238, 1.0) !important; } .widget_1708618162003__primary_cta:hover { color: rgba(255, 255, 255, 1.0) !important; } .widget_1708618162003__primary_cta { border-color: rgba(255, 255, 255, 1.0) !important; } .widget_1708618162003__primary_cta:hover { border-color: rgba(255, 255, 255, 1.0) !important; } </style> <link rel="stylesheet" href="https://cdn2.hubspot.net/hub/-1/hub_generated/module_assets/-35056501883/1734469647984/module_-35056501883_Video.min.css"> <style> #oembed_container-widget_1708616359384 .oembed_custom-thumbnail_icon svg { fill: #ffffff; } </style> <style> .dnd_area-module-16__primary_cta:hover a { color: rgba(255, 255, 255, 1.0) !important; } </style> <style> @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: "Lexend Deca"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Lexend_Deca/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Lexend_Deca/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 500; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/500.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/500.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/700.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/700.woff") format("woff"); } </style>  <style id="hs_editor_style" type="text/css"> #hs_cos_wrapper_module_1623449036360 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1617989527520 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1617989594961 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1708545493771 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_module_1708542197865 { display: block !important; padding-bottom: 30px !important; padding-top: 30px !important } #hs_cos_wrapper_widget_1708550413248 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_widget_1708623399564 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_widget_1708618026367 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_module_1617989594961 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1617989527520 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1623449036360 { display: block !important; padding-bottom: 40px !important } #hs_cos_wrapper_module_1708545493771 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_module_1708542197865 { display: block !important; padding-bottom: 30px !important; padding-top: 30px !important } #hs_cos_wrapper_widget_1708550413248 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_widget_1708623399564 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } #hs_cos_wrapper_widget_1708618026367 { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important } .dnd_area-row-0-max-width-section-centering > .row-fluid { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } .dnd_area-row-1-max-width-section-centering > .row-fluid { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } .dnd_area-row-7-max-width-section-centering > .row-fluid { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; } .dnd_area-row-12-max-width-section-centering > .row-fluid { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } .widget_1615149575017-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_1615149575017-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_1617989594961-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; } .module_1617989594961-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_1617989527520-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; } .module_1617989527520-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_1623449036360-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; } .module_1623449036360-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1721094594865-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_1721094594865-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17207202216875-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .module_17207202216875-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_16240491837637-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; } .module_16240491837637-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } /* HubSpot Non-stacked Media Query Styles */ @media (min-width:768px) { .dnd_area-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-2-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-3-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-4-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-5-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-10-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-13-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-14-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-15-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-column-1-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-column-3-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-3-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1615148983665-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_1615148983665-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1615148983665-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1615148983665-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1615150272163-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_1615150272163-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623446014597-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623446014597-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623446004808-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623446004808-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1615154768694-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1615154768694-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1615154768694-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1615154776649-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1615154776649-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1615154768696-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1615154768696-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623441152070-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623441152070-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623441152070-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1623449038855-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_1623449038855-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1721094595027-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_1721094595027-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17210945124082-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_17210945124082-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216862-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_17207202216862-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216862-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17207202216866-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_17207202216866-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216866-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17207202216878-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_17207202216878-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216877-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_17207202216877-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216876-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_17207202216876-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216865-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_17207202216865-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17207202216864-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_17207202216864-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1624049183763-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1624049183763-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1624049183763-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_16240491837634-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_16240491837634-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1624049582763-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_1624049582763-vertical-alignment > div { flex-shrink: 0 !important; } .cell_16234503763222-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_16234503763222-vertical-alignment > div { flex-shrink: 0 !important; } .cell_16234503763222-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_16234503763222-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1623959872798-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_1623959872798-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623806923928-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623806923928-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623805392963-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623805392963-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623806539192-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1623806539192-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1623776739177-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1623776739177-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1623805189937-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_1623805189937-vertical-alignment > div { flex-shrink: 0 !important; } .cell_16237767571552-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_16237767571552-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17085451945502-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_17085451945502-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17085327328662-row-2-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1708542996492-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_1708542996492-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17085457167572-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_17085457167572-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17086181622522-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_17086181622522-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1708618276948-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_1708618276948-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17086162777192-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_17086162777192-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17086162777192-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1708618048110-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_1708618048110-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1708618048106-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_1708618048106-vertical-alignment > div { flex-shrink: 0 !important; } } /* HubSpot Styles (default) */ .dnd_area-row-0-padding { padding-top: 90px !important; padding-bottom: 90px !important; } .dnd_area-row-0-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-1-margin { margin-top: 0px !important; } .dnd_area-row-1-padding { padding-top: 80px !important; } .dnd_area-row-1-background-layers { background-image: linear-gradient(rgba(75, 139, 236, 1), rgba(75, 139, 236, 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(0, 0, 0, 1), rgba(0, 0, 0, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-3-padding { padding-top: 100px !important; padding-bottom: 40px !important; } .dnd_area-row-4-padding { padding-top: 50px !important; padding-bottom: 100px !important; } .dnd_area-row-5-padding { padding-top: 50px !important; } .dnd_area-row-5-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-6-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-7-padding { padding-bottom: 0px !important; } .dnd_area-row-7-background-layers { background-image: url('https://www.kalungi.com/hubfs/Pieces%20Background.svg') !important; background-position: center bottom !important; background-size: cover !important; background-repeat: no-repeat !important; } .dnd_area-row-8-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-8-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-9-padding { padding-top: 120px !important; } .dnd_area-row-9-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-10-background-layers { background-image: url('https://www.kalungi.com/hubfs/The%20SaaS%20Growth%20Guide%20-%20Images/saas%20growth%20guide%20newsletter%20pop%20up%20background%20-%20mobile%20view.png') !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .dnd_area-row-11-padding { padding-top: 0px !important; padding-bottom: 0px !important; } .dnd_area-row-12-background-layers { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(238, 244, 248, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-13-background-layers { background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 1), rgba(220, 238, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-14-background-layers { background-image: linear-gradient(rgba(58, 111, 229, 1), rgba(58, 111, 229, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-15-background-layers { background-image: url('https://www.kalungi.com/hubfs/featured%20saas%20marketing%20resource%20background.svg') !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .dnd_area-row-16-background-layers { background-image: url('https://www.kalungi.com/hubfs/The%20SaaS%20Growth%20Guide%20-%20Images/saas%20growth%20guide%20newsletter%20pop%20up%20background%20-%20mobile%20view.png') !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .dnd_area-column-1-padding { padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-column-1-row-0-padding { padding-bottom: 0px !important; } .dnd_area-column-3-padding { padding-top: 30px !important; padding-bottom: 30px !important; padding-left: 32px !important; padding-right: 32px !important; } .cell_1615148983665-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1615148983665-row-0-padding { padding-bottom: 60px !important; padding-left: 0px !important; } .cell_1615150272163-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1623446014597-padding { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1623446004808-padding { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1615154768694-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_16234413408672-padding { padding-bottom: 50px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1615154776649-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1615154768696-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1623441152070-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1623449038855-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_17207202216862-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_17207202216862-row-0-margin { margin-bottom: 0px !important; } .cell_17207202216866-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_17207202216866-row-1-margin { margin-top: -120px !important; } .cell_17207202216877-padding { padding-bottom: 20px !important; } .cell_17207202216864-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1624049183763-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1624049183763-row-0-margin { margin-bottom: 0px !important; } .cell_16240491837634-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1624049582763-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_16234503763222-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1623959872798-padding { padding-bottom: 50px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1623806923928-padding { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238069239295-padding { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238069239298-padding { padding-top: 0px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1623805392963-padding { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238053929642-padding { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238053929645-padding { padding-top: 0px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1623806539192-padding { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238065391935-padding { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16238065391938-padding { padding-top: 0px !important; padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1623776739177-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_1623805189937-padding { padding-left: 0px !important; padding-right: 0px !important; } .cell_16237767571552-padding { padding-top: 20px !important; padding-bottom: 80px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16151560812962-padding { padding-bottom: 120px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_16151572484972-padding { padding-top: 0px !important; padding-bottom: 30px !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1708618276948-padding { padding-left: 0px !important; padding-right: 0px !important; } .widget_1708623399564-hidden { display: none !important; } .widget_1708618026367-hidden { display: none !important; } /* HubSpot Styles (mobile) */ @media screen and (max-width:767px) { .widget_1708623399564-hidden { display: block !important; } .widget_1708618026367-hidden { display: block !important; } } </style> <script> //Cursor glow effect function cursorOffSet(e) { const rect = this.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; this.style.setProperty("--cursor-x", x + "px"); this.style.setProperty("--cursor-y", y + "px"); }; //Cursor tilt effect function inverseMousePosition(element, event, tiltInvert) { const rect = element.getBoundingClientRect(); const x = event.clientX - rect.left; const y = event.clientY - rect.top; const res = { x1: tiltInvert ? -(x - rect.width / 2) / 20 : (x - rect.width / 2) / 20, // top left y1: tiltInvert ? -(y - rect.height / 2) / 20 : (y - rect.height / 2) / 20, x2: tiltInvert ? -(x - rect.width / 2) / 20 : (x - rect.width / 2) / 20, // top right y2: tiltInvert ? (y - rect.height / 2) / 20 : -(y - rect.height / 2) / 20, x3: tiltInvert ? (x - rect.width / 2) / 20 : -(x - rect.width / 2) / 20, // bottom left y3: tiltInvert ? -(y - rect.height / 2) / 20 : (y - rect.height / 2) / 20, x4: tiltInvert ? (x - rect.width / 2) / 20 : -(x - rect.width / 2) / 20, // bottom right y4: tiltInvert ? (y - rect.height / 2) / 20 : -(y - rect.height / 2) / 20 }; const resKey = "x" + (x < rect.width / 2 ? 1 : 2) + (y < rect.height / 2 ? 1 : 3); const tilt = res; return tilt !== undefined ? tilt : 0; // default to 0 if undefined } window.addEventListener("load", (event) => { window.mobileCheck = function() { let check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); return check; }; if(window.mobileCheck()) return; let elements = document.querySelectorAll("#widget_1708534469157 .atlas-cards-wrapper-tilt, #widget_1708534469157 .atlas-cards-wrapper"); elements.forEach((el)=>{ let cursorGlow = el.querySelector('#atlas-cards-cursor-glow'); if(cursorGlow !== null) { el.style.setProperty("--glow-color", cursorGlow.getAttribute("data-color")); el.style.setProperty("--glow-size", (cursorGlow.getAttribute("data-size") * 2) + "%"); el.style.setProperty("--glow-blur", cursorGlow.getAttribute("data-blur")); el.addEventListener("mousemove", cursorOffSet); } let cursorTilt = el.querySelector('#atlas-cards-cursor-tilt'); if(cursorTilt !== null){ let tiltInvert = (cursorTilt.getAttribute("data-invert") === 'true'); let tiltStrength = Number(cursorTilt.getAttribute("data-strength")); let tiltStrengthReversed = 0; for(let i = 10; i >= tiltStrength; i--){ tiltStrengthReversed ++; } el.addEventListener("mousemove", (event) => { const tilt = inverseMousePosition(el, event, tiltInvert); el.style.setProperty("--bg-y", tilt.x1 / (tiltStrengthReversed * 2 )); // tone down the movement a bit el.style.setProperty("--bg-x", tilt.y1 / (tiltStrengthReversed * 2 )); // tone down the movement a bit }); el.addEventListener("mouseout", (event) => { el.style.setProperty("--bg-y", 0); el.style.setProperty("--bg-x", 0); }); } }); }); </script> <link rel="canonical" href="https://www.kalungi.com/atlas-clean-hubspot-theme-for-b2b-saas-software">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NXPXQN2');</script>  <meta name="google-site-verification" content="gztcfwQGib0PiFNc7DZnF9YQCGHLOylqsyUlE0IncX8">  <script type="text/javascript" defer src="https://extend.vimeocdn.com/ga/57661450.js"></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-800845814"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-800845814'); </script> <style> div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button{display:none!important} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button{border-radius: 20px!important;} /* Button font size adjustment */ .button, .hs-button { font-size: .9rem !important; } .kl-footer__menu a:hover,.kl-footer__legal a:hover {color: #1e1e1e!important} .md-chips { padding: 12px 0; .md-chip { margin: 0 5px 3px 0; } } .md-chip { display: inline-block; color: #f7f7f7; font-weight: 600; background: #4b8bec; padding: 6px 12px; border-radius: 32px; font-size: 10px; &:hover { background-color: #ccc; } } .md-chip-clickable { cursor: pointer; } .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .article-inline { background-color: #EEEEEE; border-radius: 10px; padding: 25px; display: flex; align-content: center; flex-direction: row; align-items: center; } .article-inline h3, .article-inline h4 { margin-bottom: 10px; margin-right: 20px; } .article-inline p { margin-right: 20px; } .article-inline .button { white-space: nowrap; } @media only screen and (max-width: 1000px) { .article-inline { flex-direction: column; } .article-inline h3, .article-inline p, { text-align: center; padding-bottom: 20px; } </style>  <style> #leadinModal-3843811 .leadin-preview-wrapper{ padding-top: 5em; } #leadinModal-3843811 .dyno-image{ position: absolute; display: block; float: none; top: 0; left: 0; width: 100% !important; height: 100%; right: 0; bottom: 0; margin: 0; } #leadinModal-3843811 .dyno-image-inner{ height: 100%; width: 100%; background: url(https://www.kalungi.com/hubfs/saas%20growth%20guide%20newsletter%20pop%20up%20background.png) no-repeat center center; position: relative; z-index:0; background-size: cover; } #leadinModal-3843811 .dyno-image-inner img{ display: none; } #leadinModal-3843811 .leadin-preview-wrapper > h4, #leadinModal-3843811 .leadin-preview-wrapper > div.clearfix-image, #leadinModal-3843811 .leadin-preview-wrapper > span.leadinModal-hide-outline, #leadinModal-3843811 .leadin-preview-wrapper > div.advance-wrapper { z-index: 1; position: relative; margin: 0; width: 50%; display: block; color: #000000; font-weight: bold; } #leadinModal-3843811 .leadin-preview-wrapper > span.leadinModal-hide-outline .leadinModal-description-body p{ margin-left: 0; margin-top: 25px; margin-bottom: 25px; color: #000000; } #leadinModal-3843811 .leadin-preview-wrapper > div.advance-wrapper a{ transition: all .2s ease-in-out; background-color: #4b8bec !important; border: 1px solid #4b8bec; } #leadinModal-3843811 .leadin-preview-wrapper > div.advance-wrapper a:hover{ background-color: #3288E6 !important; border: 1px solid #3288E6; } @media only screen and (max-width: 768px){ #leadinModal-3843811 .dyno-image-inner{ background: url(https://www.kalungi.com/hubfs/saas%20growth%20guide%20newsletter%20pop%20up%20background%20-%20mobile%20view.png) no-repeat center center; background-size: cover; } #leadinModal-3843811 .leadin-preview-wrapper{ padding: 5rem !important; } #leadinModal-3843811 .leadin-preview-wrapper > h4, #leadinModal-3843811 .leadin-preview-wrapper > div.clearfix-image, #leadinModal-3843811 .leadin-preview-wrapper > span.leadinModal-hide-outline, #leadinModal-3843811 .leadin-preview-wrapper > div.advance-wrapper { width: 100%; } #leadinModal-3843811 .dyno-image-inner{ background-position: center right; } #leadinModal-3843811 .dyno-image-inner:after{ display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; position: relative; height: 100%; width: 100%; background-color: rgba(0,0,0,.1); } } /* End of the styling for the Build your marketing engine popup */ /*** Mike's form edits (Aug 22 2022) ***/ .hs-input { height: 44px !important; } input, textarea, select { font-size: 12px !important; border-radius: 6px !important; } form label { font-size: .75rem !important } form legend { font-size: .65rem !important; } .hs-error-msg { margin-top: -7px !important; } /* Mike Northfield edits 08/24/2022 */ .kl-blog-menu__title { background-color: #fafafa !important; color: #303030 !important; font-size: .9rem !important; margin-bottom: 12px !important; } .kl-blog-menu__list li { margin-bottom:6px !important ; font-size: .8rem !important } .blog-post__menu { width: 280px !important } /* End Mike Northfield edits 08/24/2022 */ /* Start Mike Northfield edits 09/08/2022 */ .kl-navbar__item { margin: 0px 20px; } .kl-navbar__menu { margin: 0 auto; } .kl-navbar__logo { margin-right: 10px; } /* End Mike Northfield edits 09/08/2022 */ p.subtitle { font-size: 1.15rem !important; font-weight: 500 !important; } .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta { } /* End Mike Northfield edits 01/27/2023 */ </style> <meta property="og:image" content="https://www.kalungi.com/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg"> <meta property="og:image:width" content="2538"> <meta property="og:image:height" content="1427"> <meta name="twitter:image" content="https://www.kalungi.com/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg"> <meta property="og:url" content="https://www.kalungi.com/atlas-clean-hubspot-theme-for-b2b-saas-software"> <meta name="twitter:card" content="summary_large_image"> <meta http-equiv="content-language" content="en"> <style> .calc-wrap { background-color: #fafafa; border-radius: 8px; } .kl-pricing-table tbody .kl-pricing-table__features { padding: 5px 10px 5px 10px !important; } .kl-pricing-table th, td { font-size: .9rem; border-bottom: none !important; } .kl-pricing-table td { border-bottom: 1px solid #E0E9FF !important; border-top: 1px solid #E0E9FF !important } th.kl-pricing-table__plans { border-bottom: 0 !important; } .kl-pricing-table tbody tr:first-child td:before { display:none; } .kl-faq__header h3 { font-size: 1rem; } .kl-faq__header { padding: 20px 20px; } .kl-faq__description { padding: 0 20px; } .kl-rich-text__buttons .button_cta { margin: 3px !important; } .kl-testimonial__quote{ display: flex; align-items: center; justify-content: space-between; } .kl-testimonial__quote_version{ color: #4b8bec; font-family: Inter,sans-serif; font-size: 11px; font-weight: 700; margin: 0; } .kl-features-03__titles li{ background-color: unset; } .kl-features-03__section{ background-color: unset; } </style> <script> let versions = [ "ATLAS FREE", "ATLAS FREE", "ATLAS PRO", "ATLAS PRO", "ATLAS 2", "ATLAS FREE", "ATLAS PRO", "ATLAS FREE", "ATLAS PRO", "ATLAS FREE", ] window.addEventListener("load", (event) => { let testimonials = document.getElementsByClassName('kl-testimonial__quote'); for(let i = 0; i < testimonials.length; i++){ let p = document.createElement("p"); p.className = "kl-testimonial__quote_version"; p.innerText = versions[i]; testimonials[i].appendChild(p) } }); </script> <meta name="generator" content="HubSpot"></head> <body> <div class="body-wrapper hs-content-id-42637244009 hs-site-page page "> <div data-global-resource-path="atlas-pro-theme/templates/partials/header.html"> <div id="hs_cos_wrapper_Navbar" 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"> <header class="kl-header"> <nav class="kl-navbar content-wrapper"> <a href="https://www.kalungi.com"> <img src="https://www.kalungi.com/hubfs/Kalungi%20Logo%20-%20Full%20Color.svg" alt="Kalungi - a full-service B2B SaaS marketing agency" width="35" height="35" loading="" class="kl-navbar__logo"> </a> <div class="kl-navbar__mobile"> <button class="hamburger hamburger--squeeze kl-navbar__hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> <div class="kl-navbar__content"> <ul class="kl-navbar__menu"> <li class="kl-navbar__item kl-navbar__parent"> <a class="kl-navbar__button" href="https://www.kalungi.com/saas-marketing-services"> <span>SaaS Marketing Services</span> </a> <div class="kl-navbar-submenu-wrapper"> <ul class="kl-navbar-submenu"> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/full-service-b2b-saas-marketing-team"> <span>SaaS Marketing Team</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/coach"> <span>SaaS CMO Coach</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/audit"> <span>Marketing Audit</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/saas-cmo"> <span>Fractional CMO</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/content"> <span>Content Marketing Services</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/design"> <span>Branding & Design for SaaS</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/seo"> <span>B2B SaaS SEO Services</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/services/account-based-marketing"> <span>Account-Based Marketing for SaaS</span> </a> </li> </ul> </div> </li> <li class="kl-navbar__item kl-navbar__parent"> <a class="kl-navbar__button" href=""> <span>Products</span> </a> <div class="kl-navbar-submenu-wrapper"> <ul class="kl-navbar-submenu"> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/t2d3"> <span>T2D3 GTM Masterclass and Playbook</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/atlas-clean-hubspot-theme-for-b2b-saas-software"> <span>Atlas Website Theme</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/complete-b2b-saas-ad-design-template-for-figma"> <span>Figma Ad Design Template</span> </a> </li> </ul> </div> </li> <li class="kl-navbar__item kl-navbar__parent"> <a class="kl-navbar__button" href="https://www.kalungi.com/team"> <span>Company</span> </a> <div class="kl-navbar-submenu-wrapper"> <ul class="kl-navbar-submenu"> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/customers"> <span>Customer stories</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/careers"> <span>Careers</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/team"> <span>Team</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/faq"> <span>How Kalungi works</span> </a> </li> </ul> </div> </li> <li class="kl-navbar__item kl-navbar__parent"> <a class="kl-navbar__button" href=""> <span>Learn</span> </a> <div class="kl-navbar-submenu-wrapper"> <ul class="kl-navbar-submenu"> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/summer-of-saas-founder-series-for-b2b-saas"> <span>Webinars</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/b2b-saas-marketing-snacks-podcast"> <span>Podcast</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/go-to-market-strategy-for-b2b-saas"> <span>Go-to-Market Strategy</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/b2b-saas-design"> <span>B2B SaaS Design 101</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/b2b-saas-marketing-metrics-resources"> <span>Important SaaS Metrics</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/b2b-saas-pricing-resources"> <span>B2B SaaS Pricing Resources</span> </a> </li> <li class="kl-navbar-submenu__item"> <a class="kl-navbar-submenu__button" href="https://www.kalungi.com/b2b-saas-content-marketing-playbook"> <span>Content Marketing Guide + Templates</span> </a> </li> </ul> </div> </li> <li class="kl-navbar__item"> <a class="kl-navbar__button" href="https://www.kalungi.com/blog"> <span>Blog</span> </a> <div class="kl-navbar-submenu-wrapper"> </div> </li> </ul> <div class="kl-navbar__end"> <a href="https://app.kalungi.com/signup" target="_blank" rel="noopener" class="button button--outlined Navbar__button"> <span>Sign in</span> </a> <a href="https://www.kalungi.com/contact" class="button Navbar__button"> <span>Let's talk</span> </a> </div> </div> </nav> </header> <div class="kl-header-placeholder"></div></div> </div> <main class="body-container-wrapper"> <div class="container-fluid body-container body-container--home"> <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-max-width-section-centering 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="span12 widget-span widget-type-cell dnd_area-column-1-padding 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_area-column-1-row-0-vertical-alignment dnd_area-column-1-row-0-padding dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1615148983665-vertical-alignment cell_1615148983665-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row cell_1615148983665-row-0-vertical-alignment cell_1615148983665-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1615150272163-vertical-alignment cell_1615150272163-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_1615339138451" 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="kl-rich-text"> <div><p><img src="https://www.kalungi.com/hubfs/Atlas/Atlas%20-%20A%20Hubspot%20theme%20for%20software%20companies%20by%20Kalungi%20(White)%20(2).svg" alt="Atlas - A clean Hubspot theme for software companies by Kalungi" width="108" loading="lazy" style="width: 108px; margin: 0px 40px 0px 0px;"></p></div> </div></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-2 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_dnd_area-module-2" 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="kl-rich-text" id="dnd_area-module-2" style="max-width: 550px;"> <div><h1 style="line-height: 1.5;">A clean HubSpot website theme designed for early-stage B2B SaaS companies</h1> <p style="font-size: 18px; line-height: 1.5;">Atlas has everything a small to mid-size B2B software company needs to go to market.</p></div> <div class="kl-rich-text__buttons"> <a href="#pricing" class="button dnd_area-module-2__primary_cta"> <span>GET STARTED WITH ATLAS</span> </a> <a href="#premium-support" class="button button--arrow dnd_area-module-2__secondary_cta"> <span>EXPLORE PREMIUM SUPPORT</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 cell_1615148983665-row-1-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1623446004808-padding cell_1623446004808-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_16234460048083" 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="kl-rich-text"> <div><hr> <div><span style="color: #b9b9b9;"><strong><img src="https://www.kalungi.com/hubfs/HubSpot%20marketplace%20website%20theme%20rating%20(Feb%2020%202024).svg" width="0" loading="lazy" alt="HubSpot marketplace website theme rating (Feb 20 2024)" style="width: 136px; margin: 0px 0px 5px;"></strong></span></div> <div><strong><span style="font-size: 18px;"> | Asset Marketplace</span></strong><strong><span style="font-size: 18px;"><img src="https://www.kalungi.com/hubfs/Atlas/Hubspot%20logo%201.svg" alt="Hubspot logo 1" width="83" loading="lazy" style="width: 83px; float: left;"></span></strong></div></div> </div></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell cell_1623446014597-padding cell_1623446014597-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-2 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_1623445342785" 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="kl-rich-text"> <div><div><hr> <h3>15,000+ downloads <br>from HubSpot CMS users</h3> </div></div> </div></div> </div> </div> </div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd_area-column-3-padding dnd-column dnd_area-column-3-vertical-alignment" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget widget_1615149575017-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1615149575017" 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_1615149575017_" 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://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=501&height=500&name=Atlas%20Page%20Previews.png" class="hs-image-widget " width="501" height="500" style="max-width: 100%; height: auto;" alt="Atlas Page Previews - Atlas Module Preview - A clean HubSpot CMS theme for B2B SaaS companies" title="Atlas Page Previews - Atlas Module Preview - A clean HubSpot CMS theme for B2B SaaS companies" srcset="https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=251&height=250&name=Atlas%20Page%20Previews.png 251w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=501&height=500&name=Atlas%20Page%20Previews.png 501w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=752&height=750&name=Atlas%20Page%20Previews.png 752w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=1002&height=1000&name=Atlas%20Page%20Previews.png 1002w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=1253&height=1250&name=Atlas%20Page%20Previews.png 1253w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Atlas%20Page%20Previews.png?width=1503&height=1500&name=Atlas%20Page%20Previews.png 1503w" sizes="(max-width: 501px) 100vw, 501px"></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd_area-row-1-padding dnd_area-row-1-vertical-alignment dnd_area-row-1-background-color dnd_area-row-1-max-width-section-centering dnd-row dnd-section dnd_area-row-1-margin dnd_area-row-1-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1615154768694-vertical-alignment cell_1615154768694-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16234413408672-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1623441180526" 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="kl-rich-text kl-rich-text--center" style="max-width: 500px;"> <div><div class="kl-rich-text__preheader"><span style="color: #ffffff;">EVERYTHING YOU NEED</span> <div> <h2><span style="color: #ffffff;">Build your entire site without code</span></h2> </div> </div></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 cell_1615154768694-row-1-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span4 widget-span widget-type-cell cell_1623441152070-vertical-alignment cell_1623441152070-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="4"> <div class="row-fluid-wrapper row-depth-1 row-number-6 cell_1623441152070-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1623449038855-padding cell_1623449038855-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget module_1623449036360-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1623449036360" 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_module_1623449036360_" 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://www.kalungi.com/hubfs/Atlas/Customizable.svg" class="hs-image-widget " width="217" height="167" style="max-width: 100%; height: auto;" alt="Customizable" title="Customizable"></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 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_1615154726982" 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="kl-rich-text kl-rich-text--center"> <div><h3><span style="color: #ffffff;">Completely customizable</span></h3> <p><span style="color: #ffffff;">Quickly match your company's brand with custom colors and fonts using pre-built theme settings.</span></p></div> </div></div> </div> </div> </div> </div> <div class="span4 widget-span widget-type-cell cell_1615154768696-vertical-alignment cell_1615154768696-padding dnd-column" style="" data-widget-type="cell" data-x="4" data-w="4"> <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 module_1617989527520-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1617989527520" 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_module_1617989527520_" 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://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=225&height=140&name=Drag%20and%20drop.png" class="hs-image-widget " width="225" height="140" style="max-width: 100%; height: auto;" alt="Drag and drop - Atlas Clean HubSpot Theme for B2B SaaS" title="Drag and drop - Atlas Clean HubSpot Theme for B2B SaaS" srcset="https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=113&height=70&name=Drag%20and%20drop.png 113w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=225&height=140&name=Drag%20and%20drop.png 225w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=338&height=210&name=Drag%20and%20drop.png 338w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=450&height=280&name=Drag%20and%20drop.png 450w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=563&height=350&name=Drag%20and%20drop.png 563w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Drag%20and%20drop.png?width=675&height=420&name=Drag%20and%20drop.png 675w" sizes="(max-width: 225px) 100vw, 225px"></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_16151547637842" 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="kl-rich-text kl-rich-text--center"> <div><h3><span style="color: #ffffff;">Drag-and-drop</span></h3> <p><span style="color: #ffffff;">Every element is drag-and-drop ready so you can get going fast. Speed matters when you're going to market or building for clients.</span></p></div> </div></div> </div> </div> </div> </div> <div class="span4 widget-span widget-type-cell cell_1615154776649-padding cell_1615154776649-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="8" data-w="4"> <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 module_1617989594961-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1617989594961" 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_module_1617989594961_" 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://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=229&height=140&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png" class="hs-image-widget " width="229" height="140" style="max-width: 100%; height: auto;" alt="Mobile responsive modules - Atlas HubSpot theme for B2B SaaS" title="Mobile responsive modules - Atlas HubSpot theme for B2B SaaS" srcset="https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=115&height=70&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 115w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=229&height=140&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 229w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=344&height=210&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 344w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=458&height=280&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 458w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=573&height=350&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 573w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png?width=687&height=420&name=Mobile%20responsive%20modules%20-%20Atlas%20HubSpot%20theme%20for%20B2B%20SaaS-1.png 687w" sizes="(max-width: 229px) 100vw, 229px"></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_module_16151547766493" 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="kl-rich-text kl-rich-text--center"> <div><h3><span style="color: #ffffff;">Fully responsive</span></h3> <p><span style="color: #ffffff;">Every module scales perfectly down to mobile so you don't need to jerry-rig your layouts together.</span></p></div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd_area-row-2-background-layers dnd_area-row-2-background-color dnd-section dnd_area-row-2-vertical-alignment"> <div class="row-fluid "> <div class="span5 widget-span widget-type-cell dnd-column cell_17210945124082-vertical-alignment" style="" data-widget-type="cell" data-x="0" data-w="5"> <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_1624290885145" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text" id="widget_1624290885145"> <span class="kl-rich-text__preheader"> NEW TO ATLAS </span> <div><h2><span style="color: #ffffff;">Build your go-to-market on the most powerful theme for SaaS</span></h2> <p><span style="color: #ffffff;">Our newest HubSpot CMS theme is bigger, faster, and more beautiful than ever. Atlas 2 is built on years of experience leading B2B SaaS businesses and building on the feedback of 10,000+ Atlas users. Upgrade your site to Atlas 2 and access...</span></p> <ul> <li style="color: #ffffff;"><span style="color: #ffffff;">Dynamic modules designed to capture attention and convert visitors</span></li> <li style="color: #ffffff;"><span style="color: #ffffff;">A huge selection of global theme settings to allow for fast set-up and site-wide changes</span></li> <li style="color: #ffffff;"><span style="color: #ffffff;">Best-in-class support from our team of HubSpot experts, including a <strong>free onboarding session</strong></span></li> <li style="color: #ffffff;"><span style="color: #ffffff;">And lots,  lots more</span></li> </ul></div> <div class="kl-rich-text__buttons"> <a href="https://ecosystem.hubspot.com/marketplace/website/atlas-2-saas-website-theme-theme-by-kalungi-com" target="_blank" rel="noopener" class="button button--outlined widget_1624290885145__primary_cta"> <span>EXPLORE ATLAS 2</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="span7 widget-span widget-type-cell cell_1721094595027-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="5" data-w="7"> <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 widget_1721094594865-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1721094594865" 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_1721094594865_" 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://www.kalungi.com/hubfs/atlas%202%20-%20cover%20(1).webp" class="hs-image-widget " style="max-width: 100%; height: auto;" alt="atlas 2 - cover (1)" title="atlas 2 - cover (1)"></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section dnd_area-row-3-padding dnd_area-row-3-vertical-alignment"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_17207202216862-padding cell_17207202216862-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-10 cell_17207202216862-row-0-vertical-alignment dnd-row cell_17207202216862-row-0-margin"> <div class="row-fluid "> <div class="span5 widget-span widget-type-cell cell_17207202216864-padding cell_17207202216864-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="5"> <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_module_17207202216868" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text" id="module_17207202216868"> <span class="kl-rich-text__preheader"> BUILT FOR SAAS </span> <div><h2>The HubSpot theme designed specifically for SaaS websites</h2> <p>Kalungi has helped scale dozens of B2B SaaS companies. We've built Atlas around the best-practice patterns we've seen most software companies need. You can use Atlas modules as-is or as a framework to build on top of.</p></div> <div class="kl-rich-text__buttons"> <a href="#examples" class="button button--outlined module_17207202216868__primary_cta"> <span>SEE LIVE SITE EXAMPLES</span> </a> <a href="https://theme.kalungi.com/" target="_blank" rel="noopener" class="button button--arrow module_17207202216868__secondary_cta"> <span>VISIT DEMO SITE</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="span1 widget-span widget-type-cell cell_17207202216865-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="5" data-w="1"> <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_module_17207202216872" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell cell_17207202216866-vertical-alignment dnd-column cell_17207202216866-padding" style="" data-widget-type="cell" data-x="6" data-w="6"> <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 module_17207202216875-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17207202216875" 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_module_17207202216875_" 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://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=2500&height=1316&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png" class="hs-image-widget " width="2500" height="1316" style="max-width: 100%; height: auto;" alt="Atlas Module Preview - HubSpot CMS Theme for B2B SaaS" title="Atlas Module Preview - HubSpot CMS Theme for B2B SaaS" srcset="https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=1250&height=658&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 1250w, https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=2500&height=1316&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 2500w, https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=3750&height=1974&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 3750w, https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=5000&height=2632&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 5000w, https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=6250&height=3290&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 6250w, https://www.kalungi.com/hs-fs/hubfs/Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png?width=7500&height=3948&name=Atlas%20Module%20Preview%20-%20HubSpot%20CMS%20Theme%20for%20B2B%20SaaS%20-%20min-min.png 7500w" sizes="(max-width: 2500px) 100vw, 2500px"></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-14 cell_17207202216866-row-1-vertical-alignment dnd-row cell_17207202216866-row-1-margin"> <div class="row-fluid "> <div class="span1 widget-span widget-type-cell cell_17207202216876-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="1"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_172072022168710" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> <div class="span10 widget-span widget-type-cell cell_17207202216877-padding dnd-column cell_17207202216877-vertical-alignment" style="" data-widget-type="cell" data-x="1" data-w="10"> <div class="row-fluid-wrapper row-depth-2 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_module_172072022168712" 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="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Great theme. Very stylish and easy to use. Highly recommended for a SaaS setting.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/Jonno%20Price%20Headshot.png" alt="Jonno Price Headshot"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️</span> Jonathan P. </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="span1 widget-span widget-type-cell dnd-column cell_17207202216878-vertical-alignment" style="" data-widget-type="cell" data-x="11" data-w="1"> <div class="row-fluid-wrapper row-depth-2 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_172072022168714" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section dnd_area-row-4-padding dnd_area-row-4-vertical-alignment"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1624049183763-padding cell_1624049183763-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 cell_1624049183763-row-0-margin cell_1624049183763-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span7 widget-span widget-type-cell cell_1624049582763-vertical-alignment dnd-column cell_1624049582763-padding" style="" data-widget-type="cell" data-x="0" data-w="7"> <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 module_16240491837637-flexbox-positioning" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_16240491837637" 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_module_16240491837637_" 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://www.kalungi.com/hubfs/Atlas/Atlas%20Pro%20-%20Figma%20template%20demo%201.svg" class="hs-image-widget " width="260" height="200" style="max-width: 100%; height: auto;" alt="Atlas Pro - Figma template demo" title="Atlas Pro - Figma template demo"></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_module_16240491837638" 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"><iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FfHJqyZRSV3ddNZarRf2M79%2FAtlas-Premium-B2B-SaaS-Theme-Demo%3Fnode-id%3D0%253A1" allowfullscreen></iframe></div> </div> </div> </div> </div> <div class="span5 widget-span widget-type-cell cell_16240491837634-vertical-alignment cell_16240491837634-padding dnd-column" style="" data-widget-type="cell" data-x="7" data-w="5"> <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_module_162404918376310" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text" id="module_162404918376310"> <span class="kl-rich-text__preheader"> FOR AGENCIES </span> <div><h2>The last HubSpot theme you'll need</h2> <p>Stop finding a new theme for each website project. Atlas Pro has all the building blocks you need to create a high-performing SaaS product site. Atlas Pro comes with source files in Figma so you can create fast mockups for clients and streamline your designs for each project.  </p></div> <div class="kl-rich-text__buttons"> <a href="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FfHJqyZRSV3ddNZarRf2M79%2FAtlas-Premium-B2B-SaaS-Theme-Demo%3Fnode-id%3D0%253A1" target="_blank" rel="noopener" class="button button--outlined module_162404918376310__primary_cta"> <span>Preview on Figma</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section dnd_area-row-5-background-layers dnd_area-row-5-padding dnd_area-row-5-vertical-alignment dnd_area-row-5-background-color"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16234503763222-vertical-alignment cell_16234503763222-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-7 cell_16234503763222-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1623959872798-padding cell_1623959872798-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <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_16239598727983" 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="kl-rich-text kl-rich-text--center" style="max-width: 500px;"> <span class="kl-rich-text__preheader"> TESTIMONIALS </span> <div><h2>Don't just take our word for it</h2></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row cell_16234503763222-row-1-vertical-alignment"> <div class="row-fluid "> <div class="span4 widget-span widget-type-cell cell_1623806539192-vertical-alignment dnd-column cell_1623806539192-padding" style="" data-widget-type="cell" data-x="0" data-w="4"> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_16238065391934" 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-up" data-aos-offset="120" data-aos-delay="100" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Love everything about these templates. The designs are professional, modern and clean. The templates are so easy to adapt as well. Kalungi and Co. have been super helpful in answering any questions I had and were willing to help in any way they could!</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/Shelley%20B.jpeg" alt="Shelley B"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Shelley B. </div> </div> </div> </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-cell dnd-column cell_16238065391935-padding" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_16238065391937" 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-up" data-aos-offset="120" data-aos-delay="100" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Packed with value and easy to use, this is a great option. The cost represents a no-brainer and a easy way to get cracking.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Guy%20Y.%20Headshot.webp" alt="Guy Y. Headshot"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Guy Y. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16238065391938-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_162380692392910" 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-up" data-aos-offset="120" data-aos-delay="100" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">I used the theme for a financial investing blog site (non SaaS) and the modules and templates were flexible and easy to use. The Figma file cut prototype design time by at least 60%. The theme has excellent support and documentation which justifies the cost. I would use the theme again.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Lisa%20D.%20Headshot.png" alt="Lisa D. Headshot"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Lisa D. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="span4 widget-span widget-type-cell cell_1623805392963-vertical-alignment cell_1623805392963-padding dnd-column" style="" data-widget-type="cell" data-x="4" data-w="4"> <div class="row-fluid-wrapper row-depth-1 row-number-1 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_1623805403143" 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-up" data-aos-offset="120" data-aos-delay="200" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Stunning and modern theme for B2B SaaS. It just looks great. I have started to transition the 10 or so pages on the website to this new theme and it has been smooth sailing. In short, the team behind Atlas 2 has been great and the theme really does look good, well worth the money and great fit for our B2B SaaS.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/758b48cac754bc995e291dc2392e01ef-100.webp" alt="758b48cac754bc995e291dc2392e01ef-100"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Alex C. </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16238053929642-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_16238069239297" 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-up" data-aos-offset="120" data-aos-delay="200" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">This is definitely an excellent base template for hubspot I would recommend to anyone. It is extremely malleable and easy for our customers to understand as well when working on content strategies. It gave us a breath of fresh air when using hubspot over wordpress for web development. Use it!</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/Kevin%20C%20Headshot.jpeg" alt="Kevin C Headshot"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Kevin C. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16238053929645-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_16238055216763" 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-up" data-aos-offset="120" data-aos-delay="200" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">I've tried half a dozen themes and none of them compare to this one. The developers at this firm know what they're doing–the style is polished and the elements are consistent. Usually I'm disappointed by the disconnect between what's shown in a preview versus what I download. Not so in this case!!</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Imported%20sitepage%20images/81441751b9fa1ff3ab93832b85bca468-50.png" alt="81441751b9fa1ff3ab93832b85bca468-50"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Kelly H. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="span4 widget-span widget-type-cell cell_1623806923928-vertical-alignment dnd-column cell_1623806923928-padding" style="" data-widget-type="cell" data-x="8" data-w="4"> <div class="row-fluid-wrapper row-depth-1 row-number-1 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_162380653919310" 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-up" data-aos-offset="120" data-aos-delay="300" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">This theme is hands down one of the best drag-and-drop themes I've ever used on any platform. Your website will look elegant with high-quality modules and features that are all very beginner-friendly when it comes to editing and customization. Support is great as well.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Nicole%20H.%20Headshot.jpg" alt="Nicole H. Headshot"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Nicole H. </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16238069239295-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_16238069239294" 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-up" data-aos-offset="120" data-aos-delay="300" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Great theme! Very detailed and has great modules. The code is also well organized so even a not super technical person like myself can get in there and customize to our exact needs. Would highly recommend it!</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/Brandon%20A..jpeg" alt="Brandon A."> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Brandon A. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16238069239298-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_1623805478290" 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-up" data-aos-offset="120" data-aos-delay="300" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-anchor-placement="top-bottom"> <div class="kl-testimonials"> <div class="kl-testimonial"> <div class="kl-testimonial__quote"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 33"> <path d="M32.6 14.16a8.19 8.19 0 015.83 3.1 10.44 10.44 0 012.18 6.73c0 2.55-.85 4.67-2.54 6.37-1.7 1.7-4 2.55-6.92 2.55-2.8 0-5.04-.85-6.74-2.55-1.7-1.82-2.54-4.55-2.54-8.19 0-3.76 1.57-7.95 4.73-12.56 3.15-4.73 6.43-7.89 9.83-9.46.48-.25 1.21.06 2.18.9.97.86 1.46 1.58 1.46 2.19-3.52 2.43-6 6.07-7.46 10.92zm-21.1 0a8.04 8.04 0 015.63 3.1 10.44 10.44 0 012.19 6.73c0 2.55-.85 4.67-2.55 6.37-1.58 1.7-3.82 2.55-6.73 2.55-2.8 0-5.04-.85-6.74-2.55C1.6 28.54.75 25.81.75 22.17c0-3.76 1.52-7.95 4.55-12.56C8.46 4.88 11.8 1.72 15.31.15c.49-.25 1.22.06 2.19.9.97.86 1.45 1.58 1.45 2.19-3.51 2.43-6 6.07-7.46 10.92z" /> </svg> </div> <p class="kl-testimonial__content">Great theme, easy to use with all the tools I needed to build my website from scratch in two weeks. Where I did need help, the support was fast, and they resolved my issues quickly.</p> <div class="kl-testimonial__footer"> <img src="https://www.kalungi.com/hubfs/Atlas/Paul%20M.jpeg" alt="Paul M"> <div class="kl-testimonial__author"> <span>⭐️ ⭐️ ⭐️ ⭐️ ⭐️ </span> Paul M. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-6-padding dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1624293611439" 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"><a id="pricing" class="kl-custom-anchor" data-hs-anchor="true"></a></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd_area-row-7-background-layers dnd-section dnd_area-row-7-max-width-section-centering dnd_area-row-7-background-image dnd_area-row-7-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1623776739177-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 cell_1623776739177-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1623805189937-vertical-alignment cell_1623805189937-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <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_widget_1623960121565" 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="kl-offer-modal" id="sign-up"> <a class="kl-offer-modal__overlay" href="#/"></a> <div class="kl-offer-modal__container"> <a class="kl-offer-modal__close" href="#/"> <svg width="11" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1L.5 11M.5 1l10 10" stroke="#929292" stroke-linecap="round" stroke-linejoin="round" /></svg> </a> <div class="kl-offer-modal__wrapper"> <div class="kl-offer-modal__content"> <div class="kl-rich-text" id="widget_1623960121565"> <span class="kl-rich-text__preheader"> COMING SOON </span> <div><h2>Coming soon</h2> <p>Sign up to get added to the waitlist and be notified when Atlas Pro goes live.</p> <p><img src="https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=534&name=Feature%20Image%20-%20Atlas.jpg" alt="Feature Image - Atlas" width="534" loading="lazy" style="width: 534px;" srcset="https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=267&name=Feature%20Image%20-%20Atlas.jpg 267w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=534&name=Feature%20Image%20-%20Atlas.jpg 534w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=801&name=Feature%20Image%20-%20Atlas.jpg 801w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=1068&name=Feature%20Image%20-%20Atlas.jpg 1068w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=1335&name=Feature%20Image%20-%20Atlas.jpg 1335w, https://www.kalungi.com/hs-fs/hubfs/Atlas/Feature%20Image%20-%20Atlas.jpg?width=1602&name=Feature%20Image%20-%20Atlas.jpg 1602w" sizes="(max-width: 534px) 100vw, 534px"></p></div> </div> </div> <div class="kl-offer-modal__form"> <span id="hs_cos_wrapper_widget_1623960121565_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_319712452_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> <div id="hs_form_target_form_319712452"></div> </span> </div> </div> </div> </div></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_widget_1629498081233" 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="kl-about-modal" id="about-modal"> <a class="kl-about-modal__overlay" href="#/"></a> <div class="kl-about-modal__container"> <a class="kl-about-modal__close" href="#/"> <svg width="11" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1L.5 11M.5 1l10 10" stroke="#929292" stroke-linecap="round" stroke-linejoin="round" /></svg> </a> <div class="kl-about-modal__wrapper"> <div class="kl-about-modal__image"> <img src="https://www.kalungi.com/hubfs/Stijn%20Photo%201%20(1).png" alt="Stijn Photo 1 (1)" style="max-width: 100%; height: auto;" loading="lazy"> </div> <div class="kl-about-modal__content"> <div class="kl-about-modal__header"><div>Co-Founder</div> <h3>Stijn Hendrikse</h3></div> <div class="kl-about-modal__body"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p></div> <div class="kl-about-modal__social"> <a href="#"> <span id="hs_cos_wrapper_widget_1629498081233_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_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-hidden="true"><g id="LinkedIn In1_layer"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /></g></svg></span> </a> <a href="#"> <span id="hs_cos_wrapper_widget_1629498081233_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_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-hidden="true"><g id="LinkedIn In1_layer"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /></g></svg></span> </a> <a href="#"> <span id="hs_cos_wrapper_widget_1629498081233_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_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-hidden="true"><g id="LinkedIn In1_layer"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /></g></svg></span> </a> </div> </div> </div> </div> </div></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_module_16238051899373" 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="kl-rich-text kl-rich-text--center" style="max-width: 500px;"> <span class="kl-rich-text__preheader"> BUILT FOR SAAS </span> <div><h2>Features & Pricing</h2></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-8 cell_1623776739177-row-1-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16237767571552-vertical-alignment cell_16237767571552-padding 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_widget_1623776461666" 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="kl-pricing-table" id="widget_1623776461666"> <ul class="kl-pricing-table__navbar"> <li class="kl-pricing-table__tab "> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas/Atlas%20-%20A%20Hubspot%20theme%20for%20software%20companies%20by%20Kalungi%20(White)%20(4).svg" alt="Atlas - A Hubspot theme for software companies by Kalungi (White) (4)" width="92" loading="lazy" style="width: 92px;"></p> </li> <li class="kl-pricing-table__tab kl-pricing-table__featured" style="background: rgba(250, 250, 250, 1.0)"> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas/Atlas%20Pro%20-%20A%20Hubspot%20theme%20for%20software%20companies%20by%20Kalungi%201.svg" alt="Atlas Pro - A Hubspot theme for software companies by Kalungi 1" width="92" loading="lazy" style="width: 92px;"></p> </li> <li class="kl-pricing-table__tab kl-pricing-table__featured" style="background: rgba(0, 0, 0, 1.0)"> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas%202%20knockout%20logo.svg" width="92" height="31" loading="lazy" alt="Atlas 2 knockout logo" style="width: 92px; height: auto; max-width: 100%;"></p> </li> </ul> <table> <thead> <tr> <th class="kl-pricing-table__features"></th> <th class="kl-pricing-table__plans "> <div> <div> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas/Atlas%20-%20A%20Hubspot%20theme%20for%20software%20companies%20by%20Kalungi%20(White)%20(4).svg" alt="Atlas - A Hubspot theme for software companies by Kalungi (White) (4)" width="92" loading="lazy" style="width: 92px;"></p> <h2 style="text-align: center;">Free</h2> <p style="text-align: center;">All of the basic building blocks you need to soft-launch your SaaS product or launch campaign landing pages.</p> </div> <a href="https://app.hubspot.com/l/ecosystem/marketplace/website/atlas-theme-by-kalungi" target="_blank" rel="noopener" class="button button--outlined widget_1623776461666____button0"> <span>GET ATLAS FREE</span> </a> </div> </th> <th class="kl-pricing-table__plans kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div> <div> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas/Atlas%20Pro%20-%20A%20Hubspot%20theme%20for%20software%20companies%20by%20Kalungi%201.svg" alt="Atlas Pro - A Hubspot theme for software companies by Kalungi 1" width="92" loading="lazy" style="width: 92px;"></p> <h2 style="text-align: center;"><span style="color: #000000;">$599</span></h2> <p style="text-align: center;"><span style="color: #000000;">Advanced modules, priority support, animation library, free updates, and Figma design files for agencies that need to provide clients with mockups.</span></p> </div> <a href="https://ecosystem.hubspot.com/marketplace/website/atlas-pro-theme-by-kalungi" target="_blank" rel="noopener" class="button widget_1623776461666____button1"> <span>DOWNLOAD ATLAS PRO</span> </a> </div> </th> <th class="kl-pricing-table__plans kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div> <div> <p style="text-align: center;"><img src="https://www.kalungi.com/hubfs/Atlas%202%20knockout%20logo.svg" width="92" height="31" loading="lazy" alt="Atlas 2 knockout logo" style="width: 92px; height: auto; max-width: 100%;"></p> <h2 style="text-align: center;"><span style="color: #ffffff;">$998</span></h2> <p style="text-align: center;"><span style="color: #ffffff;">Our most powerful CMS theme. Advanced modules built to provide you with a beautiful, interactive, dynamic site out-of-the-box to jumpstart traffic and convert leads.</span></p> <p style="text-align: center;"><span style="color: #ffffff;">Plus get a free onboarding session with the Atlas team!</span></p> </div> <a href="https://ecosystem.hubspot.com/marketplace/website/atlas-2-saas-website-theme-theme-by-kalungi-com" target="_blank" rel="noopener" class="button widget_1623776461666____button2"> <span>DOWNLOAD ATLAS 2</span> </a> </div> </th> </tr> </thead> <tbody> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Integrated with HubSpot</span> </th> <td class=" "> <img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy" style="width: 25px;"> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy" style="width: 25px;"> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy" style="width: 25px;"> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Drag and drop builder</span> </th> <td class=" "> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>System pages</span> </th> <td class=" "> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Blog template</span> </th> <td class=" "> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Language switcher</span> </th> <td class=" "> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" loading="lazy" width="25"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Free theme updates</span> </th> <td class=" "> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" loading="lazy" width="25"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Theme support</span> </th> <td class=" "> <span>Email support</span> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <span style="color: #000000;">Priority email support with extended scope</span> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <span style="color: #ffffff;">Priority email support with extended scope</span> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Atlas Branding</span> </th> <td class=" "> <div>Footer byline tag</div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><span style="color: #000000;">No branding</span></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><span style="color: #ffffff;">No branding</span></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>On-scroll animation library</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <span style="color: #000000;">Per-module</span> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <span style="color: #ffffff;">Global settings and improved performance</span> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>SVG animation support</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Figma wireframing template</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <div><img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy"></div> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <span style="color: #ffffff;">Coming soon</span> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Module fields and styling options</span> </th> <td class=" "> Basic </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <span style="color: #000000;">Basic</span> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <div><span style="color: #ffffff;">Advanced</span></div> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Locomotive smooth scroll</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy" style="width: 25px;" height="35"> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Global background color settings</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <img src="https://www.kalungi.com/hubfs/Checkmark%20-%203.svg" alt="Checkmark - 3" width="25" loading="lazy" style="width: 25px;" height="35"> </td> </tr> <tr> <th scope="row" class="kl-pricing-table__features"> <span>Agency volume discounts</span> </th> <td class=" "> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(250, 250, 250, 1.0)"> <span style="text-decoration: underline;"><a href="#partner-program" rel="noopener">See details</a></span> </td> <td class="kl-pricing-table__featured kl-pricing-table__hide" style="background: rgba(0, 0, 0, 1.0)"> <span style="text-decoration: underline;"><a href="#partner-program" rel="noopener">See details</a></span> </td> </tr> </tbody> </table> </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_1637687497075" 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="kl-offer-modal" id="partner-program"> <a class="kl-offer-modal__overlay" href="#/"></a> <div class="kl-offer-modal__container"> <a class="kl-offer-modal__close" href="#/"> <svg width="11" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1L.5 11M.5 1l10 10" stroke="#929292" stroke-linecap="round" stroke-linejoin="round" /></svg> </a> <div class="kl-offer-modal__wrapper"> <div class="kl-offer-modal__content"> <div class="kl-rich-text" id="widget_1637687497075"> <div><h2>Atlas Pro Partner Program</h2> <p>This program is designed for agencies that want to master one theme across many website projects. Become a partner and get big discounts on every license of Atlas Pro you purchase. To qualify for agency partner discounts, you must:</p> <ul> <li>Be a verified HubSpot agency</li> <li>Purchase 1 or more licenses per quarter to maintain partner status and accumulation of previous license purchases</li> </ul> <p>Interested in becoming a partner? Email amec@kalungi.com</p> <div class="calc-wrap"> <script type="text/javascript" src="https://grid.is/static/embed/v1/script.js"></script> </div></div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section dnd_area-row-8-background-layers dnd_area-row-8-padding dnd_area-row-8-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-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_widget_1615335788948" 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"><a id="examples" class="kl-custom-anchor" data-hs-anchor="true"></a></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section dnd_area-row-9-padding dnd_area-row-9-background-color dnd_area-row-9-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column cell_16151560812962-padding" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16151572484972-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-2 row-number-1 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_1615156081046" 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="kl-rich-text kl-rich-text--center"> <span class="kl-rich-text__preheader"> GET INSPIRED </span> <div><h2>What could you build with the Atlas HubSpot theme?</h2> <p>Below are a few of the live websites built using Atlas Free and Atlas Pro.</p></div> <div class="kl-rich-text__buttons"> <a href="https://theme.kalungi.com/" target="_blank" rel="noopener" class="button button--arrow widget_1615156081046__primary_cta"> <span>VISIT DEMO SITE</span> </a> </div> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-1 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_1615317873282" 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="kl-card-grid"> <div style="margin: -15px;"> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://www.eventx.io/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/EventX%20example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme%20%281%29.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS PRO</span> <p>Eventx is an event management solution which focuses on online meetings and virtual events with live analytics.  </p> <p> </p> <p><a class="button button--arrow" href="https://www.eventx.io/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="http://arcsiteapp.com" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/Atlas/Arcsite%20Example%20Listing%20%281%29.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS FREE + CUSTOM CODE</span> <div> <div> <p>ArcSite is a SaaS-based CAD drawing application designed for precise architectural drawings on the go.<br><br></p> </div> </div> <p><a class="button button--arrow" href="http://arcsiteapp.com" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://www.fooddocs.com/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/FoodDocs%20Example%20Listing.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS FREE + CUSTOM CODE</span> <p>FoodDocs is a compliance software (<span>your virtual food safety specialist)</span> designed to create and maintain food safety management systems.<br><br></p> <p><a class="button button--arrow" href="https://www.fooddocs.com/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://stratusgrid.com/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/StratusGrid%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.png);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS PRO + CUSTOM CODE</span> <p>StratusGrid is a AWS consulting specialist that focuses on redesigning and optimizing your cloud services usage.</p> <p> </p> <p><a class="button button--arrow" href="https://stratusgrid.com/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://wndyr.com/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/Wndyr%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS FREE + CUSTOM CODE</span> <p>WNDYR is a business consultancy which helps teams implement and integrate with technology systems and tools. </p> <p> </p> <p><a class="button button--arrow" href="https://wndyr.com/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://www.shakersworks.com/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/ShakersWorks%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.png);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS PRO + CUSTOM CODE</span> <p><span>Shakers offers a platform to connect agencies with top freelance digital talent.</span></p> <p> </p> <p><a class="button button--arrow" href="https://www.shakersworks.com/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="//www-t2d3-pro.sandbox.hs-sites.com" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/T2D3%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS PRO + CUSTOM CODE</span> <p>T2D3 is a playbook for B2B SaaS companies to go to market like a "unicorn" and get to $100 million in annual recurring revenue. </p> <p> </p> <p><a class="button button--arrow" href="https://www.t2d3.pro/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://www.facilitiessurvey.com/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/FSI%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS PRO + CUSTOM CODE</span> <p>FSI is a CMMS provider for modern maintenance management, specifically designed with hospitals in mind. </p> <p> </p> <p><a class="button button--arrow" href="https://www.facilitiessurvey.com/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> <div class="kl-card-grid__card-wrapper" style="padding: 15px;"> <div class="kl-card-grid__card"> <a href="https://www.proeins.de/" target="_blank" rel="noopener" class="kl-card-grid__image" style="background-image: url(https://www.kalungi.com/hubfs/Projekteins%20Example%20-%20Atlas%20B2B%20SaaS%20HubSpot%20website%20theme.jpg);"> </a> <div class="kl-card-grid__content"> <span class="kl-card-grid__preheader">ATLAS FREE + CUSTOM CODE</span> <p>Projekteins is a cloud based and flexible e-commerce platform for B2B and B2C businesses. </p> <p> </p> <p><a class="button button--arrow" href="https://www.proeins.de/" rel="noopener" target="_blank">SEE THE SITE</a></p> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section dnd_area-row-10-background-layers dnd_area-row-10-vertical-alignment dnd_area-row-10-background-image"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_17085451945502-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1720733170596" 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"><a id="ecosystem" class="kl-custom-anchor" data-hs-anchor="true"></a></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1708622577068" 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 id="widget_1708622577068"> <div class="responsive-fluid-text_content--1" data-aos="fade-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <p style="font-size: 11px; text-align: center;"><span style="color: #4b8bec;"><strong>ATLAS ECOSYSTEM</strong></span></p> <h2 style="text-align: center;"><span>Introducing the Atlas Ecosystem</span></h2> <p style="text-align: center;"><span style="color: #000000;">Atlas is expanding. From standalone modules to custom development, we've got<br>everything you need to get your B2B SaaS company to the next level.</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section dnd_area-row-11-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-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_1721096316748" 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"><a id="premium-support" class="kl-custom-anchor" data-hs-anchor="true"></a></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section dnd_area-row-12-max-width-section-centering dnd_area-row-12-background-gradient dnd_area-row-12-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-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_widget_1708532732613" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text kl-rich-text--center" id="widget_1708532732613" style="max-width: 680px;"> <div><p><img src="https://www.kalungi.com/hubfs/Atlas/Premium%20Support%20Pages/aps-logo.svg" width="300" height="115" loading="lazy" alt="aps-logo" style="width: 300px; height: auto; max-width: 100%;"></p> <p><span>Get the most from </span>Atlas<span> with </span><strong>Atlas Premium Support</strong><span>—personalized development from the creators of Atlas and a monthly invoice that always looks the same.</span></p></div> </div> </div> </div> </div> </div> </div> <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_1708545493771" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-10 cell_17085327328662-row-2-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1708542996492-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <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_1708534469157" 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="atlas-cards-grid" id="widget_1708534469157"> <div class="atlas-cards-card-animation" data-aos="fade-up" data-aos-offset="120" data-aos-delay="100" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="false" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <a href="https://www.kalungi.com/atlas-premium-support" class="atlas-cards-card-anchor" style="text-decoration: inherit; color: inherit; flex-basis: 230px; flex-grow: 1;" target="_blank" rel="noopener"> <div id="atlas-cards-wrapper-1" class="atlas-cards-wrapper"> <div class="atlas-cards-card" id="card-1" style="align-items: center;"> <div class="atlas-cards-card-background"></div> <div class="atlas-cards-card-content" style="text-align: center;"> <h3>Cartographer</h3> <h3><span style="color: #4b8bec;">$1500/mo</span></h3> <div> <p>For teams who need extra web development support but not custom modules or high-volume production.</p> </div> </div> </div> </div> </a> </div> <div class="atlas-cards-card-animation" data-aos="fade-up" data-aos-offset="120" data-aos-delay="200" data-aos-duration="6500" data-aos-easing="ease-out-quart" data-aos-mirror="false" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <a href="https://www.kalungi.com/atlas-premium-support" class="atlas-cards-card-anchor" style="text-decoration: inherit; color: inherit; flex-basis: 230px; flex-grow: 1;" target="_blank" rel="noopener"> <div id="atlas-cards-wrapper-2" class="atlas-cards-wrapper"> <div class="atlas-cards-card" id="card-2" style="align-items: center;"> <div class="atlas-cards-card-background"></div> <div class="atlas-cards-card-content" style="text-align: center;"> <h3>Pathfinder</h3> <h3><span style="color: #4b8bec;">$3000/mo</span></h3> <div> <p>For teams who need help with module modifications, template customizations, or new module development.</p> </div> </div> </div> </div> </a> </div> <div class="atlas-cards-card-animation" data-aos="fade-up" data-aos-offset="120" data-aos-delay="300" data-aos-duration="6500" data-aos-easing="ease-out-quart" data-aos-mirror="false" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <a href="https://www.kalungi.com/atlas-premium-support" class="atlas-cards-card-anchor" style="text-decoration: inherit; color: inherit; flex-basis: 230px; flex-grow: 1;" target="_blank" rel="noopener"> <div id="atlas-cards-wrapper-3" class="atlas-cards-wrapper"> <div class="atlas-cards-card" id="card-3" style="align-items: center;"> <div class="atlas-cards-card-background"></div> <div class="atlas-cards-card-content" style="text-align: center;"> <h3>Navigator</h3> <h3><span style="color: #4b8bec;">$5500/mo</span></h3> <p>For teams investing in ongoing website improvements, new page builds, bigger customization projects; or agencies that manage several Atlas-based websites.</p> </div> </div> </div> </a> </div> </div> </div> </div> </div> </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_module_1708542197865" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> <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_1708542193996" 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="kl-rich-text kl-rich-text--center" id="widget_1708542193996"> <div></div> <div class="kl-rich-text__buttons"> <a href="https://www.kalungi.com/atlas-premium-support" target="_blank" rel="noopener" class="button widget_1708542193996__primary_cta"> <span>ABOUT PREMIUM SUPPORT</span> </a> <a href="https://meetings.hubspot.com/amec/atlas-premium-support-information-sessions" target="_blank" rel="noopener" class="button button--arrow widget_1708542193996__secondary_cta"> <span>SCHEDULE A CALL</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd_area-row-13-background-layers dnd_area-row-13-background-gradient dnd_area-row-13-vertical-alignment dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_17085457167572-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <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_widget_1708545716432" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text kl-rich-text--center" id="widget_1708545716432" style="max-width: 880px;"> <span class="kl-rich-text__preheader"> ATLAS ECOSYSTEM </span> <div><h2>Standalone Modules</h2> <p>Our rapidly increasing line of standalone modules allows you to get unique versions of Atlas' modules for any theme. Our standalone modules are specifically designed to stand out on your site and make an impact on your user engagement.</p></div> </div> </div> </div> </div> </div> </div> <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_widget_1708550413248" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></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_widget_1708550352566" 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="kl-features-03" id="widget_1708550352566"> <ul class="kl-features-03__titles"> <li class="active" data-index="0"> <h4>Fluid Stylized Text</h4> </li> <li data-index="1"> <h4>Scroll-Linked Animation</h4> </li> <li data-index="2"> <h4>Atlas Cards</h4> </li> </ul> <div class="kl-features-03__sections"> <div data-index="0" class="kl-features-03__section active"> <div class="kl-features-03__image kl-features-03__image--contain kl-features-03__image--center kl-features-03__image--middle"> <img src="https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=373&height=239&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png" alt="Fluid Stylized Text Demo for Atlas Page" width="373" height="239" style="" srcset="https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=187&height=120&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 187w, https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=373&height=239&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 373w, https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=560&height=359&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 560w, https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=746&height=478&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 746w, https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=933&height=598&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 933w, https://www.kalungi.com/hs-fs/hubfs/Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png?width=1119&height=717&name=Fluid%20Stylized%20Text%20Demo%20for%20Atlas%20Page.png 1119w" sizes="(max-width: 373px) 100vw, 373px"> </div> <div class="kl-features-03__content"> <div class="kl-rich-text" id="widget_1708550352566"> <div><h3><span>Elevate your website's heading game with our Stylized Fluid Text</span></h3> <p><span>Seamlessly adjust font sizes across various screen sizes, ensuring a smooth reading experience from desktops to mobile devices. Dive into a realm of customization, where you have the power to fine-tune breakpoints, add captivating animations, experiment with text shadows, and blend images, gradients, and colors with clip masks. With Stylized Fluid Text, unleash your creativity and captivate your audience with every headline.</span></p></div> <div class="kl-rich-text__buttons"> <a href="https://ecosystem.hubspot.com/marketplace/modules/fluid-stylized-text-module-by-kalungi-com" target="_blank" rel="noopener" class="button widget_1708550352566__primary_cta"> <span>GET THIS MODULE</span> </a> <a href="https://theme.kalungi.com/fluid-stylized-text-demo" target="_blank" rel="noopener" class="button button--arrow widget_1708550352566__secondary_cta"> <span>SEE DEMO PAGE</span> </a> </div> </div> </div> </div> <div data-index="1" class="kl-features-03__section"> <div class="kl-features-03__image kl-features-03__image--contain kl-features-03__image--center kl-features-03__image--middle"> <img src="https://www.kalungi.com/hubfs/Scroll%20Linked%20Demo%20for%20Atlas%20Page.svg" alt="Scroll Linked Demo for Atlas Page" width="495" height="350" style=""> </div> <div class="kl-features-03__content"> <div class="kl-rich-text" id="widget_1708550352566"> <div><h3>Interactive, Apple-inspired scroll-linked animation.</h3> <p><span>Showcase your product or service, or explain your processes or value proposition, all in a uniquely eye-catching, visually stunning way. This module is fully responsive and works great on desktop, tablet, and mobile devices.</span></p></div> <div class="kl-rich-text__buttons"> <a href="https://ecosystem.hubspot.com/marketplace/modules/scroll-linked-animation-module-by-kalungi-com" target="_blank" rel="noopener" class="button widget_1708550352566__primary_cta"> <span>GET THIS MODULE</span> </a> <a href="https://theme.kalungi.com/scroll-linked-animation-module-demo" target="_blank" rel="noopener" class="button button--arrow widget_1708550352566__secondary_cta"> <span>SEE DEMO PAGE</span> </a> </div> </div> </div> </div> <div data-index="2" class="kl-features-03__section"> <div class="kl-features-03__image kl-features-03__image--contain kl-features-03__image--center kl-features-03__image--middle"> <img src="https://www.kalungi.com/hubfs/Atlas%20Cards%20Demo%20for%20Atlas%20Page.svg" alt="Atlas Cards Demo for Atlas Page" width="280" height="400" style=""> </div> <div class="kl-features-03__content"> <div class="kl-rich-text" id="widget_1708550352566"> <div><h3><span>Elevate your site's design effortlessly by incorporating Atlas Cards</span></h3> <p><span>Stylized cards that not only enhance aesthetics but also engage your audience effectively. With options for colors, dimensions, backgrounds, shadows, spacings, effects, and animations, your Atlas Cards will seamlessly integrate with your brand. The module features a responsive grid system that will adjust your card’s distribution and dimensions to fit any device.</span></p></div> <div class="kl-rich-text__buttons"> <a href="https://ecosystem.hubspot.com/marketplace/modules/atlas-cards-module-by-kalungi-com" target="_blank" rel="noopener" class="button widget_1708550352566__primary_cta"> <span>GET THIS MODULE</span> </a> <a href="https://theme.kalungi.com/atlas-cards-module-demo" target="_blank" rel="noopener" class="button button--arrow widget_1708550352566__secondary_cta"> <span>SEE DEMO PAGE</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-18 dnd_area-row-14-background-layers dnd_area-row-14-background-color dnd_area-row-14-vertical-alignment dnd-section"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1708618276948-padding dnd-column cell_1708618276948-vertical-alignment" style="" data-widget-type="cell" data-x="0" 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_widget_1708618276931" 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 id="widget_1708618276931" class=" kl-custom-image kl-alignment--center kl-pointer-false" data-zoom="false"> <img src="https://www.kalungi.com/hubfs/TEAM2.png" alt="TEAM2" style="max-width: 100%; height: auto;" loading="lazy"> <div class="kl-custom-image__filter kl-hidden" data-border-top="" data-border-bottom="" data-border-left="" data-border-right=""> <div class="kl-custom-image__text kl-custom-image__text--vertical-top"> <div class="kl-rich-text" id="widget_1708618276931"> <div></div> <div class="kl-rich-text__buttons"> </div> </div> </div> <span class="kl-custom-image__pointer hide" data-src="https://www.kalungi.com/hubfs/TEAM2.png"></span> </div> </div> </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 widget_1708623399564-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1708623399564" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell cell_17086181622522-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-21 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_1708618162003" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text" id="widget_1708618162003"> <div><h2><span style="color: #ffffff;">Questions? Talk with our team </span></h2> <p><span style="color: #ffffff;">Don't hesitate to reach out to our exceptional support. Our team of HubCMS and web development experts are always willing to go above and beyond to provide you with the assistance you need. </span></p></div> <div class="kl-rich-text__buttons"> <a href="https://www.kalungi.com/atlas-support" target="_blank" rel="noopener" class="button widget_1708618162003__primary_cta"> <span>CONTACT SUPPORT</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-22 dnd-section dnd_area-row-15-vertical-alignment dnd_area-row-15-background-layers dnd_area-row-15-background-image"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column cell_17086162777192-vertical-alignment" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-23 cell_17086162777192-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell cell_1708618048106-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-24 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_1708616277488" 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-up" data-aos-offset="120" data-aos-delay="0" data-aos-duration="650" data-aos-easing="ease-out-quart" data-aos-mirror="true" data-aos-once="true" data-aos-anchor-placement="top-bottom"> <div class="kl-rich-text" id="widget_1708616277488"> <span class="kl-rich-text__preheader"> ATLAS ECOSYSTEM </span> <div><h1><span style="color: #000000;">Resources</span></h1> <p><span style="color: #000000;">Atlas includes all the resources you need to get your site up and running. Our <a href="https://help.kalungi.com/atlas-documentation" rel="noopener" target="_blank">documentation</a>, HubSpot guides, and <a href="https://www.youtube.com/watch?v=c4SCYTo7kYY&list=PLEnLZ-6-Z68lGJ0G7_8SXdJck8ptJ_Cl0&ab_channel=Kalungi-B2BSaaSmarketingandgo-to-markets" rel="noopener" target="_blank">video tutorials</a> are here to guide you every step of the way. If you can't find what your are looking for, <span>our support team is always ready to help.</span></span></p></div> <div class="kl-rich-text__buttons"> <a href="https://help.kalungi.com/atlas-documentation" target="_blank" rel="noopener" class="button button--outlined widget_1708616277488__primary_cta"> <span>ATLAS DOCUMENTATION</span> </a> <a href="https://www.youtube.com/@kalungi-marketing" target="_blank" rel="noopener" class="button button--arrow widget_1708616277488__secondary_cta"> <span>VIDEO TUTORIALS</span> </a> </div> </div> </div> </div> </div> </div> </div> <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 widget_1708618026367-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1708618026367" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell cell_1708618048110-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <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_1708616359384" 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="oembed_container oembed_container--full-size" id="oembed_container-widget_1708616359384"> <div class="iframe_wrapper" data-embed-response-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/c4SCYTo7kYY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="HubSpot CMS: How to use the Custom Rich Text module | Atlas Theme Tutorials"></iframe>" data-embed-response-width="200" data-embed-response-height="113" data-embed-url="https://www.youtube.com/watch?v=c4SCYTo7kYY&ab_channel=Kalungi-B2BSaaSmarketingandgo-to-markets"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-27 dnd_area-row-16-background-layers dnd-section dnd_area-row-16-background-image"> <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-28 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-16" 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="kl-rich-text kl-rich-text--center" id="dnd_area-module-16" style="max-width: 500px;"> <div><h2>Get the only HubSpot theme designed for B2B SaaS</h2></div> <div class="kl-rich-text__buttons"> <div class="button_cta dnd_area-module-16__primary_cta"> <span id="hs_cos_wrapper_dnd_area-module-16_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><span class="hs-cta-wrapper" id="hs-cta-wrapper-fef0ba00-515b-42de-9b1b-3339dabc296d"><span class="hs-cta-node hs-cta-fef0ba00-515b-42de-9b1b-3339dabc296d" id="hs-cta-fef0ba00-515b-42de-9b1b-3339dabc296d"><a href="https://cta-redirect.hubspot.com/cta/redirect/5095977/fef0ba00-515b-42de-9b1b-3339dabc296d" target="_blank" rel="noopener"><img class="hs-cta-img" id="hs-cta-img-fef0ba00-515b-42de-9b1b-3339dabc296d" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/5095977/fef0ba00-515b-42de-9b1b-3339dabc296d.png" alt="Download Atlas Pro"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(5095977, 'fef0ba00-515b-42de-9b1b-3339dabc296d', {"useNewLoader":"true","region":"na1"}); </script></span></span> </div> <a href="https://theme.kalungi.com/" target="_blank" rel="noopener" class="button button--arrow dnd_area-module-16__secondary_cta"> <span>VISIT DEMO SITE</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="atlas-pro-theme/templates/partials/footer.html"><div id="hs_cos_wrapper_Footer" 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"> <footer class="kl-footer"> <div class="kl-footer__wrapper content-wrapper"> <div class="kl-footer__content" style="padding: 60px 0;"> <div class="kl-footer__info"> <a href="https://www.kalungi.com"> <img src="https://www.kalungi.com/hubfs/Kalungi%20Logo%20Knockout.svg" alt="Kalungi Logo Knockout" width="100%" style="max-width: 140px; max-height: 140px" loading=""> </a> <div class="kl-footer__address"><p><a href="https://www.kalungi.com/contact" rel="noopener">Get in touch</a></p> <p>Kalungi<br>1000 2nd Ave, STE 2500<br>Seattle, WA 98104</p> <p><a href="mailto:contact@kalungi.com">contact@kalungi.com</a></p></div> <ul class="kl-footer__social"> <a href="https://www.linkedin.com/company/kalungi-inc"> <span id="hs_cos_wrapper_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_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-hidden="true"><g id="LinkedIn1_layer"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></g></svg></span> </a> </ul> </div> <div class="kl-footer__menu"> <div class="kl-footer__group"> <h3>Services</h3> <ul> <li> <a href="https://www.kalungi.com/services/full-service-b2b-saas-marketing-team">SaaS Marketing Team</a> </li> <li> <a href="https://www.kalungi.com/services/coach">SaaS CMO Coach</a> </li> <li> <a href="https://www.kalungi.com/services/saas-cmo">Fractional CMO</a> </li> <li> <a href="https://www.kalungi.com/start">Start</a> </li> <li> <a href="https://www.kalungi.com/scale">Scale</a> </li> <li> <a href="https://www.kalungi.com/profit">Profit</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Company</h3> <ul> <li> <a href="https://www.kalungi.com/team">About</a> </li> <li> <a href="https://www.kalungi.com/videos">Video</a> </li> <li> <a href="https://www.kalungi.com/blog">Blog</a> </li> <li> <a href="https://www.kalungi.com/customers">Customers</a> </li> <li> <a href="https://www.kalungi.com/careers">Careers</a> </li> <li> <a href="https://www.kalungi.com/faq">FAQ</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Learn</h3> <ul> <li> <a href="https://www.kalungi.com/b2b-saas-marketing-snacks-podcast">Podcast</a> </li> <li> <a href="https://www.kalungi.com/videos">Videos</a> </li> <li> <a href="https://www.kalungi.com/technology">Technology</a> </li> <li> <a href="https://www.kalungi.com/roi">ROI</a> </li> <li> <a href="https://www.kalungi.com/t2d3-growth-marketing-series">Growth Series</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Popular guides</h3> <ul> <li> <a href="https://www.kalungi.com/go-to-market-strategy-for-b2b-saas">B2B SaaS go-to-market essentials</a> </li> <li> <a href="https://www.kalungi.com/blog/saas-valuations">Valuing your SaaS company</a> </li> <li> <a href="https://www.kalungi.com/blog/how-to-write-your-product-marketing-one-pager-template">Writing a SaaS one pager</a> </li> <li> <a href="https://www.kalungi.com/blog/saas-pricing-guide">SaaS pricing strategy & models</a> </li> <li> <a href="https://www.kalungi.com/blog/how-to-define-b2b-ideal-customer-profile-template-icp">Defining your SaaS ICP</a> </li> <li> <a href="https://www.kalungi.com/blog/how-to-use-ansoffs-growth-matrix-go-to-market-strategy-guide">A tool to guide your SaaS GTM</a> </li> </ul> </div> </div> </div> <div class="kl-footer__legal"> <span>© 2024 Kalungi</span> <span>All rights reserved</span> <span> <a href="https://www.kalungi.com/privacy-policy" rel="noopener">Privacy Policy</a></span> </div> </div> </footer></div> </div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/template_assets/48817306235/1718319008529/atlas-pro-theme/js/main.min.js"></script> <script src="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/template_assets/69869974276/1718319017794/atlas-pro-theme/js/helper.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://www.kalungi.com/hs-fs/hub/5095977/hub_generated/module_assets/48817289073/1729529094819/module_48817289073_Simple_Navbar.min.js"></script>  <script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script> <script data-hs-allowed="true"> var options = { portalId: '5095977', formId: '7b2aee11-fbfd-4971-93f6-0c451f172390', formInstanceId: '5010', pageId: '42637244009', region: 'na1', pageName: "Clean HubSpot Website Theme for B2B SaaS - Atlas by Kalungi", inlineMessage: "Thanks \u2013 you're signed up! Stay tuned for more details.", rawInlineMessage: "Thanks \u2013 you're signed up! Stay tuned for more details.", hsFormKey: "b1b59b65fa63a2793086c4a63c9f4457", css: '', target: '#hs_form_target_form_319712452', contentType: "standard-page", formsBaseUrl: '/_hcms/forms/', formData: { cssClass: 'hs-form stacked hs-custom-form' } }; options.getExtraMetaDataBeforeSubmit = function() { var metadata = {}; if (hbspt.targetedContentMetadata) { var count = hbspt.targetedContentMetadata.length; var targetedContentData = []; for (var i = 0; i < count; i++) { var tc = hbspt.targetedContentMetadata[i]; if ( tc.length !== 3) { continue; } targetedContentData.push({ definitionId: tc[0], criterionId: tc[1], smartTypeId: tc[2] }); } metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); } return metadata; }; hbspt.forms.create(options); </script> <script> (function () { const CLASS_NAME = 'kl-pricing-table'; const MODULE_ID = 'widget_1623776461666' const table = document.querySelector(`#${MODULE_ID}.${CLASS_NAME} > table`); const tabs = document.querySelectorAll(`#${MODULE_ID} .${CLASS_NAME}__tab`); function hideColumns(columns, ignoreIndex) { columns.forEach((item) => item.classList.remove(`${CLASS_NAME}__hide`)); const items = Array.from(columns).filter( (elem, index) => index != ignoreIndex ); items.forEach((item) => item.classList.add(`${CLASS_NAME}__hide`)); } function hideUnselected(ignoreIndex) { const head = document.querySelectorAll(`#${MODULE_ID} .${CLASS_NAME}__plans`); const rows = document.querySelectorAll(`#${MODULE_ID}.${CLASS_NAME} tbody tr`); hideColumns(head, ignoreIndex); rows.forEach((row) => { const columns = row.querySelectorAll('td'); hideColumns(columns, ignoreIndex); }); } tabs.forEach(function (tab, tabIndex) { tab.addEventListener('click', function () { const currentTab = document.querySelector(`#${MODULE_ID} .${CLASS_NAME}__tab--active`); if (currentTab) currentTab.classList.remove(`${CLASS_NAME}__tab--active`); tab.classList.add(`${CLASS_NAME}__tab--active`); hideUnselected(tabIndex); }); }); function changeHeaderColumnSpan(e) { const items = document.querySelectorAll(`#${MODULE_ID} .${CLASS_NAME}__plans`); if (e.matches) { items.forEach((item) => item.setAttribute('colspan', 2)); } else { items.forEach((item) => item.setAttribute('colspan', 1)); } } const mql = window.matchMedia('(max-width: 920px)'); changeHeaderColumnSpan(mql); try { mql.addEventListener('change', changeHeaderColumnSpan); } catch (err) { mql.addListener(changeHeaderColumnSpan); } })(); </script> <script> document.addEventListener("DOMContentLoaded", (event) => { // Check if AOS is already initialized if (!window.AOSInitialized) { // AOS initialization AOS.init(); // Set the flag to true window.AOSInitialized = true; } }); </script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init(); </script> <script> (function () { const ACTIVE_CLASS = 'active'; const ACTIVE_SELECTOR = '.' + ACTIVE_CLASS; const SECTION_SELECTOR = '.kl-features-03__section'; const MODULE_ELEMENT = document.querySelector('#widget_1708550352566'); const OPTIONS = '.kl-features-03__titles li'; const opts = MODULE_ELEMENT.querySelectorAll(OPTIONS); opts.forEach(function (opt) { const index = opt.dataset.index; const query = SECTION_SELECTOR + `[data-index="${index}"]`; const section = MODULE_ELEMENT.querySelector(query); //console.log(section); opt.addEventListener('click', function () { const current = MODULE_ELEMENT.querySelector( SECTION_SELECTOR + ACTIVE_SELECTOR ); const currentTitle = MODULE_ELEMENT.querySelector( OPTIONS + `[data-index="${current.dataset.index}"]` ); /* Remove ACTIVE_CLASS from current section and title*/ current.classList.remove(ACTIVE_CLASS); currentTitle.classList.remove(ACTIVE_CLASS); /* Add ACTIVE_CLASS from current section and title*/ section.classList.add(ACTIVE_CLASS); opt.classList.add(ACTIVE_CLASS); }); }); })(); </script> <script src="https://www.kalungi.com/hs-fs/hub/5095977/hub_generated/module_assets/49082626362/1729529089115/module_49082626362_Custom_Image.min.js"></script> <script src="https://cdn2.hubspot.net/hub/-1/hub_generated/module_assets/-35056501883/1734469647329/module_-35056501883_Video.min.js"></script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.kalungi.com\/atlas-clean-hubspot-theme-for-b2b-saas-software"]); _hsq.push(["setPageId", "42637244009"]); _hsq.push(["setContentMetadata", { "contentPageId": 42637244009, "legacyPageId": "42637244009", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 42637244009, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/5095977.js?businessUnitId=0"></script>  <script type="text/javascript"> var hsVars = { render_id: "370b27f3-9101-4c82-b356-d3239f0eb3d3", ticks: 1734496231631, page_id: 42637244009, content_group_id: 0, portal_id: 5095977, 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: "42637244009", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXPXQN2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script> window.addEventListener("load", ()=>{ for(let element of document.forms){ element.addEventListener("submit", () => { const href = window.location.href.split('?')[0]; if ( window.location.pathname != "/b2b-saas-startup-marketing-toolkit" && window.location.pathname != "/contact" ) { return gtag_report_conversion(href); } }) } }) </script> <script type="text/javascript"> _linkedin_partner_id = "2892068"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2892068&fmt=gif"> </noscript> </body></html>

CINXE.COM

Clean HubSpot Website Theme for B2B SaaS - Atlas by Kalungi