The Making of Landing Page 3

Landing Page 3

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 font_color="#ffffff" bg_image_repeat="no-repeat" row_layout="full" parallax="fixed-bg" parallax_type="vertical" bg_type="video" 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_size="cover" bg_img_attach="fixed" parallax_sense="30" video_opts="loop,muted" video_url="http://uneboutique.capital-themes.net//wp-content/uploads/2014/04/ny.mp4" bg_override="ex-full" css=".vc_custom_1400345187095{margin-bottom: 0px !important;padding-top: 105px !important;}" video_poster="6477"][vc_column width="1/1"][vc_row_inner data_attribute="data-0=``opacity: 1`` data--190-center=``opacity: 0``"][vc_column_inner width="1/6" empty_space="empty-space"][/vc_column_inner][vc_column_inner width="2/3"][vc_video link="http://vimeo.com/85724361"][/vc_column_inner][vc_column_inner width="1/6" empty_space="empty-space"][/vc_column_inner][/vc_row_inner][vc_row_inner data_attribute="data-0=``opacity: 1`` data-100-top=``opacity: 0``"][vc_column_inner width="1/1"][vc_column_text]
<h1 class="huge-text no-margin-bottom" style="text-align: center;">UNE BOUTIQUE</h1>
<h1 class="no-margin-top" style="text-align: center;"><span class="rotate">ULTIMATE, ADVANCED, SIMPLE TO USE, LOVABLE</span> <span style="color: #d53d3c;">eCOMMERCE &amp; CORPORATE</span> THEME</h1>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" show_hide="hide-for-small" css=".vc_custom_1398500169922{margin-bottom: 0px !important;padding: 75px 0px !important;background-color: #ffffff !important;}" 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/1" el_class="empty-space"][vc_column_text]
<h1 style="text-align: center;">HEAD LINE FEATURE TEXT</h1>
<p class="lead light-text" style="text-align: center;">Duis bibendum diam non erat facilaisis tincidunt. Fusce leo neque, lacinia at tempor vitae, porta at arcu. Vestibulum varius non dui at pulvinar. Ut egestas orci in quam sollicitudin aliquet.</p>
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_tour interval="0"][vc_tab title="HEADLINE TITLE ONE" tab_id="1393014706-1-68" title_icon="Defaults-heart"][vc_column_text]
<h2>Heading Feature title goes here</h2>
<p class="lead">Progressively whiteboard extensible ROI for multimedia based ideas. Intrinsicly synthesize transparent action items via enterprise-wide technologies. Progressively scale customized results via impactful platforms. Distinctively unleash integrated web services before cross-media methodologies. Distinctively supply market positioning models with cost effective benefits.</p>
[/vc_column_text][/vc_tab][vc_tab title="HEADLINE TEXT TWO" tab_id="1393014706-2-11" title_icon="Defaults-retweet"][vc_column_text]<img class="alignnone size-full wp-image-6479" src="http://uneboutique.capital-themes.net//wp-content/uploads/2014/04/nivo-slide05-640x2581.jpg" alt="nivo-slide05-640x258[1]" width="640" height="258" />
<p class="lead">Monotonectally transition orthogonal supply chains whereas competitive expertise. Progressively impact sustainable total linkage after quality content. Credibly facilitate backend experiences before granular partnerships. Synergistically simplify emerging outsourcing whereas go forward sources. Proactively reintermediate wireless imperatives and standards compliant catalysts for change.</p>
[/vc_column_text][/vc_tab][vc_tab title="HEADLINE TEXT TWO" tab_id="1393061829164-2-5" title_icon="Defaults-bell"][vc_column_text]
<h2>Heading Feature title goes here</h2>
<p class="lead">Progressively whiteboard extensible ROI for multimedia based ideas. Intrinsicly synthesize transparent action items via enterprise-wide technologies. Progressively scale customized results via impactful platforms. Distinctively unleash integrated web services before cross-media methodologies. Distinctively supply market positioning models with cost effective benefits.</p>
[/vc_column_text][/vc_tab][/vc_tour][/vc_column][/vc_row][vc_row font_color="#8c9494" row_layout="full" css=".vc_custom_1398500031075{margin-bottom: 0px !important;padding: 75px 0px !important;background-color: #f2f9fe !important;}" 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" el_class="empty-space"][vc_column_text el_class="no-margin"]
<h1 class="no-margin"><span style="color: #5dca88;">Onec ultrices ultricies</span> <span style="color: #5dca88;"> tellus perfect screens here</span></h1>
[/vc_column_text][advanced_separator position="alignleft" size="sep-small" color="sep-dark"][vc_column_text]
<h2>Duis bibendum diam non erat facilisis tincidunt.</h2>
<p class="lead">Duis bibendum diam non erat facilaisis tincidunt. Fusce leo neque, lacinia at tempor vitae, porta at arcu. Vestibulum varius non dui at pulvinar. Ut egestas orci in quam sollicitudin aliquet.</p>
[/vc_column_text][vc_button title="LEARN MORE" target="_self" color="wpb_button" icon="none" size="btn-large" href="#" button_type="border" custom_styles="true" border_radius="50" border_color="#8c9494" fa_icon="Defaults-arrow-right" icon_position="right" custom_color="#8c9494"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="6480" css_animation="right-to-left" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row margin_bottom="0" bg_color="#ffffff" font_color="#252525" row_layout="full" padding="75px 0 55px 0"][vc_column width="1/1" el_class="empty-space"][vc_row_inner][vc_column_inner width="2/3"][vc_gallery type="capital_touch_slider" onclick="link_no" custom_links_target="_self" images="4128,4132,4126" in_device="true" device_type="mac_book_pro" glare_effect="true" transition_effect="backSlide" interval="6"][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text]
<h1 class="no-margin-top">Duis bibendum diam non erat</h1>
<p class="lead">Duis bibendum diam non erat facilaisis tincidunt. Fusce leo neque, lacinia at tempor vitae, porta at arcu. Vestibulum varius non dui at pulvinar. Ut egestas orci in quam sollicitudin aliquet.</p>
[/vc_column_text][stat_counter icon_type="selector" icon="Defaults-download-alt" img_width="48" icon_size="45" icon_color="#333333" icon_style="none" icon_color_bg="#ffffff" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_position="left" counter_title="downloads so far" counter_value="1237154" counter_sep="," counter_decimal="." speed="2" font_size_title="18" font_size_counter="36"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" bg_color="#f2f9fe" font_color="#8c9494" margin_bottom="0" padding="75px 0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="6481" css_animation="left-to-right" alignment="center" img_link_target="_self" img_size="full" border_color="grey"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text el_class="no-margin"]
<h1 class="no-margin"><span style="color: #5dca88;">Onec ultrices ultricies</span> <span style="color: #5dca88;"> tellus perfect screens here</span></h1>
[/vc_column_text][advanced_separator position="alignleft" size="sep-small" color="sep-dark"][vc_column_text]
<h2>Duis bibendum diam non erat facilisis tincidunt.</h2>
<p class="lead">Duis bibendum diam non erat facilaisis tincidunt. Fusce leo neque, lacinia at tempor vitae, porta at arcu. Vestibulum varius non dui at pulvinar. Ut egestas orci in quam sollicitudin aliquet.</p>
[/vc_column_text][vc_button title="LEARN MORE" target="_self" color="btn-inverse" icon="none" size="btn-large" href="#" button_type="border" custom_styles="true" border_radius="50" fa_icon="Defaults-arrow-right" icon_position="right"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_layout="full" bg_color="#ffffff" padding="75px 0" margin_bottom="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][capital-testimonials limit="1" orderby="date" type="static"][/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.