Shortcode Screenshots : # Sections and Parallax

ตัวอย่างหน้าจอการใช้งานเว็บไซต์สำเร็จรูป : Shortcodes

Color Light Section - default

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

read more

Color Light Scale 2 Section

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

read more

Color Light Scale 3 Section

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

read more

Color Light Scale 4 Section

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

read more

Primary Section

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

read more

Secondary Section

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

read more

Tertiary Section

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

read more

Quaternary Section

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

read more

Center-Aligned Content Section (Primary color)

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

read more

Center-Aligned Content Section (secondary color)

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

read more

Center-Aligned Content Section (tertiary color)

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

read more

Center-Aligned Content Section (quaternary color)

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

read more

Half Section

(With Parallax)

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.

 

Custom Background Section

(With Overlay Dot)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.
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.
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.
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.
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.
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.
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.
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.
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 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)

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.

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
Big image

Image frame

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
Big image

Image frame

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
Big image

Image frame

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
Big image

Image frame

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages
Big image

Image frame

This is a

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 4+
  • SEO Optimized
  • Blog Pages
  • Shop Pages

โค้ดสำเร็จรูป หรือ Shortcodes

ช่วยให้คุณสร้างเว็บไซต์ โดยไม่ต้องมีความรู้ทางการเขียนโค้ดโปรแกรมใดๆ

ให้ NineNIC เป็นทางเลือกที่ดีที่สุดสำหรับเว็บไซต์ของคุณ