Setup the “Home Page Design Three” page like the demo
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]"}]}
Mai Law Homepage Three
MANUAL SETUP
We’ll explain here how to recreate the Mai Lifestyle Theme demo home page three.
Getting Started
- In your WP dashboard visit Pages > Add New.
- Under Page Attributes, choose the Sections template. See the Sections Template article for details about this template.
- Save as Draft or Publish to view the Sections metabox so you can start adding your content.
- 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.
!@#$%
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]
[/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