Setup the “Home Page Design Two” 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":"0","excerpt":"","images":{"425":"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/sites\/5\/2018\/09\/patrick-tomasso-89367-unsplash.jpg","406":"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/sites\/5\/2018\/09\/rawpixel-351765-unsplash.jpg"},"sections":[{"bg":"#323232","image_id":425,"image":"https:\/\/demo.maitheme.com\/law\/wp-content\/uploads\/sites\/5\/2018\/09\/patrick-tomasso-89367-unsplash.jpg","overlay":"dark","inner":"","height":"lg","content_width":"sm","align_content":"centerbottom","align":"center","text_size":"xl","id":"","class":"","context":"","title":"","content":"<h1>Mai Law Pro Theme<\/h1>\r\nMix and match sections from either home page design, or create your own with the Sections template included in Mai Theme.\r\n\r\n<a class=\"button white\" href=\"https:\/\/demo.maitheme.com\/law\/\">FREE CONSULTATION<\/a>\r\n<a class=\"scroll-to text-sm\" href=\"#practice-areas\">OUR PRACTICE AREAS<\/a>"},{"bg":"","image_id":"","image":false,"overlay":"","inner":"","height":"md","content_width":"md","align_content":"","align":"center","text_size":"md","id":"","class":"","context":"","title":"","content":"[columns]\r\n[col]\r\n<h3>No Fees<\/h3>\r\n<strong>You won\u2019t pay a single cent<\/strong>\u00a0unless we win the case.\r\n[\/col]\r\n[col]\r\n<h3>Experience<\/h3>\r\nWe have been winning cases for our clients for\u00a0<strong>over 50 years<\/strong>.\r\n[\/col]\r\n[col]\r\n<h3>Reputation<\/h3>\r\nOur reputation among judges and fellow lawyers is\u00a0<strong>immaculate<\/strong>.\r\n[\/col]\r\n[\/columns]"},{"bg":"#ffffff","image_id":"","image":false,"overlay":"","inner":"","height":"lg","content_width":"","align_content":"","align":"","text_size":"","id":"practice-areas","class":"","context":"","title":"Practice Areas","content":"<p class=\"text-lg\">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.<\/p>\r\n[grid content=\"page\" parent=\"13\" number=\"all\" xs=\"12\" sm=\"6\" md=\"4\" show=\"image, title\" class=\"text-xs-center top-xs-xxl\"]"},{"bg":"","image_id":"","image":false,"overlay":"","inner":"","height":"md","content_width":"sm","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>"},{"height":"auto","content_width":"full","content":"[columns gutter=\"0\"]\r\n[col image=\"406\" align_text=\"middle\" class=\"text-xl\"]\r\n\"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!\"\r\n- Olivia\r\n\r\n\"Your theme, instructional videos and tutorials and help are top notch!!!!\"\r\n- Lisa\r\n[\/col]\r\n[col bg=\"067ccc\" align_text=\"middle\"]\r\n<h3>Schedule a no-cost consultation today!<\/h3>\r\nWe believe in fostering positive, long-term relationships with our clients. Contact us to find out how we can help you achieve the success you deserve.\r\n\r\n[ninja_form id=\"1\"]\r\n[\/col]\r\n[\/columns]"}]}
MANUAL SETUP
We’ll explain here how to recreate the Mai Lifestyle Theme demo home page two.
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 two is made of 5 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
<h1>Mai Law Pro Theme</h1>
Mix and match sections from either home page design, or create your own with the Sections template included in Mai Theme.
<a class="button white" href="https://demo.maitheme.com/law/">FREE CONSULTATION</a>
<a class="scroll-to text-sm" href="#practice-areas">OUR PRACTICE AREAS</a>
Settings
Background Color: None
Background Image: Select any image from the Media Library
Overlay Style: Dark
Inner Style: None
Height: Large
Content Width: Small
Content Alignment: Center Bottom
Text Alignment: Center
Text Size: Extra Large
Section 2
Title
None.
Content
[columns]
[col]
<h3>No Fees</h3>
<strong>You won’t pay a single cent</strong> unless we win the case.
[/col]
[col]
<h3>Experience</h3>
We have been winning cases for our clients for <strong>over 50 years</strong>.
[/col]
[col]
<h3>Reputation</h3>
Our reputation among judges and fellow lawyers is <strong>immaculate</strong>.
[/col]
[/columns]
Settings
Background Color: None
Background Image: None
Overlay Style: None
Inner Style: None
Height: Default
Content Width: Medium
Content Alignment: None
Text Alignment: Center
Text Size: Default
Section 3
Title
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
<p class="text-lg">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.</p>
[grid content="page" parent="13" number="all" xs="12" sm="6" md="4" show="image, title" class="text-xs-center top-xs-xxl"]
Settings
Background Color: #ffffff
Background Image: None
Overlay Style: None
Inner Style: None
Height: Large
Content Width: Default
Content Alignment: None
Text Alignment: None
Text Size: None
HTML id: practice-areas
(For Section 1 link to scroll-to this section)
Section 4
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>
https://player.vimeo.com/video/296081276
Settings
Background Color: None
Background Image: None
Overlay Style: None
Inner Style: None
Height: Default
Content Width: Small
Content Alignment: None
Text Alignment: Center
Text Size: Extra Large
Section 5
Title
None.
Content
[columns gutter="0"]
[col image="406" align_text="middle" class="text-xl"]
"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!"
- Olivia
"Your theme, instructional videos and tutorials and help are top notch!!!!"
- Lisa
[/col]
[col bg="067ccc" align_text="middle"]
<h3>Schedule a no-cost consultation today!</h3>
We believe in fostering positive, long-term relationships with our clients. Contact us to find out how we can help you achieve the success you deserve.
[ninja_form id="1"]
[/col]
[/columns]
Settings
Background Color: None
Background Image: None
Overlay Style: None
Inner Style: None
Height: Auto
Content Width: Full Width
Content Alignment: None
Text Alignment: None
Text Size: None