The Making of Landing Page 2

Landing Page 2

With the power of Visual Composer building an advanced and fully customized page (or even posts or custom post types) is as easy as dragging and dropping blocks and saving the results.

All you need to do is to create a New Page click on the Visual Composer button (the blue one) to turn your regular editor into an advanced page layout builder and start adding rows, columns and finally the elements you want into your rows.

Here is the under the hood magic:

Tip: you can copy the code above, set your page editor back to the classic mode and set it to text, then paste the code in there, set your editor to Visual Composer mode again, hit update button, and VC will take care of the rest, yes it works both ways, if you paste VC compatible shortcodes, VC will show you the blocks and rows automatically and you can drag and drop them around. Also Make sure you have imported Rev Slider, Master Slider and Ess Grids import files.
[vc_row row_layout="full" bg_type="image" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="scroll" parallax_sense="30" bg_override="0" bg_image_posiiton="center center" css=".vc_custom_1400346306279{margin-bottom: 0px !important;padding: 265px 0px !important;}" bg_image_new="6464"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/3" empty_space="empty-space" show_hide="hide-for-small"][/vc_column_inner][vc_column_inner width="1/3" text_center="text-center"][vc_button button_type="border" title="UNE BOUTIQUE THEME" target="_self" color="wpb_button" size="btn-large" icon_position="right" custom_styles="true" border_radius="0" custom_color="#ffffff" border_color="#ffffff" href="#" border_width="4" text_size="22"][vc_column_text]
<h4 style="text-align: center;"><span style="color: #fefefe; font-size: 1em; font-weight: normal; line-height: 1.428571429;">TOUCH THE INFINITE POSSIBILITIES</span></h4>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3" empty_space="empty-space" show_hide="hide-for-small"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" bg_color="#222b34" padding="120px 0 0 0" margin_bottom="0" bg_type="theme_default" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/4" empty_space="empty-space" show_hide="hide-for-small"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]
<h2 style="text-align: center;"><span style="color: #ffffff;">CREATED WITH <span class="rotate" style="color: #1d7e5b;">LOVE, PASSION, EFFORT</span></span></h2>
[/vc_column_text][vc_single_image image="6466" css_animation="bottom-to-top" alignment="center" border_color="grey" img_link_target="_self" img_size="full"][/vc_column_inner][vc_column_inner width="1/4" empty_space="empty-space" show_hide="hide-for-small"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" bg_color="#2d3e50" font_color="#d6d6d6" padding="120px 0" margin_bottom="0" bg_type="theme_default" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="6467" css_animation="left-to-right" border_color="grey" img_link_target="_self" img_size="full"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]
<h2 class="no-margin-top">MULTI USEFUL COMPONENTS</h2>
<p class="lead">Synergistically extend market positioning platforms whereas strategic markets. Quickly productivate backward-compatible data after long-term high-impact interfaces. Authoritatively fashion holistic leadership after global deliverables.</p>
[/vc_column_text][vc_button button_type="border" title="BUT IT NOW" target="_self" color="wpb_button" size="wpb_regularsize" icon_position="right" custom_styles="true" border_radius="10" border_width="2" text_size="14" custom_color="#27ae62" border_color="#27ae62" href="#"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" font_color="#ffffff" bg_type="theme_default" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0" css=".vc_custom_1398842269578{margin-bottom: 0px !important;padding: 120px 60px !important;background-color: #222b34 !important;}"][vc_column width="1/2"][vc_row_inner css=".vc_custom_1398842293258{padding: 0px !important;}"][vc_column_inner width="1/1"][vc_column_text]
<h2 class="no-margin-top">MULTI USEFUL COMPONENTS</h2>
<p class="lead">Synergistically extend market positioning platforms whereas strategic markets. Quickly productivate backward-compatible data after long-term high-impact interfaces. Authoritatively fashion holistic leadership after global deliverables.</p>
[/vc_column_text][vc_button button_type="border" title="BUT IT NOW" target="_self" color="wpb_button" size="wpb_regularsize" icon_position="right" custom_styles="true" border_radius="10" border_width="2" text_size="14" custom_color="#27ae62" border_color="#27ae62" href="#"][vc_single_image image="6469" alignment="right" border_color="grey" img_link_target="_self"][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/2" el_class="no-padding-right"][vc_single_image image="6384" css_animation="right-to-left" alignment="right" border_color="grey" img_link_target="_self" img_size="full" img_link="#"][/vc_column][/vc_row][vc_row row_layout="full" padding="80px 0" margin_bottom="0" bg_type="theme_default" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0"][vc_column width="1/1"][vc_row_inner margin_bottom="80px"][vc_column_inner width="1/6" empty_space="empty-space"][/vc_column_inner][vc_column_inner width="2/3"][vc_column_text]
<h2 style="text-align: center;">See the price and plans of our services</h2>
<p class="lead" style="text-align: center;">Compellingly mesh next-generation imperatives after extensive process improvements. Interactively build user-centric testing procedures for principle-centered quality vectors.</p>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/6" empty_space="empty-space"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][ultimate_pricing design_style="design05" color_scheme="custom" package_heading="DESIGNING" package_sub_heading="All Designs" package_price="$157" package_unit="per project" package_btn_text="BUY NOW" package_link="url:%23||" color_txt_main="#252525" color_bg_highlight="#2d3e50" color_txt_highlight="#fefefe"]
<ul style="text-align: center;">
	<li>Creative Design Enabled</li>
	<li>Vibrant Color Usage</li>
	<li>Eye Catching Design</li>
	<li>Extreme Typography</li>
	<li>Exceptional Design</li>
</ul>
[/ultimate_pricing][/vc_column_inner][vc_column_inner width="1/3"][ultimate_pricing design_style="design05" color_scheme="custom" package_heading="DEVELOPMENT" package_sub_heading="Wordpress Projects" package_price="$250" package_unit="per project" package_btn_text="BUY NOW" package_link="url:%23||" package_featured="enable" color_bg_highlight="#2d3e50" color_txt_highlight="#fefefe"]
<ul style="text-align: center;">
	<li>Highly Responsive in Nature</li>
	<li>Quick Development</li>
	<li>Bug Free Projects</li>
	<li>On Time Resolution</li>
	<li>Code Optimization</li>
</ul>
[/ultimate_pricing][/vc_column_inner][vc_column_inner width="1/3"][ultimate_pricing design_style="design05" color_scheme="custom" package_heading="HTML5 Apps" package_sub_heading="mobile projects" package_price="$120" package_unit="per project" package_btn_text="BUY NOW" package_link="url:%23||" color_txt_main="#252525" color_bg_highlight="#2d3e50" color_txt_highlight="#fefefe"]
<ul style="text-align: center;">
	<li>Multiply the Productivity</li>
	<li>Increases Performance</li>
	<li>Enables the Security</li>
	<li>Deep Code Clearance</li>
	<li>Light Weight</li>
</ul>
[/ultimate_pricing][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

The magic of Visual Composer is that you do not have to deal with one single line of these codes and shortcodes, you just drag and drop, VC will write the code for you.