SeoBiz

Multipurpose SEO HTML5 Template

Contact Support

Author: ThemeLooks
Profile: https://themeforest.net/user/themelooks
Website: http://themelooks.com/
Support Forum: http://themelooks.com/support/

Thank you for purchasing our Template. If you have any questions that are beyond the scope of this documentation file, please feel free to email via our user page contact form. Thank you so much!

How to get help:

We run support 24/7. You can expect a response within 24 hours.

Support Requests Are For:
- Helping Using This Template
- Instructions Setting Up This Template
- Bug Reports And Fixes
Support Requests Aren’t For:
- Helping With 3rd Party Plugins
- Integration of 3rd Party Plugins
- Free Customization Requests of Our Template

[Note: Need Some Premium Customization Done? Contact Us Via Our User Page Contact Form. ]

INTRODUCTION

SeoBiz is a Multipurpose SEO HTML5 Template designed for All kinds of Search Engine Optimization, Social Media Marketing and Social Media Management Business. It's an HTML5 template based on latest Bootstrap v4.3.x. Anyone can easily update/edit this template by following our Well Sorted Documentation.

Main Features of "SeoBiz":

- Latest Stable Bootstrap v4.3.x Ready
- Fully Responsive
- Retina Ready
- Clean Design
- Google Font
- FontAwesome Icons
- Modern Cross Browser Support
- W3C Validated Code
- Custom Icons
- Working Contact Forms

./main_files
- /html-template

The "SeoBiz" template is a responsive HTML5 template based on Bootstrap v4.3.x. The structure is based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.

If you would like to edit the layout of any elements in the whole template, you would do the following:

1. Open any '.html' or '.css' file in a text editor.
2. Find related comment/code.
3. Do your magic.

"SeoBiz" is using the following CSS files:

css/bootstrap.min.css	Bootstrap 4 Framework
css/font-awesome.min.css	Font Awesome
plugins/owlcarousel/owl.carousel.min.css	Owl Carousel
css/style.css	Template Main Styles
css/custom.css	Template Custom Styles

In our style.css file all the code are well structured as well as well commented. Here is the sample

js/jquery.min.js	jQuery Library
js/bootstrap.bundle.min.js	Bootstrap 4 Framework
plugins/owl.carousel.min.js	Owl Carousel
plugins/retinajs/retina.min.js	RetinaJS
js/menu.min.js	Responsive menu
js/scripts.js	Template Main Scripts
js/custom.js	Template Custom Scripts

Via FTP:

1. Open up your 'FTP Software' of choice and connect to your hosting

2. Browse to required directory (Usually: ./public_html)

3. Unzip the 'main_files.zip' and choose templates to upload.

4. Upload the template to the server.

Once you finish setup successfully, you can customize it as you want. Some common frequently asked questions are given bellow.

Q. How to update existing theme?

Make sure to backup all your files and folders.
Check change log for detail explanation.

Q. How to remove preloader?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Preloader'
Remove code block.

Q. How to add image to support retina display?

All the images in our template has attribute and value data-rjs="2" and we have 2 different version of image for retina display.
When you change/replace an image, make sure to replace all 2 versions.
For example, if you want to change "logo.png", make sure to replace "logo@2x.png"
For more instructions visit here.

Q. How to change logo?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Logo'
Edit image name.

Q. How to change menu items and links?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Main Menu'
Edit code.

Q. How to change Social Icons and links?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Social Icons'
Edit code.

Q. How to edit banner content?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Slider'. Then you have to find 'Slider Content' for change content & 'Single Banner Image for change image.
Edit code.

Q. How to edit banner background image?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Banner'
Edit code.

Q. How to change Service content?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Service'
Edit code

Q. How to change Pricing Table content?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Pricing Plan'.
Edit code

Q. How to change Testimonials?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Testimonial'
Edit code.

Q. How to change clients/brands logo?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Partner'
Edit code.

Q. How to change blog/post?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Blog'
Edit code.

Q. How to change mailchimp newsletter form link?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Newslatter Content'
Edit code.

Q. How to change footer contact info?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Contact Content'
Edit code.

Q. How to change contact page info?

Open '.html' file in a text editor (For example: 'index.html').
Find the comment 'Single Contact info'
Edit code.

Q. How to update map location/settings?

Open '.html' file in a text editor (For example: 'contact.html').
Find the comment 'Start Map'
Edit code.

