Build an example

THIS IS STEP BY STEP HOW TO BUILD HOME PAGE "CLEANING" MANUAL FOR http://themes.g5plus.net/megatron/cleaning

Need Wordpress, Megatron & plugins are already

I. Overview elements area on page

II. Building

Build & Setting header area

1.1 Upload logo

Go to ThemeOptions >> Logo Setting tab, do follow:

1.2 Create menu

Go to Apperance >> Menus, do follow:

1.3 Settings

Go to ThemeOptions >> Header tab, then setting below

Import slider & create home page

2.1 Import slider simple

You can consult how to import slider at Set Up Homepage Slider
And locate zip file slider to import on path: megatron\assets\data-demo\cleaning\revsliderr

2.2 Create A New Page

Click classic mode, add code below:

View example's code

	[vc_row][vc_column][rev_slider_vc alias="cleaning"][/vc_column][/vc_row][vc_row layout="boxed"][vc_column][megatron_slider_container nav="yes" autoplaytimeout="5000" items="3" itemsdesktop="3" itemstablet="3" el_class="margin-top-60 margin-bottom-120"][megatron_icon_box icon_type="megatron" title="WEBSITE DESIGN" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-edit" el_class="margin-top-30"][megatron_icon_box icon_type="megatron" title="WEBSITE DEVELOPMENT" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-layers"
	el_class="margin-top-30"][megatron_icon_box icon_type="megatron" title="MAKING BUSINESS PLAN" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-linegraph"
	el_class="margin-top-30"][megatron_icon_box icon_type="megatron" title="SEO OPTIMIZATION" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-traget" el_class="margin-top-30"][megatron_icon_box icon_type="megatron" title="INTERNET MARKETING" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-genius" el_class="margin-top-30"][megatron_icon_box icon_type="megatron" title="CREATIVE AGENCY" sub_title="Lorem ipsum dolor sit amet" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, " link="url:%23||" icon_megatron="micon icon-trophy"
	el_class="margin-top-30"][/megatron_slider_container][/vc_column][/vc_row][vc_row equal_height="yes" css=".vc_custom_1450431757419{background-color: #222222 !important;}" el_class="margin-bottom-90"][vc_column width="1/2" css=".vc_custom_1450427588406{background-image: url(http://themes.g5plus.net/megatron/cleaning/wp-content/uploads/2015/12/background-03.jpg?id=48) !important;background-position: center !important;background-repeat: no-repeat !important;
	background-size: cover !important;}" el_class="col-md-6 col-sm-12"][vc_empty_space height="623px"][/vc_column][vc_column width="1/2" el_class="col-md-6 col-sm-12"][vc_row_inner el_class="margin-top-105" css=".vc_custom_1451301134968{margin-left: 5px !important;}"][vc_column_inner css=".vc_custom_1448353768004{padding-right: 30px !important;padding-left: 30px !important;}"][megatron_heading title="CLIENTS LOVE OUR WORKS" size="size-md" sub_title="Lorem ipsum dolor sit amet" text_align="text-left" color_scheme="color-light" el_class="margin-bottom-60"][/vc_column_inner][vc_column_inner][megatron_icon_box icon_type="megatron" layout_style="icon-box-circle" i_align="left" title="5 STAR SUPPORT" description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. " color_scheme="color-light" icon_megatron="micon icon-trophy" el_class="margin-bottom-60"][megatron_icon_box icon_type="megatron" layout_style="icon-box-circle" i_align="left" title=" LOOK GREAT ON ANY DEVICE" description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. " color_scheme="color-light" icon_megatron="micon icon-mobile"
	el_class="margin-bottom-60"][megatron_icon_box icon_type="megatron" layout_style="icon-box-circle" i_align="left" title="DESIGNED FOR ANY REQUIREMENTS" description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. " color_scheme="color-light" icon_megatron="micon icon-genius" el_class="margin-bottom-120"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout="boxed" el_class="margin-bottom-120"][vc_column][megatron_heading title="OUR EXPERIENCED LEADERS’ STAFF" size="size-md" sub_title="Lorem ipsum dolor sit amet" line_style="line-double"
	el_class="margin-bottom-55"][megatron_ourteam layout_style="style3" column="3" is_slider="yes" nav="yes" category="370x615"][/vc_column][/vc_row][vc_row layout="fullwidth-visible" el_class="margin-bottom-90" css=".vc_custom_1450493129649{background-color: #eeeeee !important;}"][vc_column][vc_row_inner layout="boxed" el_class="margin-top-90 margin-bottom-90"][vc_column_inner][megatron_process layout_style="style2" values="%5B%7B%22icon_type%22%3A%22megatron%22%2C%22icon_megatron%22%3A%22micon%20icon-trophy%22%2C%22icon_fontawesome%22%3A%22fa%20fa-adjust%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22title%22%3A%22STEP%2001%3A%20RESEARCH%22%2C%22description%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit%2C%20sed%20diam%20nonummy%20nibh%20euismod%20tincidunt%20ut%20laoreet%20dolore%20magna%20aliquam%20erat%20volutpat.%20%22%7D%2C%7B%22icon_type%22%3A%22megatron%22%2C%22icon_megatron%22%3A%22micon%20icon-layers%22%2C%22icon_fontawesome%22%3A%22fa%20fa-adjust%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22title%22%3A%22STEP%2002%3A%20DESIGN%20LAYOUT%22%2C%22description%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit%2C%20sed%20diam%20nonummy%20nibh%20euismod%20tincidunt%20ut%20laoreet%20dolore%20magna%20aliquam%20erat%20volutpat.%20%22%7D%2C%7B%22icon_type%22%3A%22megatron%22%2C%22icon_megatron%22%3A%22micon%20icon-linegraph%22%2C%22icon_fontawesome%22%3A%22fa%20fa-adjust%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22title%22%3A%22STEP%2003%3A%20OPTIMIZATION%22%2C%22description%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit%2C%20sed%20diam%20nonummy%20nibh%20euismod%20tincidunt%20ut%20laoreet%20dolore%20magna%20aliquam%20erat%20volutpat.%20%22%7D%2C%7B%22icon_type%22%3A%22megatron%22%2C%22icon_megatron%22%3A%22micon%20icon-traget%22%2C%22icon_fontawesome%22%3A%22fa%20fa-adjust%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22title%22%3A%22STEP%2004%3A%20MARKETING%20PLAN%22%2C%22description%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit%2C%20sed%20diam%20nonummy%20nibh%20euismod%20tincidunt%20ut%20laoreet%20dolore%20magna%20aliquam%20erat%20volutpat
	.%20%22%7D%5D"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout="boxed" el_class="margin-bottom-100"][vc_column][g5plusframework_portfolio show_category="center" column="4" item="8" padding="col-padding-15" image_size="370x284" overlay_style="title-category" overlay_effect="jazz" category="building-cleaning,door-cleaning,floor-cleaning,green,home-cleaning,other,window-cleaning"][/vc_column][/vc_row][vc_row css=".vc_custom_1450408437592{background-color: #eeeeee !important;}"][vc_column][vc_row_inner layout="boxed" el_class="margin-top-95 margin-bottom-100"][vc_column_inner el_class="col-md-3 col-sm-6 sm-margin-bottom-50" width="1/4"][megatron_counter icon_type="megatron" value="3468" title="Projects Finished" icon_megatron="micon icon-genius" value_color="#444444"
	title_color="#444444"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6 sm-margin-bottom-50" width="1/4"][megatron_counter icon_type="megatron" value="4638" title="Happy Clients" icon_megatron="micon icon-traget" value_color="#444444" title_color="#444444"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6 sm-margin-bottom-50" width="1/4"][megatron_counter icon_type="megatron" value="3468" title="Hours of work" icon_megatron="micon icon-clock" value_color="#444444" title_color="#444444"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6" width="1/4"][megatron_counter icon_type="megatron" value="3468" title="Cup of coffee" value_color="#444444" title_color="#444444" icon_megatron="micon icon-trophy"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class="margin-bottom-80"][vc_column][megatron_call_action title="Like what you see? Start now with this demo or check out our other demos to find what you need."
	link="url:%23|title:CHECK%20IT%20OUT|target:%20_blank" color="s-color-bg"][/vc_column][/vc_row][vc_row layout="boxed"][vc_column width="1/3" el_class="col-md-4 col-sm-12 sm-margin-bottom-40"][megatron_heading title="PRICING TABLE" size="size-md" sub_title="Check our services plan" line_style="line-double" text_align="text-left"][/vc_column][vc_column width="2/3" el_class="col-md-8 col-sm-12"][vc_column_text]Megatron WordPress Theme features a fully customizable Pricing Table Element that lets you feature your service/product prices in a cool, attractive and informative way. Check some of this useful element’s features as well as some examples below.[/vc_column_text][/vc_column][/vc_row][vc_row layout="boxed" el_class="margin-top-60 margin-bottom-120"][vc_column][megatron_pricingtable][/vc_column][/vc_row]

Choose source data content Portfolio,Our Team

3.1 Choose data for Portfolio shortcode

Follow below to create Portfolio item or Category

3.2 Choose data for Our Team shortcode

Follow below to create Our Team item or Category

3.3. Choose data for Pricing Table shortcode

Follow below to create Pricing Table item

Setting Footer & Create content footer

4.1 Settings Footer

Go to ThemeOptions >> Footer tab, then setting below

4.2 Create contact form 7 for footer

Do follow

Code for contact here