Lagom - Simple and intuitive WHMCS themes

Lagom theme is a fully responsive WHMCS template offering the choice of different styles and layouts

Contact the Author

Please sign in to contact this author

<p><span style="color: #4d5056; font-family: Roboto; font-size: 24px; background-color: #ffffff;">WHMCS Client Area and Order Process theme equipped with multiple layouts, multiple styles, WHMCS menu manager and simple color customization.</span></p>
<h2 class="section__title" style="box-sizing: border-box; margin: 0px 0px 24px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px; background-color: #ffffff;">Style Manager</h2>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">Provides essential tools used to manage Lagom theme colors and styles without having any technical know-how. You will be empowered to apply various Styles and Color Schemes to tailor our theme to your brand style.</p>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>
<h2 class="section__title" style="box-sizing: border-box; margin: 0px 0px 24px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px; background-color: #ffffff;">Menu Manager</h2>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">From now on, you do not need to create complicated WHMCS hooks to modify the Lagom theme navigation. Menu Manager delivers a super convenient option to set up the menu items from the WHMCS addon.</p>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>
<h2 class="section__title" style="box-sizing: border-box; margin: 0px 0px 24px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px; background-color: #ffffff;">Different Styles &amp; Colors</h2>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">Lagom WHMCS Client Area Theme consists of 4 unique styles. There are 5 different color schemes available for each style.</p>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>
<h2 class="section__title" style="box-sizing: border-box; margin: 0px 0px 24px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px; background-color: #ffffff;"><span style="box-sizing: border-box;">Website Builder Extension</span><span class="label label--lg label--primary" style="box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 4px; font-weight: 300; vertical-align: middle; font-size: 16px; padding: 4px 12px; height: auto; color: #1062fe; background: #dce8fe; line-height: 26px; text-align: center; margin-left: 32px;">NEW</span></h2>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">Elevate your online presence with Lagom WHMCS Website Builder. Create a website that leaves a lasting impression and resonates with your audience.</p>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>
<h2 class="section__title" style="box-sizing: border-box; margin: 0px 0px 24px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px; background-color: #ffffff;">Powerful Extensions</h2>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">Unlock the full potential of Lagom with our personalized extensions and perfectly integrated WHMCS modules.</p>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>
<div class="container container--sm" style="box-sizing: border-box; width: 904px; margin-right: auto; margin-left: auto; padding-right: 32px; padding-left: 32px; max-width: 904px; color: #4d5056; font-family: Roboto; font-size: 16px; background-color: #ffffff;">
<h2 class="section__title" style="box-sizing: border-box; margin: 0px; font-family: Gilroy; color: #1a1c1e; font-size: 56px; line-height: 72px; width: 840px;">Key Features</h2>
</div>
<div class="container container--sm" style="box-sizing: border-box; width: 904px; margin-right: auto; margin-left: auto; padding-right: 32px; padding-left: 32px; max-width: 904px; margin-top: 64px; color: #4d5056; font-family: Roboto; font-size: 16px; background-color: #ffffff;">
<div class="row" style="box-sizing: border-box; display: flex; flex-wrap: wrap; margin-right: -16px; margin-left: -16px;">
<div class="feature col-12 col-md-4 feature--sm" style="box-sizing: border-box; position: relative; width: 290.656px; min-height: 1px; padding-right: 16px; padding-left: 16px; flex: 0 0 33.3333%; max-width: 33.3333%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: center; border-radius: 8px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 24px;">
<div class="feature__icon feature__icon--sm" style="box-sizing: border-box; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;">&nbsp;</div>
<div class="feature__body" style="box-sizing: border-box; flex: 1 1 0%; display: flex; flex-direction: column; max-width: 100%; justify-content: flex-start; padding: 0px; margin-top: 32px;">
<h6 class="feature__title" style="box-sizing: border-box; margin: 0px; font-family: Gilroy; color: #1a1c1e; font-weight: 500; font-size: 22px; line-height: 28px; text-align: left; flex-direction: column;"><span style="box-sizing: border-box;">Multiple Color Schemes</span></h6>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">Choose from 5 predefined color schemes or prepare your own with our Lagom Style Manager.</p>
</div>
</div>
<div class="feature col-12 col-md-4 feature--sm" style="box-sizing: border-box; position: relative; width: 290.656px; min-height: 1px; padding-right: 16px; padding-left: 16px; flex: 0 0 33.3333%; max-width: 33.3333%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: center; border-radius: 8px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 24px;">
<div class="feature__icon feature__icon--sm" style="box-sizing: border-box; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;">&nbsp;</div>
<div class="feature__body" style="box-sizing: border-box; flex: 1 1 0%; display: flex; flex-direction: column; max-width: 100%; justify-content: flex-start; padding: 0px; margin-top: 32px;">
<h6 class="feature__title" style="box-sizing: border-box; margin: 0px; font-family: Gilroy; color: #1a1c1e; font-weight: 500; font-size: 22px; line-height: 28px; text-align: left; flex-direction: column;"><span style="box-sizing: border-box;">Regular Updates</span></h6>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">Thanks to regular theme updates, you will stay up to date with all new WHMCS features.</p>
</div>
</div>
<div class="feature col-12 col-md-4 feature--sm" style="box-sizing: border-box; position: relative; width: 290.656px; min-height: 1px; padding-right: 16px; padding-left: 16px; flex: 0 0 33.3333%; max-width: 33.3333%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: center; border-radius: 8px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 24px;">
<div class="feature__icon feature__icon--sm" style="box-sizing: border-box; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;">&nbsp;</div>
<div class="feature__body" style="box-sizing: border-box; flex: 1 1 0%; display: flex; flex-direction: column; max-width: 100%; justify-content: flex-start; padding: 0px; margin-top: 32px;">
<h6 class="feature__title" style="box-sizing: border-box; margin: 0px; font-family: Gilroy; color: #1a1c1e; font-weight: 500; font-size: 22px; line-height: 28px; text-align: left; flex-direction: column;"><span style="box-sizing: border-box;">Fully Responsive</span></h6>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">Our theme is designed to always look sharp and utilize 100% of screen estate on every device.</p>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">&nbsp;</p>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">&nbsp;</p>
<p class="feature__desc" style="box-sizing: border-box; margin-top: 16px; margin-bottom: 0px; color: #7c8088; text-align: left;">&nbsp;</p>
</div>
</div>
</div>
</div>
<p class="section__desc p-1" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: #4d5056; font-size: 24px; line-height: 40px; width: 840px; font-family: Roboto; background-color: #ffffff;">&nbsp;</p>

Related Products

Hospital & Doctor Directory

Hospital & Doctor Directory

76544Sales
$7.98 $7.18
Top Gitysoft Chat