Alita – About

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

Click begin installing plugins to install plugins

The About Page using different Elementor widgets.

View About Page layout view on frontend:

Demo home use the Home Page template

Steps to Create the About demo menu items

The About page on the demo site uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, Testimonials, UI Image, UI Marker & UI Icon widgets to display the Content.

Here is a guide to create About Page:

Step 1: Create a template site

  • Go to unzipped folder -> data-import -> templates -> elementor_template.json
  • Go to wp-admin -> Alita Options -> Templates -> Click “Add New” -> Import / Export
  • Insert Template title -> Click Publish
Choose import file to import file
Click “Upload file” >> Choose import template file from download package >> Click “Import” >> Add Title “Elementor Template” and click to Publish

Step 2: Create a new page

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

Add title -> Edit with Elementor
Select Templaza style.

Step 3: Configure Elementor widgets

About Page uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, Testimonials, UI Image, UI Marker & UI Icon widgets.

1. Heading section

Heading section uses TemPlaza: UI Text

Add title and content. Configure heading style “Medium” and title tag “h1”.

2. Image Heading

Add section with 2 columns -> Drag ‘n drop TemPlaza UI Image Widget.

Select Image and configure Image Size

3. About Company

About Company section uses TemPlaza: UI Text, UI Accordion

3.1. 10 Years’ Experience In It

Use UI Text to setup Title and Content. To setup likes demo please use code below:

<div class="uk-flex-inline uk-flex-bottom"><span class="uk-text-bold uk-margin-small-right" style="font-size: 180px; color: rgb(235, 43, 122); line-height: 0.82;">10</span> Years’ experience in IT</div>

Use UI Text to display content use style Lead to display content.

Enter your title, sub title and content.
3.2. UI Accordion

Use UI Accordion to setup FAQs.

Enter your title and content for each accordion item.

4. Marker Section

Marker section uses TemPlaza: UI Marker

Add maker items and configure them
Marker Options
Map Settings
Title configure

5. Core Value Section

Core Value section uses TemPlaza: UI Card

Enter your title, content.

6. Testimonials

Add quote text, author and position.

7. Core Team Section

Core Team section uses UI Text for title and UI Person for your team.

Select Image, Name and Designation for your team.

8. Call to action section

Call to Action section uses TemPlaza Heading and UI Icon.

8.1. TemPlaza: Heading
Add call to action text and add link
8.2 TemPlaza: UI Icon
Configure Icon and Link