Html Structure

Title Changing

Banner Wrapper

Service Wrapper

Intro Wrapper

Video Wrapper

Project Wrapper

Counter Wrapper

Testimonial Wrapper

Blog Wrapper

Client Wrapper

Contact Wrapper

Widget Wrapper

Footer Wrapper

CSS Files & Structure

CSS Files

Changing Font

Investon uses a Font family: 'Poppins Sans' as a default font from the Google Fonts Library. To change the Font, you will need to Edit the Bottom Link with your Custom Font link in main.css file and change the body css font-family

If you plan to use a Self Hosted font. Here is an Example for using Self Hosted Font.

    @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700display=swap");

    body {
        font-family: "Poppins Sans", sans-serif
    }

CSS coding standard:

We followed css and css3 coding standard. Here is the example:

    /*----------------------------------------------
        ## Banner
    ----------------------------------------------*/
    .banner-inner {
        position: relative;
        z-index: 2;
        .banner-btn {
            height: 35px;
            background: rgba(255,255,255,0.2);
            display: inline-block;
            border-radius: 35px;
            line-height: 35px;
            padding: 0 30px;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 20px;
        }
        .sub-title {
            position: relative;
            display: inline-block;
            margin-bottom: 20px;
            font-size: 30px;
            font-weight: 600;
            text-decoration: underline;
            color: var(--main-color);
        }
        .title {
            margin-bottom: 25px;
        }
        p {
            margin-bottom: 43px;
        }
        &.style-white {
            .sub-title {
                color: #fff;
                &:after {
                    background: #fff;
                }
            }
            .title {
                color: #fff;
            }
            p {
                color: #fff;
            }
        }
    }

Javascript File Structure

Custom JS coding standard:

    /*------------------------------------------------
        Magnific JS
    ------------------------------------------------*/
    $('.play-btn').magnificPopup({
        type: 'iframe',
        removalDelay: 260,
        mainClass: 'mfp-zoom-in',
    });
    $.extend(true, $.magnificPopup.defaults, {
        iframe: {
            patterns: {
                youtube: {
                    index: 'youtube.com/',
                    id: 'v=',
                    src: 'https://www.youtube.com/embed/Wimkqo8gDZ0'
                }
            }
        }
    });

Sources & Credits

I've used the following images, icons or other files as listed.

• Bootstrap
• OwlCarousel2
• Google Fonts
• Font Awesome

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme feel free to email via my user page contact from wowtheme7@gmail.com.