Build an example

THIS IS STEP BY STEP GUIDE ON HOW TO BUILD HOME PAGE MANUALLY FOR MOWASALAT HOME 1

Need Wordpress, Mowasalat & plugins are already

I. Overview elements area on page

II. BUILDING

1. Build & Setting header area

You can consult this video guide on How to build Header Area (on ORSON - Homepage 15)

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

1.4 Add widgets "G5Plus-Info Box" to "Top Bar Left" area

Add content to "G5Plus-Info Box":

1.5 Add widgets "G5Plus - Social Profile" to "Top Bar Right" area

Add content to "G5Plus - Social Profile":

2. Import slider & create home page

2.1 Import slider simple

You can consult how to import slider at IMPORT SLIDER HOME PAGE
And locate zip file slider to import on path: Mowasalat\theme-plugins\Mowasalat-framework\install-demo\data\main\revslider

2.2 Create A New Page

Click classic mode, add code below:

View example's code

[vc_row][vc_column][rev_slider alias="home-1"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" el_class="mg-top-100 sm-mg-top-80 mg-bottom-100 sm-mg-bottom-80"][vc_column][g5plus_heading align="center" css_animation="top-to-bottom" title="OUR SERVICES" sub_title="BOOKING OUR CARGO TO THE FUTURE"][g5plus_services nav_position="center-inner" dots="" columns="6" image_size="services-size-md" color_scheme="services-gray" columns_gap="col-gap-0" css_animation="bottom-to-top" animation_delay="0.2" is_slider="true" triangle_overlay="true" scale_top_bottom="true"][/vc_column][/vc_row][vc_row][vc_column][g5plus_heading align="center" css_animation="top-to-bottom" title="WHY TO CHOOSE US" sub_title="THINKING THE WAY FORWARDED"][/vc_column][/vc_row][vc_row el_class="mg-bottom-55 sm-mg-bottom-35"][vc_column offset="vc_col-md-6"][vc_single_image image="98" img_size="557×521" alignment="center" css_animation="left-to-right"][/vc_column][vc_column offset="vc_col-md-6"][vc_column_text css_animation="right-to-left" el_class="mg-bottom-40"]

Temporibus autem quibusdam et aut officiis debitis is aut rerum necessitatibus saepes eveniet ut et seo lage voluptates repudiandae sint et molestiae non mes  for Creating  futures through building preservation.

[/vc_column_text][vc_row_inner equal_height="yes"][vc_column_inner el_class="mg-bottom-35 col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_icon_box layout_style="text-left" icon_bg_shape="icon-bg-circle" icon_scheme_color="icon-scheme-gray" title="Goods Packaging" description="Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam." icon_font="flaticon-forklift-with-boxes" css_animation="right-to-left"][/vc_column_inner][vc_column_inner el_class="mg-bottom-35 col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_icon_box layout_style="text-left" icon_bg_shape="icon-bg-circle" icon_scheme_color="icon-scheme-gray" title="Destination Possibilities" description="Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam." icon_font="flaticon-truck-3" css_animation="right-to-left" animation_delay="0.2"][/vc_column_inner][vc_column_inner el_class="mg-bottom-35 col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_icon_box layout_style="text-left" icon_bg_shape="icon-bg-circle" icon_scheme_color="icon-scheme-gray" title="Goods Tracking System" description="Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam." icon_font="flaticon-ship-6" css_animation="right-to-left"][/vc_column_inner][vc_column_inner el_class="col-mb-12" width="1/2" offset="vc_col-xs-6"][g5plus_icon_box layout_style="text-left" icon_bg_shape="icon-bg-circle" icon_scheme_color="icon-scheme-gray" title="High Protection" description="Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam." icon_font="flaticon-technology" css_animation="right-to-left" animation_delay="0.2"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" parallax_image="450" css=".vc_custom_1468982470364{background-position: center;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="bg-half-left-dark mg-bottom-100 sm-mg-bottom-80"][vc_column width="1/2" el_class="pd-right-25 xs-pd-right-0 mg-top-100 mg-bottom-100 sm-mg-top-80 sm-mg-bottom-80" offset="vc_col-xs-12"][g5plus_heading color_scheme="dark" css_animation="left-to-right" title="REQUEST A QUOTE" sub_title="MAKE THE WORLD GO ROUND AND REVOLUTION BUSINESS" css=".vc_custom_1468915694786{margin-bottom: 70px !important;}"][vc_column_text css_animation="left-to-right"][contact-form-7 id="17" title="Page 1-2-11"][/vc_column_text][/vc_column][/vc_row][vc_row el_class="mg-bottom-90 sm-mg-bottom-70"][vc_column][g5plus_heading align="center" css_animation="top-to-bottom" title="LATEST NEWS" sub_title="ALL ABOUT MOWASALAT UPDATES"][g5plus_posts source="oldest" number="5" columns="3" is_excerpt="true" dots="" nav="" css_animation="bottom-to-top" animation_delay="0.2" items_md="-1" items_sm="2" items_xs="2" items_mb="1" is_slider="true"][/vc_column][/vc_row][vc_row full_width="stretch_row" parallax="content-moving" overlay_mode="color" overlay_color="rgba(0,0,0,0.9)" css=".vc_custom_1468633713022{background-image: url(http://dev.g5plus.net/mowasalat/wp-content/uploads/2016/07/testimonials-background-01.jpg?id=87) !important;}" el_class="pd-top-100 pd-bottom-100 sm-pd-top-80 sm-pd-bottom-80"][vc_column width="5/6" offset="vc_col-sm-offset-1"][g5plus_heading align="center" color_scheme="dark" css_animation="top-to-bottom" title="WHAT OUR CLIENTS SAYS" sub_title="ALL WHAT CUSTOMERS SAID ABOUT US"][g5plus_testimonials values="%5B%7B%22avatar%22%3A%2286%22%2C%22author%22%3A%22Fatma%20Hassan%22%2C%22quote%22%3A%22Imagination%E2%80%A6%20What%20we%20can%20easily%20see%20is%20only%20a%20small%20percentage%20of%20what%20is%20possible.%20Logistics%20through%20innovation%2C%20dedication%2C%20and%20technology.%22%7D%2C%7B%22avatar%22%3A%2289%22%2C%22author%22%3A%22Jollie%20Rose%22%2C%22quote%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit.%20Sed%20eget%20risus%20porta%2C%20tincidunt%20turpis%20at%2C%20interdum%20tortor.%22%7D%5D" nav="" dots="true" dot_style="round" css_animation="bottom-to-top" animation_delay="0.2" arrows_style="classic"][/vc_column][/vc_row][vc_row][vc_column][g5plus_partner_carousel images="47,48,49,50,55" custom_links_target="" nav="" dots="" css_animation="bottom-to-top" animation_delay="0.2" el_class="pd-top-45 pd-bottom-45"][/vc_column][/vc_row]