Q. How to change map API?

Open '.html' file in a text editor (For example: 'contact.html').
Find the comment 'Google API'
Edit code.

Q. How to change email and name to send form data?

Open 'sendmail.php' file in a text editor.
Find the comment 'Replace this with your own email address'
Edit email and name.

SeoBiz Supports Banner as well as Slider.

Banner
Slider

Slider

                                    
<!-- Banner -->
<div class="banner" data-bg-img="assets/img/banner/banner-bg.png">
    <div class="banner_slider owl-carousel" data-owl-dots="true">
        <!-- Single Slider -->
        <div class="single_slide">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Slider Content -->
                        <div class="banner_content text-center">
                            <h1>Win In Search, Win In Digital</h1>
                            <p>Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo, quis tempor ligula. Quisque
                            quis pharetra felis. Ut quis consequat orci, at consequat felis.</p>

                            <a href="#" class="btn">Free Audit</a>
                        </div>
                        <!-- End Slider Content -->
                    </div>
                </div>

                <!-- Banner Images -->
                <div class="banner-images row justify-content-between align-items-end">
                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6 d-none d-sm-block">
                        <div class="search-icon-box position-absolute">
                            <img src="assets/img/banner/search-icon.png" alt="">
                        </div>
                        
                        <img src="assets/img/banner/banner-image-1.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->

                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6">
                        <img src="assets/img/banner/icon-1.png" alt="" class="banner-icon icon-1 fa-spin">
                        <img src="assets/img/banner/icon-2.png" alt="" class="banner-icon icon-2 fa-spin">
                        <img src="assets/img/banner/icon-3.png" alt="" class="banner-icon icon-3 fa-spin">
                        <img src="assets/img/banner/banner-image-2.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->
                </div>
                <!-- End Banner Images -->
            </div>
        </div>
        <!-- End Single Slider -->
        <!-- Single Slider -->
        <div class="single_slide">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Slider Content -->
                        <div class="banner_content text-center">
                            <h1>Win In Search, Win In Digital</h1>
                            <p>Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo, quis tempor ligula. Quisque
                            quis pharetra felis. Ut quis consequat orci, at consequat felis.</p>

                            <a href="#" class="btn">Free Audit</a>
                        </div>
                        <!-- End Slider Content -->
                    </div>
                </div>

                <!-- Banner Images -->
                <div class="banner-images row justify-content-between align-items-end">
                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6 d-none d-sm-block">
                        <div class="search-icon-box position-absolute">
                            <img src="assets/img/banner/search-icon.png" alt="">
                        </div>
                        
                        <img src="assets/img/banner/banner-image-1.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->

                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6">
                        <img src="assets/img/banner/icon-1.png" alt="" class="banner-icon icon-1 fa-spin">
                        <img src="assets/img/banner/icon-2.png" alt="" class="banner-icon icon-2 fa-spin">
                        <img src="assets/img/banner/icon-3.png" alt="" class="banner-icon icon-3 fa-spin">
                        <img src="assets/img/banner/banner-image-2.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->
                </div>
                <!-- End Banner Images -->
            </div>
        </div>
        <!-- End Single Slider -->
    </div>

    <!-- Slider Counter -->
    <div class="slider-counter"></div>
    <!-- End Slider Counter -->
    
</div>
<!-- End Banner -->

Banner

                                    
<!-- Banner -->
<div class="banner" data-bg-img="assets/img/banner/banner-bg.png">
    <div class="banner_slider">
        <!-- Single Slider -->
        <div class="single_slide">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Slider Content -->
                        <div class="banner_content text-center">
                            <h1>Win In Search, Win In Digital</h1>
                            <p>Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo, quis tempor ligula. Quisque
                            quis pharetra felis. Ut quis consequat orci, at consequat felis.</p>

                            <a href="#" class="btn">Free Audit</a>
                        </div>
                        <!-- End Slider Content -->
                    </div>
                </div>

                <!-- Banner Images -->
                <div class="banner-images row justify-content-between align-items-end">
                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6 d-none d-sm-block">
                        <div class="search-icon-box position-absolute">
                            <img src="assets/img/banner/search-icon.png" alt="">
                        </div>
                        
                        <img src="assets/img/banner/banner-image-1.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->

                    <!-- Single Banner Image -->
                    <div class="single-banner-image text-center col-sm-6">
                        <img src="assets/img/banner/icon-1.png" alt="" class="banner-icon icon-1 fa-spin">
                        <img src="assets/img/banner/icon-2.png" alt="" class="banner-icon icon-2 fa-spin">
                        <img src="assets/img/banner/icon-3.png" alt="" class="banner-icon icon-3 fa-spin">
                        <img src="assets/img/banner/banner-image-2.png" alt="">
                    </div>
                    <!-- End Single Banner Image -->
                </div>
                <!-- End Banner Images -->
            </div>
        </div>
        <!-- End Single Slider -->
    </div>
