AUTOMATIC SETUP

To automatically import the homepage content and settings, triple-click the following snippet and copy/paste it into the Sections Import/Export metabox and update your page. Note: This will overwrite any existing page content!

{"home_url":"https:\/\/demo.maitheme.com\/law","layout":"full-width-content","banner_id":false,"hide_banner":"1","hide_breadcrumbs":"1","hide_featured":"1","excerpt":"","images":{"428":"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/sites\/5\/2018\/09\/rawpixel-771306-unsplash.jpg"},"sections":[{"bg":"#323232","image_id":"","image":false,"overlay":"","inner":"","height":"md","content_width":"","align_content":"","align":"","text_size":"","id":"","class":"","context":"","title":"","content":"[columns align=\"middle\"]\r\n[col align_text=\"left\"]\r\n<h1>Mai Law Pro Theme<\/h1>\r\nThe perfect theme for\u00a0you to showcase your firm on the web.\r\nThe last theme you'll ever need.\r\n\r\n<a class=\"button white\" href=\"https:\/\/demo.maitheme.com\/law\/\">FREE CONSULTATION<\/a>\u00a0\u00a0<a class=\"scroll-to text-sm\" href=\"#why-us\">WHY CHOOSE US?<\/a>\r\n[\/col]\r\n[col]\r\nhttps:\/\/youtu.be\/UsgYKyvzlYY\r\n[\/col]\r\n[\/columns]"},{"bg":"#f7f7f7","image_id":"","image":false,"overlay":"","inner":"","height":"sm","content_width":"md","align_content":"","align":"center","text_size":"xl","id":"","class":"","context":"","title":"","content":"\u201cI love this theme! Great flexibility and so many options! But best of all is the responsive customer support.\u201d\r\n<strong class=\"text-lg\">\u2013 Linda<\/strong>"},{"bg":"#ffffff","image_id":"","image":false,"overlay":"","inner":"","height":"lg","content_width":"","align_content":"","align":"center","text_size":"","id":"","class":"","context":"","title":"Our Practice Areas","content":"Our full service firm has over 50 years of experience in a variety of practice areas and legal services. We pay special attention to your needs, pride ourselves on delivering consistent, outstanding results, and adhere to strict ethical and legal guidelines. Browse our practice areas to learn more about how we can help you.\r\n\r\n[grid content=\"page\" parent=\"13\" number=\"all\" show=\"image, title, excerpt, more_link\" align_text=\"center, bottom\" slider=\"true\" center_mode=\"true\" dots=\"true\"]"},{"bg":"","image_id":"","image":false,"overlay":"","inner":"","height":"sm","content_width":"","align_content":"","align":"center","text_size":"xl","id":"","class":"","context":"","title":"","content":"\u201cI\u2019ve been very happy with my experience with the Mai Theme and the company\u2019s support and have been recommending it to others. Thank you!\u201d\r\n<strong class=\"text-lg\">\u2013 Olivia<\/strong>"},{"bg":"#ffffff","image_id":"","image":false,"overlay":"","inner":"","height":"lg","content_width":"","align_content":"","align":"center","text_size":"","id":"","class":"","context":"","title":"","content":"[columns align=\"middle\"]\r\n[col]\r\n<img class=\"alignnone size-featured wp-image-424\" src=\"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/2018\/09\/rawpixel-684806-unsplash-800x600.jpg\" alt=\"photo of lawyers collaborating; Mai Law Pro Theme, a Wordpress law theme\" width=\"800\" height=\"600\" \/>\r\n[\/col]\r\n[col]\r\n<h2>Our Attorneys<\/h2>\r\n<p class=\"text-lg\">Our reputable, talented team members are among the top in their respective fields. We care about our clients and our community and will work tirelessly to achieve exceptional results for you.<\/p>\r\n<a class=\"button\" href=\"\/attorneys\/\">Meet Our Attorneys<\/a>\r\n[\/col]\r\n[\/columns]"},{"bg":"","image_id":"","image":false,"overlay":"","inner":"","height":"md","content_width":"","align_content":"","align":"center","text_size":"xl","id":"","class":"","context":"","title":"","content":"\u201cYour theme, instructional videos and tutorials and help are top notch!!!!\u201d\r\n<strong class=\"text-lg\">\u2013 Lisa<\/strong>"},{"bg":"#2080c6","image_id":428,"image":"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/sites\/5\/2018\/09\/rawpixel-771306-unsplash.jpg","overlay":"dark","inner":"dark","height":"lg","content_width":"md","align":"center","content":"<strong>Looking for immediate answers to your questions?<\/strong>\r\n<h2>Schedule a no-cost consultation today!<\/h2>\r\nThis page was built using the powerful Sections page template that comes with this theme.\u00a0With the \u201cSections\u201d template, you\u2019re not stuck with using custom widget areas when designing your home page. And why limit yourself to a front page? The \u201cSections\u201d template can be used on as many pages as you like!\r\n\r\n[ninja_form id=2]"}]}

MANUAL SETUP

We'll explain here how to recreate the Mai Lifestyle Theme demo home page three.

