Divi shortcodes - Jacob Demolition
Drury: 09 294 7472     ~    New Lynn: 09 825 0713 info@jacobdemo.co.nz
Drury: 09 294 7472     ~    New Lynn: 09 825 0713 info@jacobdemo.co.nz

Divi shortcodes

<!–<body class=”page-template page-template-page-full page-template-page-full-php page page-id-183 et_fullwidth_view”>–>
<header id=”main-header”>
<div class=”container clearfix”>
<a href=”#” class=”mobile_nav closed”>Pages Menu<span></span></a> <nav id=”top-menu”>
<ul id=”menu-new-menu” class=”nav”><li id=”menu-item-16″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-16″><a href=”https://www.elegantthemes.com/preview/Lucid/”>Home</a></li>
<li id=”menu-item-15″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15″><a href=”https://www.elegantthemes.com/preview/Lucid/category/blog/”>Blog</a></li>
<li id=”menu-item-459″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-459″><a href=”https://www.elegantthemes.com/preview/Lucid/page-templates/”>Page Templates</a>imga
<ul class=”sub-menu”>
<li id=”menu-item-455″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-455″><a href=”https://www.elegantthemes.com/preview/Lucid/sitemap/”>Sitemap</a></li>
<li id=”menu-item-456″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-456″><a href=”https://www.elegantthemes.com/preview/Lucid/advanced-search/”>Advanced Search</a></li>
<li id=”menu-item-457″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-457″><a href=”https://www.elegantthemes.com/preview/Lucid/member-login/”>Member Login</a></li>
<li id=”menu-item-458″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-458″><a href=”https://www.elegantthemes.com/preview/Lucid/image-gallery/”>Image Gallery</a></li>
<li id=”menu-item-464″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-464″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio/”>Portfolio</a>
<ul class=”sub-menu”>
<li id=”menu-item-467″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-467″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio-medium/”>Portfolio Smalll</a></li>
<li id=”menu-item-468″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-468″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio/”>Portfolio Medium</a></li>
<li id=”menu-item-466″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-466″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio-large/”>Portfolio Large</a></li>
<li id=”menu-item-465″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-465″><a href=”https://www.elegantthemes.com/preview/Lucid/portrait-orientation/”>Portrait Orientation</a></li>
<li id=”menu-item-469″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-469″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio-with-sidebar/”>Portfolio With Sidebar</a></li>
<li id=”menu-item-470″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-470″><a href=”https://www.elegantthemes.com/preview/Lucid/portfolio-no-text/”>Portfolio No Text</a></li>
</ul>
</li>
<li id=”menu-item-460″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-460″><a href=”https://www.elegantthemes.com/preview/Lucid/full-width-2/”>Full Width</a></li>
<li id=”menu-item-461″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-461″><a href=”https://www.elegantthemes.com/preview/Lucid/blog-feed/”>Blog Feed</a></li>
<li id=”menu-item-462″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-462″><a href=”https://www.elegantthemes.com/preview/Lucid/contact-us/”>Contact Us</a></li>
</ul>
</li>
<li id=”menu-item-451″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-183 current_page_item menu-item-451″><a href=”https://www.elegantthemes.com/preview/Lucid/shortcodes/”>Shortcodes</a></li>
<li id=”menu-item-463″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-463″><a href=”https://www.elegantthemes.com/preview/Lucid/contact-us/”>Contact Us</a></li>
</ul> </nav>

<div id=”social-icons”></div> <!– end #social-icons –>
<div id=”search”>
<div id=”search-form”>
<form method=”get” id=”searchform” action=”https://www.elegantthemes.com/preview/Lucid//”>
<input type=”text” value=”Search This Site…” name=”s” id=”searchinput” />
<input type=”image” alt=”Submit” src=”https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/images/search_btn.png” id=”searchsubmit” />
</form>
</div> <!– end #search-form –>
</div> <!– end #search –>
</div> <!– end .container –>
</header> <!– end #main-header –>

<div class=”container”>
<div id=”logo-area”>
<a href=”https://www.elegantthemes.com/preview/Lucid/”>
<img src=”https://www.elegantthemes.com/preview/Lucid/wp-content/uploads/2014/06/logo.png” alt=”Lucid Theme” id=”logo”/>
</a>

</div>
</div> <!– end .container –>
<div id=”secondary-menu”>
<div class=”container”>
<a href=”#” class=”mobile_nav closed”>Categories Menu<span></span></a> <nav id=”second-menu” class=”clearfix”>
<ul id=”menu-categories” class=”nav”><li id=”menu-item-166″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-166″><a href=”https://www.elegantthemes.com/preview/Lucid/category/blog/”>Blog</a></li>
<li id=”menu-item-167″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-167″><a href=”https://www.elegantthemes.com/preview/Lucid/category/people/”>People</a></li>
<li id=”menu-item-169″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-169″><a href=”https://www.elegantthemes.com/preview/Lucid/category/nature/”>Nature</a></li>
<li id=”menu-item-172″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-172″><a href=”https://www.elegantthemes.com/preview/Lucid/category/portrai/”>Photography</a>
<ul class=”sub-menu”>
<li id=”menu-item-173″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-173″><a href=”https://www.elegantthemes.com/preview/Lucid/category/architecture/”>Architecture</a></li>
<li id=”menu-item-174″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-174″><a href=”https://www.elegantthemes.com/preview/Lucid/category/fashion/”>Fashion</a></li>
<li id=”menu-item-176″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-176″><a href=”https://www.elegantthemes.com/preview/Lucid/category/nature/”>Nature</a></li>
<li id=”menu-item-177″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-177″><a href=”https://www.elegantthemes.com/preview/Lucid/category/people/”>People</a></li>
<li id=”menu-item-179″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-179″><a href=”https://www.elegantthemes.com/preview/Lucid/category/portrai/”>Portrait</a></li>
</ul>
</li>
<li id=”menu-item-170″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-170″><a href=”https://www.elegantthemes.com/preview/Lucid/category/architecture/”>Architecture</a></li>
<li id=”menu-item-171″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-171″><a href=”https://www.elegantthemes.com/preview/Lucid/category/fashion/”>Fashion</a></li>
<li id=”menu-item-180″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-180″><a href=”https://www.elegantthemes.com/preview/Lucid/category/architecture/”>Business</a></li>
<li id=”menu-item-509″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-509″><a href=”https://www.elegantthemes.com/preview/Lucid/category/people/”>Entertainment</a></li>
</ul> </nav>
</div> <!– end .container –>
</div> <!– end #secondary-menu –>
<div id=”main-area”>
<div class=”container”>
<div id=”content-area” class=”clearfix fullwidth”>
<div id=”left-area”>
<div id=”breadcrumbs” class=”clearfix”>
<a href=”https://www.elegantthemes.com/preview/Lucid” class=”breadcrumbs_home”>Home</a> <span class=”raquo”>&raquo;</span>

