arrow_back
View code

<div class="cdt-jumbotron ">
        <div class="bg">
        </div>
        <div class="cdt-container">
            <div class="content center">
                <h1>Power the world’s Web designers & developers</h1>
                <p class="cdt-sub-header">Develop for the 15,000 customers and user's, get recognition and earn money
                    for
                    your effort of making
                    production ready components in Kodhus UI framework.</p>
                <div class="form-action cdt-padding-top-lg">
                    <input type="text" id="email" placeholder="Enter your email">
                    <div class="cdt-btn cdt-btn-primary cdt-btn-full-rounded">Sign up</div>
                </div>
            </div>
        </div>
    </div>
                        
Copy HTML

/*
 * File: _hero-background-v2.scss
 * Location /src/scss/components
 * Hero background v2 component
 */

.cdt-jumbotron .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    background: url(/static/images/bg.png);
    background-position: center;
    opacity: 0.1;
}
                        
Copy SCSS
Upgrade to professional version

Using professional version, you will have unlimited number of projects and unlimited access to materials in Kodhus.com.