<!-- OP_SEARCH_GENERATED --><div style='padding-bottom:30px;'  class="row one-column cf ui-sortable section   " id="le_body_row_1" data-style="eyJwYWRkaW5nQm90dG9tIjoiMzAifQ=="><div class="fixed-width"><div class="one-column column cols" id="le_body_row_1_col_1"><div class="element-container cf" data-style="" id="le_body_row_1_col_1_el_1"><div class="element"> <h2 style='font-size:37px;font-family:"Open Sans", sans-serif;font-weight:bold;color:#425063;text-shadow:1px 1px 0px #fff;text-shadow:1px 1px 0px rgba(255,255,255,0.5);text-align:center;'>A Brief Guide to Responsive Design</h2> </div></div><div class="element-container cf" data-style="" id="le_body_row_1_col_1_el_2"><div class="element"> <h2 style='font-size:22px;font-family:"Open Sans", sans-serif;font-style:normal;font-weight:300;color:#395468;text-align:center;'>How to use responsive design to increase sales on your websites</h2> </div></div><div class="element-container sort-disabled"></div>
                            <div class="add-element-container"><a href="#add_element" class="add-new-element"><span>Add Element</span></a>
                            </div></div></div></div><div style='background:#f2f2f2;padding-bottom:20px;border-top-width:1px;border-bottom-width:1px;border-style:solid;border-top-color:#e3e3e3;border-bottom-color:#e3e3e3;'  class="row two-columns cf ui-sortable section   " id="le_body_row_2" data-style="eyJiYWNrZ3JvdW5kQ29sb3JTdGFydCI6IiNmMmYyZjIiLCJwYWRkaW5nQm90dG9tIjoiMjAiLCJib3JkZXJXaWR0aCI6IjEiLCJib3JkZXJDb2xvciI6IiNlM2UzZTMifQ=="><div class="fixed-width"><div class="one-half column cols" id="le_body_row_2_col_1"><div class="element-container cf" data-style="" id="le_body_row_2_col_1_el_1"><div class="element"> 
                <div class="image-caption" style='width:300px;margin-top:0px;margin-bottom:px;margin-right:auto;margin-left:auto;'><img alt="" src="http://members.danamanciagli.com/wp-content/uploads/2016/08/book2-cropped.png"  border="0" /></div>
             </div></div><div class="element-container sort-disabled"></div>
                            <div class="add-element-container"><a href="#one-half" class="split-column"></a><a href="#add_element" class="add-new-element"><span>Add Element</span></a>
                            </div></div><div class="one-half column cols" id="le_body_row_2_col_2"><div class="element-container cf" data-style="" id="le_body_row_2_col_2_el_1"><div class="element"> 
<div id="590d06fd53767" class="optin-box optin-box-11" style=" width: 450px; margin-top: 15px;margin-right: auto;margin-left: auto;">
	<p class="description">Enter your name and email below for instant access&#8230;</p>
<form action="https://jsmc.danamanciagli.com/process-optin-form/" method="post" class="cf op-optin-validation"><div style="display:none"><input type="hidden" name="provider" value="email" /><input type="hidden" name="redirect_url" value="https://jsmc.danamanciagli.com/wp-admin/admin-ajax.php" /><input type="hidden" name="list" value="" /><input type="hidden" name="op_optin_form_data" value="eyJlbWFpbF90byI6IiIsInJlZGlyZWN0X3VybCI6IiIsImV4dHJhX2ZpZWxkcyI6W10sImZpZWxkcyI6eyJlbWFpbCI6eyJuYW1lIjoiZW1haWwiLCJ0ZXh0IjoiRW50ZXIgeW91ciBlbWFpbCBhZGRyZXNzIn0sIm5hbWUiOnsibmFtZSI6Im5hbWUiLCJ0ZXh0IjoiRW50ZXIgeW91ciBmaXJzdCBuYW1lIn19fQ==" /><input type="hidden" name="op_optin_form" value="Y" /></div><div class="text-box email"><input type="email" required="required" name="email" placeholder="Enter your email address" value="" /></div><div class="text-box name"><input type="text" name="name" placeholder="Enter your first name" value="" /></div><button type="submit" class="default-button"><span>Get Instant Access!</span></button>	<input type="hidden" id="op_optin_nonce" name="op_optin_nonce" value="e131830e95" /><input type="hidden" name="_wp_http_referer" value="/wp-admin/admin-ajax.php" /></form>
	<p class="privacy">We value your privacy and would never spam you</p></div>
 </div></div><div class="element-container cf" data-style="" id="le_body_row_2_col_2_el_2"><div class="element"> 
