Introducing Renovation - A Free Layout Bundle for All SP Page Builder Pro Users - JoomShaper

Introducing Renovation - A Free Layout Bundle for All SP Page Builder Pro Users

14 August 2023
Hits 3,710
5 min read
Introducing Renovation - A Free Layout Bundle for All SP Page Builder Pro Users

If you own a business related to renovation, remodeling, or even construction, then having a distinct web presence is important. In this digital era and like any other business, renovation companies are also seeking methods to differentiate themselves in terms of their unique services and expertise. 

And to let you showcase your renovation and remodeling business impeccably, we are here to introduce you to Renovation - a free layout bundle for all our SP Page Builder 4.x and 5.x Pro users. As more homeowners turn to the internet to evaluate renovation or construction companies, stand out in the crowd with your business backed by Renovation’s incredibility!

Please update your SP Page Builder Pro 4 & 5 to the latest version in order to import this layout bundle.

So what does Renovation come bundled up with? Here is a detailed discussion of what this layout bundle brings for you.

What’s in Renovation Layout Bundle?

The Renovation layout bundle comes with 6 ready-to-use prebuild pages that are fully functional, embellished with hover effects, impressive sliders, hero sections on multiple pages, scroll effects, parallax effects, and more! The unique and soothing color pallet used in this layout bundle will immediately set your users’ eyes to peace!

Renovation is bundled up with the following pre-made pages:

  1. Home
  2. Service
  3. Projects
  4. Project Details
  5. About Us
  6. Contact Us

Home

Renovation layout bundle

The Home page of Renovation comes with a refreshing and soothing overall layout and color - just like a newly renovated house! The hero section accompanies a stunning slider, followed by a video section, glimpses of services displayed in accordion style, testimonials, and more. All in all, the home page is a complete package to kickstart your prospects' web navigation!

Services

Renovation layout bundle

One of the main reasons for having a website for your business is to be able to showcase your services and expertise effectively. And Renovation’s service page makes sure to have that mission in check! The service page elegantly displays your unique services effectively with ample space and a surprise parallax effect at the end.

Projects

Renovation layout bundle

The Projects page is simple yet elegant, letting you list out your best projects clearly without any distractions. The list of contents comes with hover effects and will take you to the details of that particular project upon clicking on each of the projects.

Project Details

Renovation layout bundle

Detail out your projects with the Renovation’s Project Details page. The page comes with an attractive hero section followed by a spacious description area to describe your successful projects and an image slider.

About Us

Renovation About Us

Stylishly highlight your company values, mission, and vision with Renovation’s sophisticated About Us page. Display your years of experience, clients, projects, and more with the number counter. The page also caters hover effects, perfect CTAs, and space to display glimpses of projects you are proud of.

Contact Us

Renovation layout bundle

The Contact Us page is clean and minimal and highlights your contact details perfectly. Plus, complete your contact details by displaying your socials at the footer of the page.

If you want your prospects to reach you themselves without displaying your details, you can use the Inquire page with a self-explanatory form. 

Fine-tune Your Page Style With Ease

Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:

  1. Open the layout page in the SP Page Builder editor mode.
  2. Navigate to Options > Page CSS > Custom CSS.
  3. Add the following code snippet to change the page color:

:root { --link-color: #88565A; }

Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.

If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by converting your desired color to a CSS filter. Once you have the filter, add it to the code as shown below:


.set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); }

By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.

How to Access & Import a Layout Bundle?

All of the SP Page Builder Pro users, upon configuring the license key, can access, explore, and import any layout bundle.

In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this documentation page.

Quick Tips

Having issues with loading the layout bundles? Go to the Administrator dashboard of your Joomla site. From the System tab on the top, select Clear Cache, and then clear the cache for the Administrator. Similarly, clear the cache for the Site as well. And, the layout bundles should show up without any trouble.

Whether you're aiming to refresh the appearance of your website or create an entirely new one to achieve a flawless online presence, Renovation is your best choice. 

So what’s the wait? Explore the Renovation layout bundle today and add that new dimension to your home remodeling or construction business!

Browse Layout BundlesGet SP Page Builder Pro

Sreema

Sreema

Technical Content Writer
Sreema is a technical content writer at JoomShaper. In her copious free time she enjoys good food with good friends and loves moonlit strolls on the beach!
PK
Peter KORTGE
8 months ago
Hi:

Great looking Layout bundle !!!.

However, I don't agree with the contents under "Fine-tune Your Page Style With Ease".

We should not have to resort to coding .css :-(.

These actions should form part of the template options and all the End user should need to do is is turn a feature [On] and fill in the blanks !

Sign up for our newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.