Getting Started

  1. In your WP dashboard visit Pages > Add New.
  2. Under Page Attributes, choose the Sections template. See the Sections Template article for details about this template.
  3. Save as Draft or Publish to view the Sections metabox so you can start adding your content.
  4. Make sure your new page is set as your Static Front Page in Dashboard > Appearance > Customize > Homepage Settings > A static page & Homepage.

Set your page Layout Settings

Homepage Sections Settings & Content

The Mai Lifestyle Theme demo homepage three is made of 7 sections, created using the Section editor, which works like the Editor of any page. You can edit the content in Visual or Text mode, and apply various settings to each section to configure the Background, Overlay, Inner Style, Height, Content Width, and Content Alignment. Additionally there are advanced settings to apply.

[email protected]#$%

Where applicable paste content into the Text tab of the editor.

Section 1

Title

None.

Content

[columns align="middle"]
[col align_text="left"]
<h1>Mai Law Pro Theme</h1>
The perfect theme for you to showcase your firm on the web.
The last theme you'll ever need.

<a class="button white" href="https://demo.maitheme.com/law/">FREE CONSULTATION</a>  <a class="scroll-to text-sm" href="#why-us">WHY CHOOSE US?</a>
[/col]
[col]
https://player.vimeo.com/video/296081276
[/col]
[/columns]

Settings

Background Color: #323232  
Background Image: None
Overlay Style: None
Inner Style: None
Height: Extra Default
Content Width: Default
Content Alignment: None
Text Alignment: None
Text Size: Large 

Section 2

Title

None.

Content

“I love this theme! Great flexibility and so many options! But best of all is the responsive customer support.”
<strong class="text-lg">– Linda</strong>

Settings

Background Color: #ffffff  
Background Image: None
Overlay Style: None
Inner Style: None
Height: Large
Content Width: Default
Content Alignment: None
Text Alignment: Center
Text Size: Extra Large

Section 3

Title

Our Practice Areas

Our demo site has a page called Practice Areas which has the ID of 13 . All of the actual practice areas are child pages of this page, so in our [grid]  shortcode we use parent=“13”  to only show child pages of the main Practice Area page in this section.

Content

Our full service firm has over 50 years of experience in a variety of practice areas and legal services. We pay special attention to your needs, pride ourselves on delivering consistent, outstanding results, and adhere to strict ethical and legal guidelines. Browse our practice areas to learn more about how we can help you.

[grid content="page" parent="13" number="all" show="image, title, excerpt, more_link" align_text="center, bottom" slider="true" center_mode="true" dots="true"]

Settings

Background Color: #ffffff
Background Image: None
Overlay Style: None
Inner Style: None
Height: Large
Content Width: Default
Content Alignment: None
Text Alignment: Center
Text Size: None 

Section 4

Title

None.

Content

“I’ve been very happy with my experience with the Mai Theme and the company’s support and have been recommending it to others. Thank you!”
<strong class="text-lg">– Olivia</strong>

Settings

Background Color: None
Background Image: None
Overlay Style: None
Inner Style: None
Height: Small
Content Width: Default
Content Alignment: None
Text Alignment: Center
Text Size: Extra Large

Section 5

Title

None.

Content

[columns align="middle"]
[col]
<img class="alignnone size-featured wp-image-424" src="https://demo.maitheme.com/law/wp-content/uploads/2018/09/rawpixel-684806-unsplash-800x600.jpg" alt="photo of lawyers collaborating; Mai Law Pro Theme, a Wordpress law theme" width="800" height="600" />
[/col]
[col]
<h2>Our Attorneys</h2>
<p class="text-lg">Our reputable, talented team members are among the top in their respective fields. We care about our clients and our community and will work tirelessly to achieve exceptional results for you.</p>
<a class="button" href="/attorneys/">Meet Our Attorneys</a>
[/col]
[/columns]

Settings

Background Color: #ffffff
Background Image: None
Overlay Style: None
Inner Style: None
Height: Large
Content Width: Default
Content Alignment: None
Text Alignment: Center
Text Size: None

Section 6

Title

None.

Content

“Your theme, instructional videos and tutorials and help are top notch!!!!”
<strong class="text-lg">– Lisa</strong>

Settings

Background Color: None
Background Image: None
Overlay Style: None
Inner Style: None
Height: Default
Content Width: Default
Content Alignment: None
Text Alignment: Center
Text Size: Extra Large

Section 7

Title

None.

Content

<strong>Looking for immediate answers to your questions?</strong>
<h2>Schedule a no-cost consultation today!</h2>
This page was built using the powerful Sections page template that comes with this theme. With the “Sections” template, you’re not stuck with using custom widget areas when designing your home page. And why limit yourself to a front page? The “Sections” template can be used on as many pages as you like!

[ninja_form id=2]

Settings

Background Color: None
Background Image: Select any image from the Media Library
Overlay Style: Dark
Inner Style: Dark Box
Height: Large
Content Width: Medium
Content Alignment: None
Text Alignment: Center
Text Size: None 

Did this answer your question?