<style>
    
    
                    #social-sharing-cfe2a9e1ce62a3f5e4ed966defc58cd4 li{
                        
        text-align: center;
        
           /*margin-left: auto;*/
            /*margin-right: auto;*/
        
    
                    }
                </style>
<ul id="social-sharing-cfe2a9e1ce62a3f5e4ed966defc58cd4" data-counter="false" class="social-sharing social-media-horizontal-bubble social-sharing-style-3">
    <li><div class="fb-like" data-href="https://jsmc.danamanciagli.com/op_content_layout_preview_page/" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true" data-colorscheme="light"></div></li>
    <li><div class="g-plusone" data-size="tall" data-href="https://jsmc.danamanciagli.com/op_content_layout_preview_page/"></div></li>
    <li><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://jsmc.danamanciagli.com/op_content_layout_preview_page/"  data-text="Share" data-lang="en" data-related="anywhereTheJavascriptAPI" data-count="vertical"></a></li>
</ul>

<script>
(function ($) {

    
    if (typeof window.fbAsyncInit === 'undefined') {
        window.fbAsyncInit = function() {
            FB.init({
                                xfbml      : true,
                version    : 'v2.7'
            });
            $(window).trigger("OptimizePress.fbAsyncInit");
        };

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_GB/all.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    }

    if (typeof FB !== 'undefined') {
        FB.XFBML.parse();
    }

}(opjq));
</script>
<!-- Twitter -->
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>
    /* We want to reload the button after liveeditor element gets edited */
    if (typeof twttr === "object"
        && typeof twttr.widgets === "object"
        && typeof twttr.widgets.load === "function") {
        try {
            twttr.widgets.load();
        } catch (e) {}
    }
</script>
<!-- Google+ -->
<script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script> </div></div><div class="element-container sort-disabled"></div>
                            <div class="add-element-container"><a href="#one-half" class="split-column"></a><a href="#add_element" class="add-new-element"><span>Add Element</span></a>
                            </div></div></div></div><div style=''  class="row one-column cf ui-sortable section   " id="le_body_row_3" data-style="e30="><div class="fixed-width"><div class="one-column column cols" id="le_body_row_3_col_1"><div class="element-container cf" data-style="" id="le_body_row_3_col_1_el_1"><div class="element"> [text_block style="style_1.png" align="left" font_size="17" width="940"]<h2 style="text-align: center;"><span style="color: #425063;">Your 3-Step Guide to
Getting Started with Responsive Design</span></h2>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate vitae purus at suscipit.</p>[/text_block] </div></div><div class="element-container cf" data-style="" id="le_body_row_3_col_1_el_2"><div class="element"> 	<style>
		#step-graphic-85d8be575afbe30b3c7bb79dcd7c9ff2.step-graphic-style-5 p.heading{
			color: #425063;
		}
	</style>
	
<ul id="step-graphic-85d8be575afbe30b3c7bb79dcd7c9ff2" class="step-graphic-style-5">
			<li>
			<span class="step-graphic-style-5-number-container"><span class="step-graphic-style-5-number">1</span></span>			<div>
				<p class="heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non augue a velit rhoncus venenatis in a risus. </p>
				<p></p>
			</div>
		</li>
				<li>
			<span class="step-graphic-style-5-number-container"><span class="step-graphic-style-5-number">2</span></span>			<div>
				<p class="heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non augue a velit rhoncus venenatis in a risus. </p>
				<p></p>
			</div>
		</li>
				<li>
			<span class="step-graphic-style-5-number-container"><span class="step-graphic-style-5-number">3</span></span>			<div>
				<p class="heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non augue a velit rhoncus venenatis in a risus. </p>
				<p></p>
			</div>
		</li>
		</ul> </div></div><div class="element-container sort-disabled"></div>
                            <div class="add-element-container"><a href="#add_element" class="add-new-element"><span>Add Element</span></a>
                            </div></div></div></div>