Archtiko theme does not bind you to use a certain homepage layout by providing 2-3 layouts. It allows you to create a totally customizable homepage by using the shortcodes that it provides! Before setting up the homepage let us look at the variety of shortcodes that archtiko provides to create customizable homepage.

To create a homepage, go to Pages > Add New and give it a title say HomePage.

Now go to Settings > Reading and set A static page option for Front page displays and set created page as Front page.

Follow six easy steps to create a homepage as the one shown here.

Step 1:To create the initial welcome block as shown, add the code in the WordPress editor under Visual tab.

welcome

[container]
    [col lg="12" md="12" sm="12" xs="12"]
      [welcome-block title="Welcome To Archtiko" content="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 ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat." buttonname="View More" buttonurl="http://archtikowp.projectsdemo.net/projects-4-columns/" ]
      [/welcome-block]
    [/col]
[/container]

Step 2:The next block is created using the FEATURE shortcode. Use the feature shortcode and create the block shown in demo.

feature

[container]
    [row]
       [col lg="4" md="4" sm="4" xs="12"]
           [feature feature_title="Vision" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-eye" style="style5" ][/feature]
           [feature feature_title="Clean Code" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-code" style="style5" ][/feature]
           [feature feature_title="Unique Design" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-magic" style="style5" ]
           [/feature]
       [/col]
       [col lg="4" md="4" sm="4" xs="12"]
            <img class=" aligncenter" src="http://archtikowp.projectsdemo.net/wp-content/uploads/2015/11/slide-architect.png" alt="slide-architect" />
       [/col]
       [col lg="4" md="4" sm="4" xs="12"]
            [feature feature_title="Vision" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-eye" style="style5" ][/feature]
            [feature feature_title="Clean Code" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-code" style="style5" ][/feature]
            [feature feature_title="Unique Design" feature_content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." icon="fa fa-magic" style="style5" ][/feature]
       [/col]
   [/row]
[/container]

Step 3:Now to create the counter as shown, use the shortcode PROJECT SHEET add the following code

counter

[row background="image" background_image="http://archtikowp.projectsdemo.net/wp-content/uploads/2015/11/counter-bg.jpg" background_attach="fixed" background_repeat="no-repeat" background_size="cover" background_position="center center" padding="120px 0 70px" ]
[container]
     [col lg="3" md="3" sm="6" xs="12"]
          [project-sheet title="Project Completed" counter="300" icon="fa fa-briefcase fa-3x"][/project-sheet][/col]
     [col lg="3" md="3" sm="6" xs="12"]
          [project-sheet title="Happy Clients" counter="450" icon="fa fa-user fa-3x"][/project-sheet][/col]
     [col lg="3" md="3" sm="6" xs="12"]
          [project-sheet title="Coffee Meetings" counter="78" icon="fa fa-coffee fa-3x"][/project-sheet][/col]
     [col lg="3" md="3" sm="6" xs="12"]
          [project-sheet title="Awards Winner" counter="132" icon="fa fa-trophy fa-3x"][/project-sheet][/col][/container]
[/row]

Step 4:Fetch your recent posts on the homepage itself! Use the shortcode LATEST NEWS and create the block as shown.

recent-post

[project count="8" order="ASC" orderby="date" style="style1"][/project]

Step 5:Add up the testimonials using TESTIMONIAL shortcode.

testimonial

[testimonial count="3" order="ASC" orderby="date" style="style1" background="true" ][/testimonial]

Step 6:Display the clients associated with your website on your homepage! Use CLIENT shortcode and create the block as shown.

client

[client count="8" ][/client]