Sections

Ready to use sections class names to control color, opacity, overlay, etc...

Color Light Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 100 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 200 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 300 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 400 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 500 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 600 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 700 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 800 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 900 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Grey 1000 Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Color Dark Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Primary Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Secondary Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Tertiary Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Quaternary Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Removing Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Removing Margin Top and Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

With Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Center-Aligned Content Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Overlay Dot)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 7)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 8)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Overlay - Color Scale 9)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 7)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 8)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Light Opacity Overlay - Color Scale 9)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

Custom Background Section

(With Opacity Gradient Overlay)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Nulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.

Background Color Change Animation

(WAIT TO SEE COLOR CHANGING)

viyaga.com

Change Background Color When In Viewport

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.

RIGHT BIG IMAGE SECTION

Enjoy the power

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec finibus orci, id luctus est. Phasellus tristique libero id rhoncus tincidunt. Aliquam luctus.

HTML5+JS+CSS+SCSS
Wide & Boxed
Dark & Light
RTL Support

Bootstrap
SEO Optimized
Blog Pages
Shop Pages

LEFT BIG IMAGE SECTION

Enjoy the power

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec finibus orci, id luctus est. Phasellus tristique libero id rhoncus tincidunt. Aliquam luctus.

HTML5+JS+CSS+SCSS
Wide & Boxed
Dark & Light
RTL Support

Bootstrap
SEO Optimized
Blog Pages
Shop Pages

Build your website with Viyaga

Purchase now. Only $14!

Viyaga Template has been available on ThemeForest since 2013 and is one of the top sellers with more than 50K+ sales.

SUPER HIGH PERFORMANCE

Strict Coding Standards

Free Lifetime Updates

BUY VIYAGA NOW

Sections

Color Light Section

Color Grey Section

Color Grey 100 Section

Color Grey 200 Section

Color Grey 300 Section

Color Grey 400 Section

Color Grey 500 Section

Color Grey 600 Section

Color Grey 700 Section

Color Grey 800 Section

Color Grey 900 Section

Color Grey 1000 Section

Color Dark Section

Primary Section

Secondary Section

Tertiary Section

Quaternary Section

Removing Border

Removing Margin Top and Bottom

With Divider

Center-Aligned Content Section

Custom Background Section

Custom Background Section

(With Overlay Dot)

Custom Background Section

(With Opacity Overlay - Color Scale 1)

Custom Background Section

(With Opacity Overlay - Color Scale 2)

Custom Background Section

(With Opacity Overlay - Color Scale 3)

Custom Background Section

(With Opacity Overlay - Color Scale 4)

Custom Background Section

(With Opacity Overlay - Color Scale 5)

Custom Background Section

(With Opacity Overlay - Color Scale 6)

Custom Background Section

(With Opacity Overlay - Color Scale 7)

Custom Background Section

(With Opacity Overlay - Color Scale 8)

Custom Background Section

(With Opacity Overlay - Color Scale 9)

Custom Background Section

(With Light Opacity Overlay - Color Scale 1)

Custom Background Section

(With Light Opacity Overlay - Color Scale 2)

Custom Background Section

(With Light Opacity Overlay - Color Scale 3)

Custom Background Section

(With Light Opacity Overlay - Color Scale 4)

Custom Background Section

(With Light Opacity Overlay - Color Scale 5)

Custom Background Section

(With Light Opacity Overlay - Color Scale 6)

Custom Background Section

(With Light Opacity Overlay - Color Scale 7)

Custom Background Section

(With Light Opacity Overlay - Color Scale 8)

Custom Background Section

(With Light Opacity Overlay - Color Scale 9)

Custom Background Section

(With Opacity Gradient Overlay)

Background Color Change Animation

(WAIT TO SEE COLOR CHANGING)

Change Background Color When In Viewport

Circle Expand

Angled Section

Angled Section Reverse

Angled Section

Video Section

Half Section

(With Custom Background)

Half Section

(Inside Column)

Half Section

(Inside Column)

4/12 Section

4/12 Section

RIGHT BIG IMAGE SECTION

Video Tutorials
(coming soon)