Demo Destination Page

This article will guide to the steps to create contents like demo site destination page.

  1. Go to WordPress Dashboard > Pages and click Add New
  2. Check Make Menu Transparent option.
  3. Add page title and content. Then find Content Builder Box Option box on the bottom and check Enable Content Builder.
  4. Find Page Attributes box at the bottom right side. Select Page Destination as page template.
  5. Once you are done. Click Publish button

Content Builder Modules

Now you created a page. Next is to create its content using Content Builder module. Below are screenshot of all modules used in demo page.

Screen Shot 2557-10-26 at 12.35.52 PM

  • Text Block 
    • Title – Tourist Attraction
    • Layout – Fixed Width
    • Content
      [tg_header title=”Explore One of the world best<br/>tourist attraction, paris, france” subtitle=”Experiences 8 days exciting trip.”]
      <div style=”text-align:center”>
      dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      </div>
  • Text Block 
    • Title – Tagline
    • Layout – Fullwidth
    • Background Image – Upload your background image you want
    • Background Parallax Option – Scroll Position
    • Custom CSS – height:600px;
    • Content
      <div style=”margin:40px 0 0 0;text-align:center;”>
      <h1 style=”font-family:’PT Serif’;font-size:26px;font-style:italic;font-weight:normal;”>We are a passionate team with the vision of delivering<br/>the best & exiting experience for customers</h1>
      </div>
  • Text Block
    • Title – Fancy Experience
    • Layout – Fixed Width
    • Content
      [tg_header title=”Experience fancy night life at paris”]
      <div style=”text-align:center”>
      Sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus Lorem ipsum dosectetur adipisicing elit at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aliquam et elit eu nunc rhoncus viverra quis at felis et netus et malesuada fames ac turpis egestas. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes
      </div>
  • Text Block
    • Title – Paris Opera
    • Layout – Fullwidth
    • Background Image – Upload your background image you want
    • Background Parallax Option – Scroll Position
    • Custom CSS – height:600px;
  • Text Block
    • Title – Paris Opera Content
    • Layout – Fixed Width
    • Content
      [tg_header title=”Paris Opera” subtitle=”Notre Dame De Paris”]
      <div style=”text-align:center”>
      dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      </div>
  • Text Block
    • Title – Video
    • Layout – Fixed Width
    • Custom CSS – padding:0;
    • Content
      <iframe src=”//player.vimeo.com/video/56467095?title=0&byline=0&portrait=0&badge=0&color=ffffff” width=”960″ height=”540″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  • Counter
    • Title – Quote Text
    • Layout – Fixed Width
    • Content
      <div style=”text-align:center”>
      <h1 style=”font-family:’PT Serif’;font-size:26px;font-style:italic;font-weight:normal;”>We are a passionate team with the vision of delivering<br/>the best & exiting experience for customers</h1>
      <br/>
      dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      </div>
Tagged: