Business One Page

Web Stuff 25.05.2017 4765

Ready for a Freebie? Our Business One Page based on the latest Bootstrap 4 is now available for download. It comes in 6 different colour schemes and with a fully working contact form of course. We have also designed custom icons in all colours the business one page is available.

We love Bootstrap and the new Bootstrap 4 is even better than Bootstrap 3. All our products like Live Chat 3 or our ultimate live chat business package is already based on the latest Bootstrap 4 version.

The Business One Page has following features:

6 different colours schemes included

Fully working contact form, ajax based

Portfolio with lightbox

Mobile optimised

Social Icons

Well documented code

All PSD's included

6 Colour Schemes

The schemes can be easily changed by the coloured buttons, all without a page refresh.

What is in the package?

Complete website ready to be published

Short manual

PSD Mockups for the website

PSD Mockups for the icons

License Agreement

How to use it?

Please download and unpack the package inside there is a short manual which will explain how to install and use the one page business theme based on the latest Bootstrap 4.

With our Business One Page theme you will have your own website in 10 steps. Let's start.

1. Browse to the website/process folder and open the form.php file. You will need to edit following lines to suit your business:

// Change details here. $emailaddress = "youremail@domain.com"; $phonefield = false; // Two options here: (true = will not send the form until we have a valid phone number, false = will ignore the field $subject = "My Contact Form"; $thankyou = "Thank you very much we will get back to you as soon as possible.";

2. Change the values from above and save the file make sure you save it in utf-8 format, that is usually by standard.

3. Upload the complete content from the 'website' directory into your server web directory, most of the time called 'public_html', make sure you are not overwrite any content already exist.

4. Browse to your domain and voilà, your business one page website is online.

5. Select a colour scheme you like, for example red.

6. Now open the file website/index.html and find:

<link href="css/default.css" rel="stylesheet">

replace with:

<link href="css/red.css" rel="stylesheet">

Find and remove:

<!-- Stylechanger only for Demo Purpose, can be removed for live version --> <link href="css/themeswitcher.css" rel="stylesheet"> <!-- Stylechanger only for Demo Purpose, can be removed for live version --> <div id="jak_stylechanger"> <div id="jak_stylecontent"> <div class="row"> <div class="col"> <h4>Colors</h4> <a href="javascript:void(0)" class="colors" data-color="blue"><i class="scb sc-blue"></i></a> <a href="javascript:void(0)" class="colors" data-color="green"><i class="scb sc-green"></i></a> <a href="javascript:void(0)" class="colors" data-color="orange"><i class="scb sc-orange"></i></a> <a href="javascript:void(0)" class="colors" data-color="grey"><i class="scb sc-grey"></i></a> <a href="javascript:void(0)" class="colors" data-color="red"><i class="scb sc-red"></i></a> <a href="javascript:void(0)" class="colors" data-color="yellow"><i class="scb sc-yellow"></i></a> </div> </div> </div> <div id="jak_stylebutton"> <i class="fa fa-cog"></i> </div> </div> <!-- Stylechanger only for Demo Purpose, can be removed for live version --> <script src="js/themeswitcher.js"></script>

7. Upload the modified index.html file and your business one page is now red and the style switcher has been removed.

8. Open the index.html file again and change the text to your needs.

9. Replace the portfolio or landing images make sure they are the same size.

10. Upload the changed index.html file and your images and your business one page is now ready!

Final Words

The Business One Page template is based on the latest Bootstrap 4 with a fully working contact form optimised for all screen sizes. PSD's for the website mockup in all colours as well the social share icons are also included in the download package.

Download

Download Demo

Do you like it or you have some feedback, please use the comment form below. Enjoy.

Used Material

Bootstrap 4

jQuery 3.2.1

Ekko Lightbox

Thank you and leave a comment below!