Shortcodes </div> <!– end #breadcrumbs –> <article id=”post-183″ class=”entry clearfix post-183 page type-page status-publish hentry”>

<div class=”post_content clearfix”>
<h1 class=”title”>Shortcodes</h1>

<h1 id=”buttons” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 0px 0 20px 0;”>1. Button Varieties</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Using our buttons shortcodes, you can easily create a variety of buttons. These buttons all stem from a single tag, but vary in color and size (each of which are adjustable using color=&#8221;&#8221; and type=&#8221;&#8221; parameters). Furthermore, advanced option buttons have been integrated into the post page text editor, allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself.</em></span></p>
<div class=’one_half’>
<h1 style=”font-size: 20px;”>Small Buttons</h1>
<p><a href=’#’ class=’small-button smallblue’ target=”_blank”>Button Text</a> <a href=’#’ class=’small-button smalllightblue’>Button Text</a> <a href=’#’ class=’small-button smallteal’>Button Text</a> <a href=’#’ class=’small-button smallsilver’>Button Text</a> <a href=’#’ class=’small-button smallblack’>Button Text</a> <a href=’#’ class=’small-button smallpink’>Button Text</a> <a href=’#’ class=’small-button smallpurple’>Button Text</a> <a href=’#’ class=’small-button smallorange’>Button Text</a> <a href=’#’ class=’small-button smallgreen’>Button Text</a> <a href=’#’ class=’small-button smallred’>Button Text</a></p>
</div>
<div class=’one_half et_column_last’>
<h1 style=”font-size: 20px;”>Icon Buttons</h1>
<p><a href=’#’ class=’icon-button download-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button search-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button refresh-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button question-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button people-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button warning-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button mail-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button heart-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button paper-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button notice-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button stats-icon’>Button Text<span class=’et-icon’></span></a> <a href=’#’ class=’icon-button rss-icon’>Button Text<span class=’et-icon’></span></a></p>
</div><div class=’clear’></div>
<div class=’one_half et_column_last’>
<h1 style=”margin-top: 30px; font-size: 20px;”>Big Buttons</h1>
<p><a href=’#’ class=’big-button bigblue’>Big Button</a> <a href=’#’ class=’big-button bigpurple’>Big Button</a> <a href=’#’ class=’big-button bigorange’>Big Button</a> <a href=’#’ class=’big-button biggreen’>Big Button</a> <a href=’#’ class=’big-button bigred’>Big Button</a> <a href=’#’ class=’big-button bigturquoise’>Big Button</a></p>
</div><div class=’clear’></div>
<h1 id=”boxes” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>2. Content Boxes</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Content boxes are a great way to grab your visitor’s eye and direct them to important content within the post. The ElegantThemes shortcode pack comes with five box variations, all of which stem from the [ box ] shortcode and are adjustable using the type=”&#8221; parameter. These boxes have a fluid width that automatically adjusts the the size of its parent element. In this example, each box is placed within a [ one_third ] column.</em></span></p>
<div class=’one_third’>
<h1 style=”font-size: 20px; margin-bottom: 10px;”>Warning Box</h1>
<div class=’et-box et-warning’>
<div class=’et-box-content’><p><span style=”font-size: 17px;”>Warning</span><br style=”clear: both;” />
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</p></div></div>
</div>
<div class=’one_third’>
<h1 style=”font-size: 20px; margin-bottom: 10px;”>Download Box</h1>
<div class=’et-box et-download’>
<div class=’et-box-content’><p><span style=”font-size: 17px;”>Download</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</p></div></div>
</div>
<div class=’one_third et_column_last’>
<h1 style=”font-size: 20px; margin-bottom: 10px;”>Info Box</h1>
<div class=’et-box et-info’>
<div class=’et-box-content’><p><span style=”font-size: 17px;”>Info</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</p></div></div>
</div><div class=’clear’></div>
<div class=’one_third’>
<h1 style=”font-size: 20px; margin-bottom: 10px;”>Bio Box</h1>
<div class=’et-box et-bio’>
<div class=’et-box-content’><p><span style=”font-size: 17px;”>About Me</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</p></div></div>
</div>
<div class=’one_third et_column_last’>
<h1 style=”font-size: 20px; margin-bottom: 10px;”>Normal Box</h1>
<div class=’et-box et-shadow’>
<div class=’et-box-content’><p><span style=”font-size: 17px;”>Normal Box</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat. In placerat rutrum felis.</p></div></div>
</div><div class=’clear’></div>
<h1 id=”toggled” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>3. Toggled Content</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Now you can create toggled content on the fly using the [ lear_more ] shortcode. Any content can be added within the toggled div, and you can even specify whether the element should be open or closed on page load. The toggled content shortcode has a fluid width, meaning it can adapt to any size page (as shown below).</em></span></p>
<div class=’one_third’>
<div class=’et-learn-more clearfix’>
<h3 class=’heading-more’>Content Closed<span class=’et_learnmore_arrow’><span></span></span></h3>
<div class=’learn-more-content’><p>Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam.</p>
<p></div>
</div>
</div>
<div class=’two_third et_column_last’>
<div class=’et-learn-more et-open clearfix’>
<h3 class=’heading-more open’>Content Open<span class=’et_learnmore_arrow’><span></span></span></h3>
<div class=’learn-more-content’><p>Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam. Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris.</p>
<div style=”clear: both; float: right;”><a href=’#’ class=’icon-button notice-icon’>Learn More<span class=’et-icon’></span></a></div></div>
</div>
</div><div class=’clear’></div>
<h1 id=”tabs” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>4. Tabbed Content</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Now you can create tabbed content with the click of a button using the [ tab ] shortcode. This shortocode has two variations (horizontal and vertical tabs) and has options for auto-rotation, rotation speed and transition animation. These tabs have a fluid width, which means that they can adjust to any page size. In this example each tabbed element has been placed within a [ one_half ] column. We have also integrated advanced buttons for the tabs shortcode, allowing you to create your tabs through a graphical interface rather than having to write the shortcode markup yourself.</em></span></p>
<div class=’one_half’>
<div class=’et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs’>
<ul class=’et-tabs-control’>
<li><a href=’#’>
Tab One
</a></li>
<li><a href=’#’>
Tab Two
</a></li>
<li><a href=’#’>
Tab Three
</a></li>
<li><a href=’#’>
Tab Four
</a></li>
</ul> <!– .et-tabs-control –>
<div class=’et-tabs-content’>
<div class=’et-tabs-content-main-wrap’>
<div class=’et-tabs-content-wrapper’>
<div class=’et_slidecontent’>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam.</p>
</div>
<div class=’et_slidecontent’>
<p>Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam. Mauris mauris ligula, feugiat eget dapibus nec, tincidunt in odio. Integer purus lacus, aliquam vitae consequat porta, blandit vel erat. Donec ut fermentum erat. Vivamus in augue et lectus dapibus faucibus ac in nisi. Nam porttitor justo sed sem dapibus luctus.</p>
</div>
<div class=’et_slidecontent’>
<p>Integer a lorem vel nisl vestibulum feugiat. Nulla rhoncus tellus quis lorem ullamcorper tempor. Proin aliquam feugiat pharetra. Ut vel massa ut mauris bibendum euismod. Sed rutrum placerat lacus eget dignissim. Nullam rhoncus aliquet blandit. Fusce diam enim, aliquet eu cursus molestie, vulputate et turpis. Nunc aliquet elit eu eros ultricies lacinia et nec lorem. Duis ac dolor metus. Integer elit mauris, vehicula scelerisque bibendum eu, scelerisque at ligula. Vivamus vitae libero ipsum, ac volutpat lacus. Vivamus consequat nulla tellus, quis hendrerit tellus. Phasellus pretium elit pharetra dui placerat ut pulvinar velit auctor. Nulla facilisi.</p>
<p>
</div>
<div class=’et_slidecontent’>
<p>Fusce iaculis elit consectetur ante porta sit amet accumsan lorem bibendum. Duis faucibus nisi ornare sem ultrices condimentum. In purus augue, suscipit vel laoreet ut, mattis in leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris quis tortor sit amet risus ultrices consequat tempus nec nunc. Duis accumsan tortor ut odio ultrices ut tempus ipsum gravida. Maecenas porttitor leo a turpis luctus vitae placerat metus egestas. Nulla placerat ornare neque ut iaculis. Nam non ultricies purus. Nulla facilisi. Maecenas congue ante in dui lobortis posuere. Aenean tempor luctus laoreet. Nulla pulvinar urna at erat posuere eu auctor arcu rutrum. Donec pulvinar dictum leo vitae venenatis.</p>
</div>
</div>
</div>
</div>
</div> <!– .et-tabs-container –>
</div>
<div class=’one_half et_column_last’>
<div class=’tabs-left et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_left_tabs clearfix’>
<div class=’et_left_tabs_bg’></div>
<ul class=’et-tabs-control’>
<li><a href=’#’>
Tab One
</a></li>
<li><a href=’#’>
Tab Two
</a></li>
<li><a href=’#’>
Tab Three
</a></li>
<li><a href=’#’>
Tab Four
</a></li>
</ul> <!– .et-tabs-control –>
<div class=’et-tabs-content’>
<div class=’et-tabs-content-main-wrap’>
<div class=’et-tabs-content-wrapper’>
<div class=’et_slidecontent’>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus.</p>
</div>
<div class=’et_slidecontent’>
<p>Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae. Pellentesque vitae porttitor mi. Nulla lobortis, justo nec eleifend cursus, dolor velit accumsan tortor, non euismod metus lorem in mauris. In non ultrices est. Etiam at leo quam.</p>
</div>
<div class=’et_slidecontent’>
<p>Integer a lorem vel nisl vestibulum feugiat. Nulla rhoncus tellus quis lorem ullamcorper tempor. Proin aliquam feugiat pharetra. Ut vel massa ut mauris bibendum euismod. Sed rutrum placerat lacus eget dignissim. Nullam rhoncus aliquet blandit. Fusce diam enim, aliquet eu cursus molestie, vulputate et turpis.</p>
</div>
<div class=’et_slidecontent’>
<p>Fusce iaculis elit consectetur ante porta sit amet accumsan lorem bibendum. Duis faucibus nisi ornare sem ultrices condimentum. In purus augue, suscipit vel laoreet ut, mattis in leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris quis tortor sit amet risus ultrices consequat tempus nec nunc.</p>
</div>
</div>
</div>
</div>
</div> <!– .tabs-left –>
</div><div class=’clear’></div>
<h1 id=”slideshow” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>5. Slideshow</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>The [ tab ] shortcode also acts as a versatile javascript slider than can be used in any number of situations. The slider has a fluid width, which means it can fit anywhere you want it to go. In this example, the slider has been allowed to extend the entire width of the page. This slideshow supports an unlimited number of slides as well as auto-rotation. You can also choose which type of transition animation to use.</em></span></p>

<div class=’et-simple-slider et_sliderfx_slide et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_simple’>
<div class=’et-simple-slides’>
<div class=’et-tabs-content-wrapper’>
<div class=’et_slidecontent’>
<p>Phasellus aliquet nibh quis ipsum aliquet dignissim. Nam eleifend fermentum lacus, quis consequat orci euismod sed. Etiam mollis, risus vitae facilisis lobortis, turpis nisl eleifend lacus, a dictum velit nibh ultrices ligula. Phasellus varius libero quis dolor dignissim nec tristique nisi tristique. Aliquam erat volutpat. In a molestie eros. Integer condimentum imperdiet magna at lobortis. Phasellus vestibulum lobortis risus, a pellentesque magna viverra at. Vivamus consequat dapibus sem, et luctus massa suscipit in. In non nisi dui, eget tempor dolor. Quisque fringilla tellus non orci mattis eu consectetur diam tincidunt. Nullam leo nisi, venenatis sed tristique nec, iaculis id nisl. Donec ornare, sapien quis consequat dapibus, ipsum nunc imperdiet leo, quis elementum orci dolor at massa. Etiam commodo ipsum nec dui lacinia pretium. Nullam ullamcorper feugiat felis, et ornare nisi rutrum sit amet. Vivamus euismod arcu vitae dui cursus facilisis. Aenean tristique elit ut arcu tempus vel vulputate ligula euismod. Nulla enim tellus, scelerisque in facilisis ut, pretium in mi. Integer eget elementum mauris. Maecenas vitae enim nunc.</p>
</div>
<div class=’et_slidecontent’>
<p>Vivamus odio nunc, mattis non lobortis quis, semper vitae justo. Etiam venenatis lorem at sem tincidunt fermentum. Pellentesque luctus ipsum sit amet quam consequat id fermentum magna laoreet. Ut eros magna, placerat vehicula tincidunt nec, aliquet laoreet sapien. Nam eu nibh nec magna viverra aliquet non sit amet nulla. Morbi sed tempus nibh. Praesent venenatis vehicula sapien, nec convallis risus consectetur quis. Mauris et lectus turpis, eget aliquam magna. Sed sodales leo non tortor rhoncus consequat. Praesent in turpis eu neque fringilla pharetra. Vestibulum nec vehicula est. Etiam sodales pulvinar feugiat. Vivamus sodales ligula sed odio tincidunt vulputate. Fusce venenatis tempus massa, nec egestas tortor sollicitudin eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<div style=”clear: both; float: right;”><a href=’#’ class=’icon-button notice-icon’>Learn More<span class=’et-icon’></span></a></div>
</div>

<div class=’et_slidecontent’>
<div class=’one_third’>
<div class=’et-box et-warning’>
<div class=’et-box-content’><span style=”font-size: 17px;”>Warning</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</div></div>
</div>
<div class=’one_third’>
<div class=’et-box et-download’>
<div class=’et-box-content’><span style=”font-size: 17px;”>Download</span><br style=”clear: both;” />
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</div></div>
</div>
<div class=’one_third et_column_last’>
<div class=’et-box et-info’>
<div class=’et-box-content’><span style=”font-size: 17px;”>Info</span><br style=”clear: both;” />Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.</div></div>
</div><div class=’clear’></div>
</div>
</div>
</div>
</div> <!– .et-simple-slider –>

<h1 id=”imageslider” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>6. Image Slider</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>The [ tab ] shortcode also acts as an image slider. This slider can produce an image slideshow of any size. The shortcode will even automatically crop and resize your images to fit the dimensions of the slider that you have chosen. You can also choose to enabled/disable auto rotation, adjust the transition effect, and increase/decrease the rotation speed.</em></span></p>

<div class=’et-image-slider et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_images’>
<div class=’et-image-slides’>
<div class=’et-tabs-content-wrapper’>
<div class=’et_slidecontent et-image-slide’><a href=’https://elegantthemes.com’ target=”_blank”><img src=”https://www.elegantthemes.com/preview/TheProfessional/wp-content/uploads/2010/09/slider-11.jpg” alt=”” width =890 height=500 /><span class=’et-image-overlay’> </span></a></div>
<div class=’et_slidecontent et-image-slide’><a href=’https://elegantthemes.com’ target=”_blank”><img src=”https://www.elegantthemes.com/preview/TheProfessional/wp-content/uploads/2010/09/slider-21.jpg” alt=”” width =890 height=500 /><span class=’et-image-overlay’> </span></a></div>
<div class=’et_slidecontent et-image-slide’><img src=”https://www.elegantthemes.com/preview/TheProfessional/wp-content/uploads/2010/09/slider-31.jpg” alt=”” width =890 height=500 /><span class=’et-image-overlay’> </span></div>
</div>
</div>
</div> <!– .et-image-slider –>

<h1 id=”tooltips” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>7. Easy Tooltips</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Now you can add beautiful tooltips to any element by wrapping it in a [ tooltip ] shortcode. Below are a few examples of how the tooltips could be used when combined with text, images, and even other shortcodes!</em></span></p>
<div class=’one_third’>
<span class=’et-tooltip’><strong>Test Tooltip Text</strong><span class=’et-tooltip-box’>Praesent malesuada, libero id sollicitudin dapibus, odio purus venenatis turpis, eu imperdiet turpis nunc in quam. Nam at ante quam, a accumsan erat. Nulla facilisi. Nulla nec sapien leo. Pellentesque rhoncus risus non elit tristique euismod. Nullam iaculis, neque vel mollis aliquam, leo augue posuere mauris.<span class=’et-tooltip-arrow’></span></span></span>
</div>
<h1 id=”social” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>8. Social Media</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Allowing your post to be promoted via the various social media networks has never been easier. Now you can add social media buttons to your posts quickly and easily using the various social media shortcodes provided.</em></span></p>
<div style=”clear: both; float: left; margin-bottom: 80px;”>
<div style=”float: left; margin-right: 30px;”><script type=’text/javascript’>
(function() {
var s = document.createElement(‘SCRIPT’), s1 = document.getElementsByTagName(‘SCRIPT’)[0];
s.type = ‘text/javascript’;
s.async = true;
s.src = ‘http://widgets.digg.com/buttons.js’;
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!– Medium Button –>
<a class=’DiggThisButton DiggMedium’></a></div>
<div style=”float: left; margin-right: 30px;”><script src=’http://www.stumbleupon.com/hostedbadge.php?s=5′ type=’text/javascript’></script></div>
<div style=”float: left; margin-right: 30px;”><a name=’fb_share’ type=’button_count’ href=’http://www.facebook.com/sharer.php’>Share</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’></script></div>
<div style=”float: left; margin-right: 30px;”>[buzz]</div>
<div style=”float: left; margin-right: 30px;”><a href=’http://twitter.com/share’ class=’twitter-share-button’ data-count=’vertical’>Tweet</a><script type=’text/javascript’ src=’http://platform.twitter.com/widgets.js’></script></div>
<div style=”float: left; margin-right: 30px;”><script type=’text/javascript’ src=’http://twittercounter.com/embed/elegantthemes/ffffff/111111′></script></div>
<div style=”float: left; margin-right: 30px;”><a href=’http://feeds.feedburner.com/elegantthemes’><img src=’http://feeds.feedburner.com/~fc/elegantthemes?bg=99CCFF&#038;fg=444444&#038;anim=0′ height=’26’ width=’88’ style=’border:0′ alt=” />
</a></div>
</div>
<div style=”clear: both;”></div>
<h1 id=”protected” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>9. Password Protect Your Content</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Using the [ protected ] shortcode, you can password protect any content within your post. When protected, anyone visiting the page that is not logged in to WordPress will receive the login/register prompt. Once logged in, the protected content is revealed. </em></span><br />
<div class=’et-protected’>
<div class=’et-protected-title’>Member Login</div>
<div class=’et-protected-form’>
<form action=’https://www.elegantthemes.com/preview/Lucid/wp-login.php’ method=’post’>
<p><label><span>Username: </span><input type=’text’ name=’log’ id=’log’ value=” size=’20’ /><span class=’et_protected_icon’></span></label></p>
<p><label><span>Password: </span><input type=’password’ name=’pwd’ id=’pwd’ size=’20’ /><span class=’et_protected_icon et_protected_password’></span></label></p>
<input type=’submit’ name=’submit’ value=’Login’ class=’etlogin-button’ />
<input type=’hidden’ name=’redirect_to’ value=’https://www.elegantthemes.com/preview/Lucid/shortcodes/’>
</form>
</div> <!– .et-protected-form –>
</div> <!– .et-protected –></p>
<h1 id=”author” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>10. Author Info</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Now it&#8217;s easy to include an author bio after each of your posts using the author shortcode. This is a great feature for multi-author blogs that build the personal brand of their writers.</em></span></p>

<div class=’author-shortcodes’>
<div class=’author-inner’>
<div class=’author-image’>
<img src=’https://www.elegantthemes.com/preview/Lucid/wp-content/uploads/et_temp/profile2-51530_60x60.jpg’ alt=” />
<div class=’author-overlay’></div>
</div> <!– .author-image –>
<div class=’author-info’>
<h1 style=”font-size: 20px;”>About The Author</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus elit, sagittis eleifend placerat in, viverra et nunc. In eu magna ut metus posuere lacinia nec vitae sem. Fusce semper neque vel justo fermentum ornare. Fusce ac arcu urna. Nam id nibh est, eu sodales leo. Pellentesque lobortis, mauris non condimentum luctus, ipsum dolor vehicula nisl, lobortis porttitor est nulla a ante. Praesent a nisi vitae felis varius viverra. Pellentesque volutpat lacus ut justo condimentum nec bibendum nibh vehicula. Nunc lobortis, nunc sit amet sollicitudin convallis, felis arcu fringilla mi, nec rutrum mi urna eget tellus. Nam gravida, nibh at tristique dictum, nibh turpis tincidunt massa, a molestie ligula eros in urna. Donec blandit tempus purus a dictum. Maecenas sed auctor velit. Curabitur felis est, varius et imperdiet in, consequat porta dolor. Nullam diam diam, accumsan non lacinia a, feugiat at purus. Curabitur ornare ante ut enim accumsan a dictum sapien pharetra.</p>
</div> <!– .author-info –>
</div> <!– .author-inner –>
</div> <!– .author-shortcodes –>
<h1 id=”columns” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>11. Column Layouts</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Sometimes it can get frustrating trying to organize content via the WordPress text editor. With the column layout shortcodes, however, you can now break down your content into any number of advanced layouts giving variety and hierarchy to your post. Columns can be created in halves, thirds, fourths and two-thirds.</em></span></p>
<div class=’one_half’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Half</h1>
<p>Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.</p>
</div>
<div class=’one_half et_column_last’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Half</h1>
<p>Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.</p>
</div><div class=’clear’></div>
<div class=’one_third’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Third</h1>
<p>Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.</p>
</div>
<div class=’one_third’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Third</h1>
<p>Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.</p>
</div>
<div class=’one_third et_column_last’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Third</h1>
<p>Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.</p>
</div><div class=’clear’></div>
<div class=’one_fourth’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.</p>
</div>
<div class=’one_fourth’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.</p>
</div>
<div class=’one_fourth’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.</p>
</div>
<div class=’one_fourth et_column_last’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Sed fringilla eleifend sapien. Pellentesque venenatis tortor velit, ac porttitor risus. Curabitur egestas risus in dui elementum aliquam. Morbi aliquam ipsum nec lectus auctor dictum vel eu purus. Ut ut aliquet ante. Suspendisse nisi neque, luctus quis fringilla ac, lacinia eu tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae quam diam, ac blandit lectus. Suspendisse arcu dui, mattis et malesuada eu, congue id odio. Vivamus eu rhoncus turpis. Fusce sit amet venenatis erat. Fusce pretium congue bibendum.</p>
</div><div class=’clear’></div>
<div class=’one_third’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Third</h1>
<p>Vestibulum iaculis accumsan rhoncus. Sed a adipiscing magna. Morbi a urna purus. Aenean quis tellus nisl. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in.</p>
</div>
<div class=’two_third et_column_last’>
<h1 style=”font-size: 20px; padding-top: 30px;”>Two Thirds</h1>
<p>Vestibulum iaculis accumsan rhoncus. Sed a adipiscing magna. Morbi a urna purus. Aenean quis tellus nisl. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in. Aliquam eu ante eget magna vulputate egestas a et elit. Ut nec purus vel sapien laoreet facilisis sed quis nisl. Integer eget tortor nec nisi faucibus pulvinar ac at mi. Nullam vitae neque justo. Fusce sed volutpat risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla auctor porta dui, nec bibendum est vehicula et. Praesent velit velit, pulvinar posuere tincidunt a, dapibus et turpis. Aenean lacus leo, ultrices ac convallis in, tincidunt in massa. Duis volutpat pretium leo, lobortis malesuada felis volutpat in.</p>
</div><div class=’clear’></div>
<div class=’one_fourth’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.</p>
</div>
<div class=’one_fourth’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Fourth</h1>
<p>Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.</p>
</div>
<div class=’one_half et_column_last’>
<h1 style=”font-size: 20px; padding-top: 30px;”>One Half</h1>
<p>Duis ut nisl porta nulla tincidunt ullamcorper at vel erat. Curabitur malesuada, libero vitae tempor volutpat, sapien leo lacinia magna, varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices. Varius blandit ante justo sed nibh. Maecenas quis lectus lorem. Nulla facilisi. Proin pharetra aliquet sapien eu rhoncus. Aliquam placerat blandit blandit. Suspendisse sit amet est metus. Donec ultrices malesuada congue. Proin aliquet, lorem non vehicula semper, enim lorem aliquam tortor, sed blandit augue erat a risus. Quisque interdum ullamcorper augue quis cursus. Donec ac est et nulla malesuada ultrices.</p>
</div><div class=’clear’></div>
<h1 id=”lists” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>12. Custom Icon Lists</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>We have added a few different list styles that can be applied to any list you make. Simply wrap the list in the [ custom_list ] shortcode and choose your icon type (green check mark, red x or gray dot). The list will then be formatted accordingly.</em></span></p>
<div class=’one_third’>
<div class=’et-custom-list’>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
</div> <!– .et-custom-list –>
</div>
<div class=’one_third’>
<div class=’et-custom-list etlist-x’>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
</div> <!– .et-custom-list –>
</div>
<div class=’one_third et_column_last’>
<div class=’et-custom-list etlist-dot’>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
</div> <!– .et-custom-list –>
</div><div class=’clear’></div>
<h1 id=”pricing” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>13. Corporate Pricing Tables</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>The new pricing tables offer you a beautiful way to showcase your various products and how their features and prices compare with each other. What before would have been a complicated HTML endeavor can now be created quickly and easily using the [ pricing_table] shortcode. Using this shortcode you can list features differentiated with the green check or red x, adjust the table titles and descriptions, change the price and adjust the button text and URL. You can also choose between two pricing table styles (big and small).</em></span><br />

<div class=’et-pricing clearfix’>
<div class=’pricing-table’>
<div class=’pricing-table-wrap’>
<div class=’pricing-heading’>
<h2 class=’pricing-title’>standard</h2>
<p>Great for small business</p>
</div> <!– end .pricing-heading –>

<div class=’pricing-content’>
<ul class=’pricing’>
<li>24/7 Tech Support<span class=’pricing-mark’></span></li>
<li>Advanced Options<span class=’pricing-mark’></span></li>
<li>100GB Storage<span class=’pricing-mark’></span></li>
<li>1GB Bandwidth<span class=’pricing-mark’></span></li>
<li class=”x-mark”>Something Else<span class=’pricing-mark’></span></li>
<li>Another Feature Here<span class=’pricing-mark’></span></li>
</ul>
</div> <!– end .pricing-content –>

<div class=’pricing-content-bottom’>
<span class=’et-price’><span class=’dollar-sign’>$</span>19<sup>95</sup></span>
</div> <!– end .pricing-content-bottom –>

<a href=’https://www.google.com’ class=’icon-button’ target=”_blank”>Join Now</a>
</div> <!– end .pricing-table-wrap –>
</div> <!– end .pricing-table –>

<div class=’pricing-table pricing-big’>
<div class=’pricing-table-wrap’>
<div class=’pricing-heading’>
<h2 class=’pricing-title’>Professional</h2>
<p>Something new</p>
</div> <!– end .pricing-heading –>

<div class=’pricing-content’>
<ul class=’pricing’>
<li>24/7 Tech Support<span class=’pricing-mark’></span></li>
<li>Advanced Options<span class=’pricing-mark’></span></li>
<li>100GB Storage<span class=’pricing-mark’></span></li>
<li>1GB Bandwidth<span class=’pricing-mark’></span></li>
<li class=”x-mark”>Something Else<span class=’pricing-mark’></span></li>
<li>Another Feature Here<span class=’pricing-mark’></span></li>
</ul>
</div> <!– end .pricing-content –>

<div class=’pricing-content-bottom’>
<span class=’et-price’><span class=’dollar-sign’>$</span>79<sup>95</sup></span>
</div> <!– end .pricing-content-bottom –>

<a href=’#’ class=’icon-button’>Join Now</a>
</div> <!– end .pricing-table-wrap –>
</div> <!– end .pricing-table –>

<div class=’pricing-table’>
<div class=’pricing-table-wrap’>
<div class=’pricing-heading’>
<h2 class=’pricing-title’>Business</h2>
<p>Something new</p>
</div> <!– end .pricing-heading –>

<div class=’pricing-content’>
<ul class=’pricing’>
<li>24/7 Tech Support<span class=’pricing-mark’></span></li>
<li>Advanced Options<span class=’pricing-mark’></span></li>
<li>100GB Storage<span class=’pricing-mark’></span></li>
<li>1GB Bandwidth<span class=’pricing-mark’></span></li>
<li class=”x-mark”>Something Else<span class=’pricing-mark’></span></li>
<li>Another Feature Here<span class=’pricing-mark’></span></li>
</ul>
</div> <!– end .pricing-content –>

<div class=’pricing-content-bottom’>
<span class=’et-price’><span class=’dollar-sign’>$</span>59<sup>95</sup></span>
</div> <!– end .pricing-content-bottom –>

<a href=’#’ class=’icon-button’>Join Now</a>
</div> <!– end .pricing-table-wrap –>
</div> <!– end .pricing-table –>

<div class=’pricing-table’>
<div class=’pricing-table-wrap’>
<div class=’pricing-heading’>
<h2 class=’pricing-title’>Enterprise</h2>
<p>Description</p>
</div> <!– end .pricing-heading –>

<div class=’pricing-content’>
<ul class=’pricing’>
<li>24/7 Tech Support<span class=’pricing-mark’></span></li>
<li>Advanced Options<span class=’pricing-mark’></span></li>
<li>100GB Storage<span class=’pricing-mark’></span></li>
<li>1GB Bandwidth<span class=’pricing-mark’></span></li>
<li class=”x-mark”>Something Else<span class=’pricing-mark’></span></li>
<li>Another Feature Here<span class=’pricing-mark’></span></li>
</ul>
</div> <!– end .pricing-content –>

<div class=’pricing-content-bottom’>
<span class=’et-price’><span class=’dollar-sign’>$</span>99<sup>95</sup></span>
</div> <!– end .pricing-content-bottom –>

<a href=’#’ class=’icon-button’>join</a>
</div> <!– end .pricing-table-wrap –>
</div> <!– end .pricing-table –>
</div> <!– end .et-pricing –></p>
<h1 id=”testimonials” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>14. Testimonials</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>The new testimonials shortcode gives you an easy way to show your visitors what your customers think about your product. Gaining the trust of your viewers is important, and now it&#8217;s easier than ever to create styled testimonial blurbs on any of your posts or pages. </em></span><br />
<div class=’one_third’>
<div id=’testid’ class=’et-testimonial-box testclass’>
<div class=’et-testimonial-author-info clearfix’>

<div class=’t-img’>
<img src=’https://www.elegantthemes.com/preview/Lucid/wp-content/uploads/et_temp/profile2-51530_60x60.jpg’ alt=’Nick Roach’ />
<span class=’t-overlay’></span>
</div>

<span class=’t-author’>Nick Roach</span>
<span class=’t-position’>Company name</span>
</div>

<div class=’et-testimonial clearfix’>
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis
</div>

<div class=’t-bottom-arrow’></div>
</div>
</div><div class=’one_third’>
<div id=’testid’ class=’et-testimonial-box testclass’>
<div class=’et-testimonial-author-info clearfix’>

<div class=’t-img’>
<img src=’https://www.elegantthemes.com/preview/Lucid/wp-content/uploads/et_temp/profile2-51530_60x60.jpg’ alt=’Nick Roach’ />
<span class=’t-overlay’></span>
</div>

<span class=’t-author’>Nick Roach</span>
<span class=’t-position’>Company name</span>
</div>

<div class=’et-testimonial clearfix’>
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis
</div>

<div class=’t-bottom-arrow’></div>
</div>
</div><div class=’one_third et_column_last’>
<div id=’testid’ class=’et-testimonial-box testclass’>
<div class=’et-testimonial-author-info clearfix’>

<div class=’t-img’>
<img src=’https://www.elegantthemes.com/preview/Lucid/wp-content/uploads/et_temp/profile2-51530_60x60.jpg’ alt=’Nick Roach’ />
<span class=’t-overlay’></span>
</div>

<span class=’t-author’>Nick Roach</span>
<span class=’t-position’>Company name</span>
</div>

<div class=’et-testimonial clearfix’>
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis
</div>

<div class=’t-bottom-arrow’></div>
</div>
</div><div class=’clear’></div></p>
<div style=”clear: both;”></div>
<h1 id=”dropcap” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>15. DropCaps</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>Dropcaps are a simply typographic technique that will spice up and give hierarchy to your post copy. Simply wrap a little at the beginning of your paragraph with the drop cap shortcode and it will become nested within the body content. You can then apply any style that you want to the letter, allowing you to change its size, color and font face. </em></span><br />
<div class=’one_third’>
<span id=’test’ class=’et-dropcap test2′ style=”font-size:60px; color: #8c2626;”>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
</div><div class=’one_third’>
<span id=’test’ class=’et-dropcap test2′ style=”font-size:60px; color: #26738c;”>O</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
</div><div class=’one_third et_column_last’>
<span id=’test’ class=’et-dropcap test2′ style=”font-size:60px; color: #9b9b9b;”>P</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
</div><div class=’clear’></div></p>
<div style=”clear: both;”></div>
<h1 id=”quotes” style=”padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin: 80px 0 20px 0;”>16. Quotes</h1>
<p><span style=”color: #999999; padding-bottom: 20px; display: block; font-size: 14px; line-height: 20px;”><em>One thing that our themes have been lacking are well-formatted quotes. This problem has now been solved with new quote shortcode which comes in two different styles. </em></span></p>
<div class=’one_half’>
<div class=’et_quote’>
<div class=’et_right_quote’>
Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.

</div>
<span class=’et_quote_sign’></span>
</div>
</div>
<div class=’one_half et_column_last’>
Quisque suscipit lacus ut nulla lacinia elementum. Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
</div><div class=’clear’></div>
<div style=”margin-top: 40px;”>

<div class=’et_quote quote-center’>
<div class=’et_right_quote’>
Donec laoreet, purus et interdum feugiat, lectus ante pellentesque tortor, ac volutpat orci libero et libero. In ac gravida leo. Donec ullamcorper pretium vulputate. Nulla in dignissim lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque pharetra ultricies arcu, et semper nunc suscipit quis. Quisque suscipit lacus ut nulla lacinia elementum. Aliquam vehicula quam ac leo auctor vel sagittis tortor consequat.
<span class=’et_quote_additional_sign’></span>
</div>
<span class=’et_quote_sign’></span>
</div>

</div>
</div> <!– end .post_content –>
</article> <!– end .entry –>
</div> <!– end #left-area –>
</div> <!– end #content-area –>

</div> <!– end .container –>
</div> <!– end #main-area –>
<footer id=”main-footer”>
<div id=”footer-divider”></div>
<div class=”container”>
<div id=”footer-widgets” class=”clearfix”>
<div class=”footer-widget”> <div id=”recent-posts-4″ class=”f_widget widget_recent_entries”> <h4 class=”widgettitle”>Recent Posts</h4> <ul>
<li>
<a href=”https://www.elegantthemes.com/preview/Lucid/sed-auctor-tristique-venenatis/”>Sed auctor tristique venenatis</a>
</li>
<li>
<a href=”https://www.elegantthemes.com/preview/Lucid/donec-sagittis-auctor/”>Donec sagittis auctor</a>
</li>
<li>
<a href=”https://www.elegantthemes.com/preview/Lucid/sed-laoreet-fringilla/”>Sed laoreet fringilla</a>
</li>
<li>
<a href=”https://www.elegantthemes.com/preview/Lucid/ut-dictum-euismod/”>Ut dictum euismod</a>
</li>
<li>
<a href=”https://www.elegantthemes.com/preview/Lucid/duis-venenatis-scelerisque-diam/”>Duis venenatis scelerisque</a>
</li>
</ul>
</div> <!– end .footer-widget –></div> <!– end .footer-widget –><div class=”footer-widget”><div id=”recent-comments-3″ class=”f_widget widget_recent_comments”><h4 class=”widgettitle”>Recent Comments</h4><ul id=”recentcomments”><li class=”recentcomments”><span class=”comment-author-link”><a href=’http://probarta.com’ rel=’external nofollow’ class=’url’>Projukti Barta</a></span> on <a href=”https://www.elegantthemes.com/preview/Lucid/hello-world-2/#comment-334″>Neque quisquam</a></li><li class=”recentcomments”><span class=”comment-author-link”><a href=’http://bhaveshthaker.com’ rel=’external nofollow’ class=’url’>Bhaveshkumar Thaker</a></span> on <a href=”https://www.elegantthemes.com/preview/Lucid/beautiful-buildings/#comment-45″>Beautiful Buildings</a></li><li class=”recentcomments”><span class=”comment-author-link”><a href=’http://bhaveshthaker.com’ rel=’external nofollow’ class=’url’>Bhaveshkumar Thaker</a></span> on <a href=”https://www.elegantthemes.com/preview/Lucid/beautiful-buildings/#comment-44″>Beautiful Buildings</a></li><li class=”recentcomments”><span class=”comment-author-link”><a href=’http://www.k-files.com/’ rel=’external nofollow’ class=’url’>Blogger’s Notebook</a></span> on <a href=”https://www.elegantthemes.com/preview/Lucid/duis-venenatis-scelerisque-diam/#comment-1014″>Duis venenatis scelerisque</a></li></ul></div> <!– end .footer-widget –></div> <!– end .footer-widget –><div class=”footer-widget last”><div id=”meta-4″ class=”f_widget widget_meta”><h4 class=”widgettitle”>Meta</h4> <ul>
<li><a href=”https://www.elegantthemes.com/preview/Lucid/wp-login.php”>Log in</a></li>
<li><a href=”https://www.elegantthemes.com/preview/Lucid/feed/”>Entries <abbr title=”Really Simple Syndication”>RSS</abbr></a></li>
<li><a href=”https://www.elegantthemes.com/preview/Lucid/comments/feed/”>Comments <abbr title=”Really Simple Syndication”>RSS</abbr></a></li>
<li><a href=”https://wordpress.org/” title=”Powered by WordPress, state-of-the-art semantic personal publishing platform.”>WordPress.org</a></li> </ul>
</div> <!– end .footer-widget –></div> <!– end .footer-widget –> </div> <!– end #footer-widgets –>
</div> <!– end .container –>

</footer> <!– end #main-footer –>

<div id=”footer-bottom”>
<div class=”container clearfix”>
<ul id=”bottom-menu” class=”bottom-nav”><li id=”menu-item-9″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9″><a href=”https://www.elegantthemes.com/preview/Lucid/category/blog/”>Blog</a></li>
<li id=”menu-item-453″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-453″><a href=”https://www.elegantthemes.com/preview/Lucid/full-width/”>Full Width</a></li>
<li id=”menu-item-452″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-183 current_page_item menu-item-452″><a href=”https://www.elegantthemes.com/preview/Lucid/shortcodes/”>Shortcodes</a></li>
<li id=”menu-item-454″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-454″><a href=”https://www.elegantthemes.com/preview/Lucid/about/”>Mission Statement</a></li>
</ul>
<p id=”copyright”>Designed by <a href=”http://www.elegantthemes.com” title=”Premium WordPress Themes”>Elegant Themes</a> | Powered by <a href=”http://www.wordpress.org”>WordPress</a></p>
</div> <!– end .container –>
</div> <!– end #footer-bottom –>

<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/js/superfish.min.js?ver=1.0′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/js/jquery.flexslider-min.js?ver=1.0′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/js/jquery.fitvids.js?ver=1.0′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/js/custom.js?ver=1.0′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-includes/js/comment-reply.min.js?ver=6f0c8b4a7adcee7659a647c59d64789d’></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/core/admin/js/common.js?ver=3.0.96′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/includes/page_templates/js/jquery.easing-1.3.pack.js?ver=1.3.4′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/includes/page_templates/js/magnific_popup/jquery.magnific-popup.js?ver=1.3.4′></script>
<script type=’text/javascript’>
/* <![CDATA[ */
var et_ptemplates_strings = {“captcha”:”Captcha”,”fill”:”Fill”,”field”:”field”,”invalid”:”Invalid email”};
/* ]]> */
</script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/includes/page_templates/js/et-ptemplates-frontend.js?ver=1.1′></script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-includes/js/wp-embed.min.js?ver=6f0c8b4a7adcee7659a647c59d64789d’></script>
<script type=’text/javascript’>
/* <![CDATA[ */
var et_shortcodes_strings = {“previous”:”Previous”,”next”:”Next”};
/* ]]> */
</script>
<script type=’text/javascript’ src=’https://www.elegantthemes.com/preview/Lucid/wp-content/themes/Lucid/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=2.6.9′></script>
<script type=”text/javascript” src=”https://www.elegantthemes.com/js/cookie.min.js?ver=4.1″></script><script type=”text/javascript” src=”https://www.elegantthemes.com/js/cookie-consent.min.js?ver=4.2″></script>
<script>
function et_third_party_scripts() {
// Facebook Retargeting
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=’2.0′;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);

fbq(‘init’, ‘967149496645973’);
fbq(‘track’, “PageView”);
// End Facebook Retargeting

// Adroll
adroll_adv_id = “NYQRXJDWBBHNDKEQK5JJ3L”;
adroll_pix_id = “ACITJUSNKBHSJN23X6Q2HT”;
(function () {
var oldonload = window.onload;
window.onload = function(){
__adroll_loaded=true;
var scr = document.createElement(“script”);
var host = ((“https:” == document.location.protocol) ? “https://s.adroll.com” : “http://a.adroll.com”);
scr.setAttribute(‘async’, ‘true’);
scr.type = “text/javascript”;
scr.src = host + “/j/roundtrip.js”;
((document.getElementsByTagName(‘head’) || [null])[0] ||
document.getElementsByTagName(‘script’)[0].parentNode).appendChild(scr);
if(oldonload){oldonload()}};
}());
// End Adroll

// Adwords Retargeting
var et_first_script = document.getElementsByTagName( ‘script’ )[ 0 ];

var et_new_script = document.createElement( ‘script’ );

et_new_script.src = ‘https://www.googletagmanager.com/gtag/js?id=AW-1006729916’;

et_new_script.setAttribute(‘async’, ‘true’);

et_first_script.parentNode.insertBefore( et_new_script, et_first_script );

window.onload = function(){
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());

gtag(‘config’, ‘AW-1006729916’);
};
// End Adwords Retargeting
}
</script>

<!– Intercom –>
<script>
window.intercomSettings = {
app_id: ‘hrpt54hy’,
custom_launcher_selector: ‘.launch_intercom’,
widget: {
activator: ‘#IntercomDefaultWidget’
}
};
(function(){var w=window;var ic=w.Intercom;if(typeof ic===”function”){ic(‘reattach_activator’);ic(‘update’,intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement(‘script’);s.type=’text/javascript’;s.async=true;s.src=’https://widget.intercom.io/widget/hrpt54hy’;var x=d.getElementsByTagName(‘script’)[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent(‘onload’,l);}else{w.addEventListener(‘load’,l,false);}}})()
</script>
<!– End Intercom –>