To create section style, you need to use theme.css

To set the width of section wrapper to 100%, you need to use .sec-row class.

We have provided five section styles for section wrapper. You can change the color and parallax image of section wrapper background.

Section Wrapper Styles

.sec-gray-light - gray section color scheme
.sec-gray-dark - dark gray section color scheme
.sec-black - black section color scheme
.sec-blue - blue section color scheme
.sec-bg - parallax section contains an image with fixed position in section wrapper background.

light gray Section

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

        
      <section  class="sec-row sec-gray-light">
             <div  class="container">
                 <div  class="row">
                    <div  class="col-md-12">
                 	<h1  class="text-left"><!-- Your Titile goes here --></h1>
                 	<p><!-- Your content goes here --></p>
                    </div>
                 </div>
              </div>     
      </section>

Dark gray Section

        
      <section class="sec-row sec-gray-dark">
             <div  class="container">
                 <div  class="row">
                   <div  class="col-md-12">
                 	<h1  class="text-left"><!-- Your Titile goes here --></h1>
                 	<p><!-- Your content goes here --></p>
                    </div>
                 </div>
              </div>     
      </section>

Black Section

        
      <section  class="sec-row sec-black">
             <div  class="container">
                 <div  class="row">
                    <div  class="col-md-12">
                 	<h1  class="text-left"><!-- Your Titile goes here --></h1>
                 	<p><!-- Your content goes here --></p>
                    </div>
                 </div>
              </div>     
      </section>

Black Section

        
      <section class="sec-row sec-blue">
             <div  class="container">
                 <div  class="row">
                    <div  class="col-md-12">
                 	<h1  class="text-left"><!-- Your Titile goes here --></h1>
                 	<p><!-- Your content goes here --></p>
                    </div>
                 </div>
              </div>     
      </section>

Parallax Section

        
      <section class="sec-bg">
      	<div>  class="sec-overlay-black">
             <div  class="container">
                 <div  class="row">
                      <div  class="col-md-12">
                            <h1  class="text-left"><!-- Your Titile goes here --></h1>
                            <p><!-- Your content goes here --></p>
                      </div>
                 </div>
              </div>     
          </div>         
      </section>

Docs - Section

light gray Section

Dark gray Section

Black Section

Black Section

Parallax Section