</div>
<!-- End Banner -->

Here is some example of features.You can use it by copy & Paste

Feature 01
Feature 02
Feature 03

Feature Styles 01:

                                    
<div class="row justify-content-between align-items-center pb-140">
    <div class="col-lg-5">
        <!-- Feature Image -->
        <div class="mb-50 mb-lg-0">
            <img src="assets/img/feature/feature-1.png" alt="">
        </div>
        <!-- End Feature Image -->
    </div>
    <div class="col-lg-6">
        <!-- Section Title -->
        <div class="section-title style--two">
            <div class="title-border">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <h2>Superior On-Page Optimization</h2>
            <p>Seen you eyes son show. Far two unaffected one alteration apartments celebrated but middletons interested. Described
            deficient applauded consisted my me do. Passed edward two talent effect.</p>
        </div>
        <!-- End Section Title -->

        <!-- List Check -->
        <ul class="list-check">
            <li>You want to get a higher ranking for your site</li>
            <li>Get more traffic for your site</li>
            <li>You are looking forward to improved ranks with time</li>
        </ul>
        <!-- End List Check -->
    </div>
</div>

Feature Styles 02:

                                    
<div class="row pb-140">
    <div class="col-lg-6">
        <!-- Section Title -->
        <div class="section-title style--two">
            <div class="title-border">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <h2>Rank Heigher On Google Our <br>
            Off Page Strategic Rock</h2>
            <p><b>Yourself required no at thoughts delicate landlord it be. Branched dashwood do is whatever it.</b></p>
            <p>You delighted two rapturous six depending objection happiness something the. Off nay impossible dispatched partiality
            unaffected. Norland adapted put ham cordial. Ladies talked may shy basket narrow see. Him she distrusts questions
            sportsmen.</p>
        </div>
        <!-- End Section Title -->
    
        <a href="#" class="btn-inline mt-10">Read More</a>
    </div>
    <div class="col-lg-6 order-first order-lg-last">
        <!-- Feature Image -->
        <div class="mb-50 mb-lg-0">
            <img src="assets/img/feature/feature-2.png" alt="">
        </div>
        <!-- End Feature Image -->
    </div>
</div>

Feature Styles 03:

                                    
<div class="row justify-content-between align-items-center">
    <div class="col-lg-5">
        <!-- Feature Image -->
        <div class="mb-50 mb-lg-0">
            <img src="assets/img/feature/feature-3.png" alt="">
        </div>
        <!-- End Feature Image -->
    </div>
    <div class="col-lg-6">
        <!-- Section Title -->
        <div class="section-title style--two">
            <div class="title-border">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <h2>Quality White Hat Link Building</h2>
            <p>Imagine was you removal raising gravity. Unsatiable understood or expression dissimilar so sufficient.</p>
        </div>
        <!-- End Section Title -->

        <!-- List Check -->
        <ul class="list-check">
            <li>Click through traffic from social is an up and coming ranking factor and hence will help long term rankings.</li>
            <li>Social proof we can use in our pitches to both media and
            non-media lists to increase conversions (below).</li>
        </ul>
        <!-- End List Check -->
    </div>
</div>

Photos:

All 'images' used on the demo site is for demonstration purposes only and are not included in the main download file.
All images collected from 'Google Image Search'

Fonts Used:

Google Fonts (Alegreya and Source Sans Pro) - https://fonts.google.com
Font Awesome - https://github.com/FortAwesome/Font-Awesome/

Frameworks / Libraries:

jQuery - http://jquery.com
Twitter Bootstrap - http://getbootstrap.com

Plugins Used:

RetinaJS - https://github.com/imulus/retinajs
Owl Carousel - https://github.com/OwlCarousel2/OwlCarousel2

28 May, 2019 - Version 1.0 (First release)