Pages

Let's proceed with creating our pages. Here are some usefull links to Visual Composer tutorials, which may be useful when building a page:

The whole page is build with the following elements: Rows, Block containers, Content blocks, Gaps, Columns and Blogger shortcode.

It is possible to create as many options of the page, as you want. But, you can also use the same style we have provided ( as on our demo). The following steps will be required to create the page:

  1. Go to Pages > Add New and create a new page.

        2. Specify a name for it (e.g. Home 1) and click on "Publish" button:

       3. Navigate to  Backend Editor (Classic Mode) > Add Element. A set of shortcodes will be open after that:

The screenshot below demonstrates About page style. Here you can see which backend section corresponds to a frontend section:

Backend.

Plain code:

<strong>[vc_row full_width="stretch_row_content_no_spaces" equal_height="yes" css=".vc_custom_1495621057287{background-color: #1c1c18 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column desctop_pt="padd-md-t95" desctop_pb="padd-md-b65" tablets_pt="padd-sm-t70" tablets_pb="padd-sm-b55" mobile_pt="padd-xs-t50" mobile_pb="padd-xs-b50" css=".vc_custom_1481036401233{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" offset="vc_col-lg-6"][mechanic_heading title="About Our Company" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididun" style_title="medium" divider_switcher="show" lx_iconset_dividers="icon-divider2" design_style="lx_mechanic" style_divider="sculptor" left_space_container="true" lx_space_container="true" text_divider_switcher="true" custom_color_divider="true"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisr sit amet, consectetur adipisicing magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisr sit amet, consectetur   quis nostrud exercitation ullamco laborisr sit amet, consectetur adipisicing magna aliqua. Ut enim ad minim veniam, quis nostr
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation  veniam, quis ud exercitation[/mechanic_heading][/vc_column][vc_column desctop_pt="padd-md-t200" desctop_pb="padd-md-b200" mobile_pt="padd-xs-t120" mobile_pb="padd-xs-b120" offset="vc_col-lg-6" css=".vc_custom_1495630424520{background-image: url(http://mechanic/wp-content/uploads/2016/12/photo-69.jpg?id=2087) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][/vc_column][/vc_row]<br></strong>

Blog page

Here is how it looks on the frontend:

Backend.

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][mechanic_main style_bg="bg_image" bg_image_lx="4772"][vc_row_inner][vc_column_inner][mechanic_heading title="Our Blog" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Utenim ad minim veniam, quis nostrud exercitation ullamco ad minim veniam, quis nostrud " style_title="large" align="text-center"][/mechanic_heading][/vc_column_inner][/vc_row_inner][/mechanic_main][/vc_column][/vc_row][vc_row][vc_column][mechanic_heading title="Blog Style 2" style_text="dark" style_title="medium" align="text-center" lx_iconset_dividers="icon-barber" lx_iconset_barber="icon-barber" tag_title="h4"][/mechanic_heading][/vc_column][/vc_row][vc_row desctop_mt="marg-md-t30" desctop_mb="marg-md-b95" tablets_mt="marg-sm-t30" tablets_mb="marg-sm-b65" mobile_mt="marg-xs-t25" mobile_mb="marg-xs-b15"][vc_column][mechanic_blog cats="master,mechanic" width="1/4" limit="6"][/vc_column][/vc_row][vc_row full_width="stretch_row" desctop_pt="padd-md-t60" desctop_pb="padd-md-b65" tablets_pt="padd-sm-t50" tablets_pb="padd-sm-b50" mobile_pt="padd-xs-t15" mobile_pb="padd-xs-b30" css=".vc_custom_1493659552630{background-color: #f2f2f2 !important;}"][vc_column][vc_row_inner][vc_column_inner width="1/3"][mechanic_heading title="Connect with Us" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor " style_text="dark" style_title="medium" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa erciuis nullamdeserunt mollit anim id est laborum ercitation[/mechanic_heading][/vc_column_inner][vc_column_inner width="2/3" desctop_mt="marg-md-t10"][mechanic_formidable form="3" style="career"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]<br>

Career page

Backend.

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][mechanic_main style_bg="bg_image" check_paralax="true" bg_image_lx="4777"][vc_row_inner desctop_mt="marg-md-t250" desctop_mb="marg-md-b25" tablets_mt="marg-sm-t120" tablets_mb="marg-sm-b20" mobile_mt="marg-xs-t50" mobile_mb="marg-xs-b20" desctop_pt="padd-md-t35" tablets_pt="padd-sm-t110"][vc_column_inner][mechanic_heading title="Be a Part of Dream Team " subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco ad minim veniam, quis nostrud " style_title="large" align="text-center"][/mechanic_heading][/vc_column_inner][/vc_row_inner][vc_row_inner desctop_mb="marg-md-b170" tablets_mb="marg-sm-b120" mobile_mb="marg-xs-b65"][vc_column_inner][mechanic_lx_button lx_link="url:%23|title:Apply||" align_button="center" lx_bg_color="#dd9142"][/vc_column_inner][/vc_row_inner][/mechanic_main][/vc_column][/vc_row][vc_row desctop_mt="marg-md-t100" tablets_mt="marg-sm-t70" mobile_mt="marg-xs-t55"][vc_column][mechanic_heading title="What We Offer" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididamco " style_text="dark" style_title="medium" align="text-center" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"][/mechanic_heading][/vc_column][/vc_row][vc_row desctop_mt="marg-md-t80" desctop_mb="marg-md-b85" tablets_mt="marg-sm-t60" tablets_mb="marg-sm-b65" mobile_mt="marg-xs-t30" mobile_mb="marg-xs-b45"][vc_column][mechanic_services style="icon-career" limit="six" big_image="4778"][mechanic_text_icon title="Professional growth" type="career" lx_iconset_career="icon-icon-7-4" align="text_right" align_icon="icon_right" align_block="section_left" icon_border="round"]Lior sit amet, consectetur adipisg elit,
sed do eiusmod tempor incdunt ut
labore et dolore magna[/mechanic_text_icon][mechanic_text_icon title="Competitive salary" type="career" lx_iconset_career="icon-icon-7-3" align_block="section_right" icon_border="round" iconset="icon_2"]Amet, consectetur adipisicing elit, sed
do eiusmod tempor incidunt ut labore
et dolore magna[/mechanic_text_icon][mechanic_text_icon title="The system of bonuses" type="career" lx_iconset_career="icon-icon-7-7" align="text_right" align_icon="icon_right" align_block="section_left" icon_border="round" iconset="icon_6"]Dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt
ut labore et dolore magna[/mechanic_text_icon][mechanic_text_icon title="Educational programs " type="career" lx_iconset_career="icon-icon-7-6" align_block="section_right" icon_border="round" iconset="icon_3"]Consectetur adipisicing elit, sed do
eiusmod tempor incidunt ut labore et
dolore magna[/mechanic_text_icon][mechanic_text_icon title="Comfortable working conditions" type="career" lx_iconset_career="icon-icon-7-5" align="text_right" align_icon="icon_right" align_block="section_left" icon_border="round" iconset="icon_5"]Dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt
ut labore et dolore magna[/mechanic_text_icon][mechanic_text_icon title="Development your skills " type="career" lx_iconset_career="icon-icon-7-8" align_block="section_right" icon_border="round" iconset="icon_4"]Sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incidunt ut
labore et dolore magna[/mechanic_text_icon][/mechanic_services][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column][mechanic_main style_bg="bg_image" check_paralax="true" bg_image_lx="2134"][vc_row_inner desctop_pt="padd-md-t95" tablets_pt="padd-sm-t70" mobile_pt="padd-xs-t50"][vc_column_inner][mechanic_heading title="Our Employees Say" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididamco " style_title="medium" align="text-center" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career_light"][/mechanic_heading][/vc_column_inner][/vc_row_inner][vc_row_inner desctop_mt="marg-md-t90" desctop_mb="marg-md-b110" tablets_mt="marg-sm-t15" tablets_mb="marg-sm-b110" mobile_mt="marg-xs-t10" mobile_mb="marg-xs-b90"][vc_column_inner][mechanic_testimonials style_text="light" width="2" style="t-tutor"][mechanic_testimonials_item title="Mark Born" desc="Rem ipsum dolor sit amet, consectetur adipisicing elit,
sed eiusmod tempor incididunt ut labore et dolore
magna aliqua. Enim ad minim veniam." image="4764"][mechanic_testimonials_item title="Jesika Green" desc="Sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut na aliqua. Ut enim ad minim veniam,
quis nostrud exercitation " image="4761"][mechanic_testimonials_item title="Jesika Black" desc="Sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut na aliqua. Ut enim ad minim veniam,
quis nostrud exercitation " image="4748"][/mechanic_testimonials][/vc_column_inner][/vc_row_inner][/mechanic_main][/vc_column][/vc_row][vc_row desctop_pt="padd-md-t100" desctop_pb="padd-md-b105" tablets_pt="padd-sm-t80" tablets_pb="padd-sm-b80" mobile_pt="padd-xs-t75" mobile_pb="padd-xs-b30"][vc_column][vc_row_inner desctop_mb="marg-md-b60" tablets_mb="marg-sm-b50" mobile_mb="marg-xs-b40"][vc_column_inner][mechanic_heading title="Who We Are Looking For" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididamco " style_text="dark" style_title="medium" align="text-center" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"][/mechanic_heading][/vc_column_inner][/vc_row_inner][mechanic_jobs title="IOS Developer " price="2 800$" desc="Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.." link="url:%23|title:Apply||"][mechanic_jobs title="PHP Developer " price="1 780$" desc="Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem." link="url:%23|title:Apply||"][mechanic_jobs title="Juniour Web Designer " price="1 200$" desc="Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa..." link="url:%23|title:Apply||"][/vc_column][/vc_row][vc_row full_width="stretch_row" desctop_pt="padd-md-t60" desctop_pb="padd-md-b65" tablets_pt="padd-sm-t50" tablets_pb="padd-sm-b50" mobile_pt="padd-xs-t15" mobile_pb="padd-xs-b30" css=".vc_custom_1493676599078{background-color: #f2f2f2 !important;}"][vc_column][vc_row_inner][vc_column_inner width="1/3"][mechanic_heading title="Connect with Us" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor " style_text="dark" style_title="medium" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa erciuis nullamdeserunt mollit anim id est laborum ercitation[/mechanic_heading][/vc_column_inner][vc_column_inner width="2/3" desctop_mt="marg-md-t10"][mechanic_formidable form="3" style="career"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
<br>

Pricing page

Backend.

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][mechanic_main style_bg="bg_image" check_paralax="true" bg_image_lx="4794"][vc_row_inner desctop_mt="marg-md-t150" desctop_mb="marg-md-b25" tablets_mt="marg-sm-t110" tablets_mb="marg-sm-b20" mobile_mt="marg-xs-t40" mobile_mb="marg-xs-b20" desctop_pt="padd-md-t75" tablets_pt="padd-sm-t110"][vc_column_inner][mechanic_heading title="Mechanic is the Best for Your Business " subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco ad minim veniam, quis nostrud " style_title="large" align="text-center"][/mechanic_heading][/vc_column_inner][/vc_row_inner][vc_row_inner desctop_mt="marg-md-t25" desctop_mb="marg-md-b130" tablets_mb="marg-sm-b120" mobile_mb="marg-xs-b65"][vc_column_inner][mechanic_lx_button lx_link="url:%23|title:Buy%20Theme||" align_button="center" size_button="small" lx_bg_color="#dd9142"][/vc_column_inner][/vc_row_inner][/mechanic_main][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner desctop_mt="marg-md-t95" tablets_mt="marg-sm-t55" mobile_mt="marg-xs-t55"][vc_column_inner][mechanic_heading title="What Will You Get" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididun" style_text="dark" style_title="medium" align="text-center" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"][/mechanic_heading][/vc_column_inner][/vc_row_inner][vc_row_inner desctop_mt="marg-md-t60" desctop_mb="marg-md-b115" tablets_mt="marg-sm-t55" tablets_mb="marg-sm-b85" mobile_mt="marg-xs-t55" mobile_mb="marg-xs-b55"][vc_column_inner width="1/4"][mechanic_text_icon title="Growth" type="career" lx_iconset_career="icon-icon-7-1" style_title="medium" align="text_center" align_icon="icon_center"]Lior sit amet, consectetur adipisg
elit, sed do eiusmod tempor
incdunt ut labore[/mechanic_text_icon][/vc_column_inner][vc_column_inner width="1/4"][mechanic_text_icon title="Innovation" type="career" lx_iconset_career="icon-icon-7-6" style_title="medium" align="text_center" align_icon="icon_center"]Amet, consectetur adipisicing elit,
sed do eiusmod tempor incidunt ut
labo isicing elitre[/mechanic_text_icon][/vc_column_inner][vc_column_inner width="1/4"][mechanic_text_icon title="Time Save" type="career" lx_iconset_career="icon-icon-7-5" style_title="medium" align="text_center" align_icon="icon_center"]Consectetur adipisicing elit, sed do
eiusmod tempor incidunt ut labore
et dolore[/mechanic_text_icon][/vc_column_inner][vc_column_inner width="1/4"][mechanic_text_icon title="Resultative" type="career" lx_iconset_career="icon-icon-7-7" style_title="medium" align="text_center" align_icon="icon_center"]Sit amet, consectetur adipisicing
elit, sed do eiusmod tempor ncidunt
ut labore[/mechanic_text_icon][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column][mechanic_main style_bg="bg_image" check_paralax="true" bg_image_lx="4795"][vc_row_inner desctop_pt="padd-md-t90" tablets_pt="padd-sm-t85" mobile_pt="padd-xs-t85"][vc_column_inner][mechanic_heading title="Our Tariff Plans" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididamco " style_title="medium" align="text-center" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"][/mechanic_heading][/vc_column_inner][/vc_row_inner][vc_row_inner desctop_pt="padd-md-t45" desctop_pb="padd-md-b120" tablets_pt="padd-sm-t35" tablets_pb="padd-sm-b85" mobile_pt="padd-xs-t25" mobile_pb="padd-xs-b60"][vc_column_inner][mechanic_plan_wrapper style_pricing="classic" style_dark_light="light" width="1/4" alignment_text="center" style="price_modern"][mechanic_plan custom_icon_check="true" animation="" title="BASIC" conditions="20 days Job displayed
5 Job posting
10 Featured job
24/7 Support " price="$40" period="/month" button="|title:Buy%20Now||" description="" animation_delay="" image="4799"][mechanic_plan custom_icon_check="true" active="true" animation="" title="STANDART" conditions="20 days Job displayed
5 Job posting
10 Featured job
24/7 Support " price="$60" period="/month" button="|title:Buy%20Now||" description="" animation_delay="" image="4797"][mechanic_plan custom_icon_check="true" animation="" title="PREMIUM" conditions="20 days Job displayed
5 Job posting
10 Featured job
24/7 Support " price="$80" period="/month" button="|title:Buy%20Now||" description="" animation_delay="" image="4798"][/mechanic_plan_wrapper][/vc_column_inner][/vc_row_inner][/mechanic_main][/vc_column][/vc_row][vc_row full_width="stretch_row" desctop_pt="padd-md-t60" desctop_pb="padd-md-b65" tablets_pt="padd-sm-t50" tablets_pb="padd-sm-b50" mobile_pt="padd-xs-t40" mobile_pb="padd-xs-b40" css=".vc_custom_1479747539284{background-color: #f2f2f2 !important;}"][vc_column][vc_row_inner][vc_column_inner width="1/3"][mechanic_heading title="Connect with Us" subtitle="Rem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor " style_text="dark" style_title="medium" divider_switcher="show" lx_iconset_dividers="icon-divider2" style_divider="career"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa erciuis nullamdeserunt mollit anim id est laborum ercitation[/mechanic_heading][/vc_column_inner][vc_column_inner width="2/3" desctop_mt="marg-md-t10"][mechanic_formidable form="3" style="career"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]<br>