Skip to main content

Alita – Home Page

To setup Home Page You have to install require plugins included: Elementor Website Builder and TemPlaza Elements.

Home Page

The Home Page uses different Elementor widgets.

View the homepage layout view on frontend:​

Home Page

Steps to Create the Home demo menu items​

The Main Home page on the demo site uses TemPlaza: Heading, UI Text, UI Button, UI Card, Testimonials, UI Image, UI Post, UI Marker & Counter widgets to display the Content.

Here is a guide to create Home Page:

Step 1: Create a template site​

  • Go to unzipped folder -> data-import -> templates -> home_page.json
  • Go to wp-admin -> Alita Options -> Templates -> Click “Add New” -> Import / Export
  • Insert Template title -> Click Publish

Home Page

Choose import file to import file

Home Page

Step 2: Create a new page​

Go to wp-admin -> Pages -> Add New Page -> Edit with Elementor -> Publish

Home Page

Step 3: Configure Elementor widgets​

Home Page uses TemPlaza: Heading, UI Text, UI Button, UI Card, Testimonials, UI Image, UI Post, UI Marker & Counter widgets.

1.Heading section​

Heading section uses TemPlaza: Heading, Text and UI Button

1.1. TemPlaza: Heading Widget

Home Page

Add title, highlight and after highlight text. Configure heading style and highlight effect.

1.2. Text Widget

Home Page

Add text widget with class=”uk-text-lead”

1.3. TemPlaza: UI Button

Home Page

Enter your text and link -> configure button style and shape

2.Feature Box​

Add a section with 3 columns -> Drag ‘n drop TemPlaza UI Card Widget.

Home Page

Extra settings

Home Page

3.Testimonials​

Home Page

4.About Company​

About Company section uses TemPlaza: UI Text, UI Image and UI Button

4.1. TemPlaza: UI Text

Home Page

Enter your title, sub title and content.

4.2. TemPlaza: UI Button

Home Page

Enter your button text, link, icon and color.

4.3. TemPlaza: UI Image

Home Page

Select your image. Configure image size and animation.

5.Counter Section​

Add a section with 4 columns -> Drag ‘n drop Counter Widget.

Home Page

Enter starting number and ending number.

6.Portfolio Section​

Portfolio section uses TemPlaza: UI Text and UI Post

Home Page

Choose Resource: Portfolio. Select a category or leave it blank. Configure limit and Responsive columns

Extra settings

Home Page

7.Marker Section​

The marker section uses TemPlaza: UI Text and UI Marker

Home Page

Add maker items and configure them

Home Page

8.Blog Section​

Blog section uses TemPlaza: UI Text and UI Post

Home Page

Choose Resource is Post, Select your category, Limit and Responsive Columns