Home Version 28 Page Code
Click to preview the Home Version 28 demo. View demo
Preview:
[email protected] (HeaderPane)
Code:
html
<div class="home28-topicon clearfix">
<p class="top_email"><em class="fa fa-envelope"></em>[email protected]</p>
<a href="#" class="facebook_icon"><em class="fa fa-facebook"></em></a>
<a href="#" class="twitter_icon"><em class="fa fa-twitter"></em></a>
</div>Banner Section (BannerPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
Free Lifetime Services (BottomOutPane · 1)
Code:
html
<div class="home28-background01">
<div class="dnn_layout pt-60 pb-60 animation scaleUp ">
<div class="content_mid clearfix pb-20">
<ul class=" Testimonials_tab home28-Testimonials01" data-position="fade" data-autoplay="3000" data-autoheight="false">
<li>
<blockquote>
<h2>Free Lifetime Services </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet elit.</p>
</blockquote>
</li>
<li>
<blockquote>
<h2>About Our Features </h2>
<p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque penatibus et magnis. Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus agnis. Donec consectetur diam. Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque penatibus et magnis. Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus agnis. Donec consectetur diam.</p>
</blockquote>
</li>
<li>
<blockquote>
<h2>About Our Clients</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque penatibus et magnis. Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus agnis. Donec consectetur diam.</p>
</blockquote>
</li>
</ul>
</div>
</div>
</div>Edit Content (BottomOutPane · 2)
Code:
html
<div class="home28-background02 pt-10 pb-20">
<div class="dnn_layout pt-60 pb-60 home28-servewidth">
<div class="content_mid clearfix">
<div class="row animation">
<div class="col-sm-4 animation_item scaleUp ">
<div class="home28-ServeList01"> <span class="fa fa-edit"></span>
<h5>Edit Content</h5>
<p>Sed ut perspiciatis unde omnis iste natus laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. </p>
<a href="#">READ MORE ></a>
</div>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay1">
<div class="home28-ServeList01"><span class="fa fa-share-square-o"></span>
<h5>Share Events</h5>
<p>Sed ut perspiciatis unde omnis iste natus laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. </p>
<a href="#">READ MORE ></a>
</div>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay2">
<div class="home28-ServeList01"> <span class="fa fa-check-square-o"></span>
<h5>Check Mistakes</h5>
<p>Sed ut perspiciatis unde omnis iste natus laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. </p>
<a href="#">READ MORE ></a>
</div>
</div>
</div>
</div>
</div>
</div>Why Choose Us? (BottomOutPane · 3)
Code:
html
<div class="home28-background03 pt-20 pb-20"> <div class="dnn_layout pt-60 pb-60"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-6"> <div class="home28-choose_img animation fadeInLeft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-choose_img.jpg" /></div> </div> <div class="col-sm-6"> <div class="home28-choosetitle"> <h2>Why Choose Us?</h2> </div> <div class="panel-group home28-accordion01 animation fadeInRight" id="accordion1"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a class="collapsed" data-parent="#accordion1" data-toggle="collapse" href="#collapse2_1"><span class="accordion_icon"></span>Our Mission</a></h4> </div> <div class="panel-collapse collapse" id="collapse2_1"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-parent="#accordion1" data-toggle="collapse" href="#collapse2_2"><span class="accordion_icon"></span>Our Solutions</a></h4> </div> <div class="panel-collapse collapse in" id="collapse2_2"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a class="collapsed" data-parent="#accordion1" data-toggle="collapse" href="#collapse2_3"><span class="accordion_icon"></span>Our Technology </a></h4> </div> <div class="panel-collapse collapse" id="collapse2_3"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> </div> </div> </div> </div> </div> </div> </div> </div>BottomOutPane Section (BottomOutPane · 4)
Code:
html
<ul class=" home28-images_list animation clearfix">
<li class="animation_item zoomInLeft delay2"><a target="_blank" href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-img01.jpg" /></a></li>
<li class="animation_item zoomInLeft delay1"><a target="_blank" href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-img02.jpg" /></a></li>
<li class="animation_item zoomInUp "><a target="_blank" href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-img03.jpg" /></a></li>
<li class="animation_item zoomInRight delay1"><a target="_blank" href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-img04.jpg" /></a></li>
<li class="animation_item zoomInRight delay2"><a target="_blank" href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-img05.jpg" /></a></li>
</ul>RESPONSIVE WEB (BottomOutPane · 5)
Code:
html
<div class="home28-ServeList02 animation">
<li class="home28-bgcolor01 animation_item zoomInLeft">
<h3 class="title">RESPONSIVE WEB</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<a class="btn" href="#" target="blank">NOW SEE MORE</a> </li>
<li class="home28-bgcolor02 animation_item zoomInUp">
<h3 class="title">MOBILE DESIGN</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<a class="btn" href="#" target="blank">NOW SEE MORE</a> </li>
<li class="home28-bgcolor03 animation_item zoomInRight">
<h3 class="title">CUSTOMIZE WEB</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<a class="btn" href="#" target="blank">NOW SEE MORE</a> </li>
</div>Pricing Table (BottomOutPane · 6)
Code:
html
<div class="home28-background04"> <div class="dnn_layout pt-60 pb-60 animation scaleUp "> <div class="content_mid clearfix pt-10"> <h2 class="title_style">Pricing Table</h2> <p class="pb-20">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure <span>accusNullam dictum felis eu.Lorem ipsum dolor sit amet.</span></p> <div class="price-table home28-price_table row mt-10"> <div class="col-md-3 col-sm-6"> <div class="price_title"> <h3>BASIC</h3> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">10</span><span class="unit">/month</span></div> <ul> <li>RESPONSIVE</li> <li>BLOG</li> <li>UNLIMITED COLORS</li> <li>HOSTING</li> <li>WEBSITE LAYOUTS</li> <li>HEADER STYLE</li> <li>ONLINE STORE</li> </ul> <a class="btn " href="#" target="blank">BUY NOW</a> </div> </div> <div class="col-md-3 col-sm-6 "> <div class="price_title "> <h3>PROFESSIONAL</h3> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">20</span><span class="unit">/month</span></div> <ul> <li>RESPONSIVE</li> <li>BLOG</li> <li>UNLIMITED COLORS</li> <li>HOSTING</li> <li>WEBSITE LAYOUTS</li> <li>HEADER STYLE</li> <li>ONLINE STORE</li> </ul> <a class="btn " href="#" target="blank">BUY NOW</a> </div> </div> <div class="col-md-3 col-sm-6 best_value"> <div class="price_title"> <h3>BUSINESS</h3> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">30</span><span class="unit">/month</span></div> <ul> <li>RESPONSIVE</li> <li>BLOG</li> <li>UNLIMITED COLORS</li> <li>HOSTING</li> <li>WEBSITE LAYOUTS</li> <li>HEADER STYLE</li> <li>ONLINE STORE</li> </ul> <a class="btn " href="#" target="blank">BUY NOW</a> </div> </div> <div class="col-md-3 col-sm-6"> <div class="price_title"> <h3>MAXIMUM</h3> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">40</span><span class="unit">/month</span></div> <ul> <li>RESPONSIVE</li> <li>BLOG</li> <li>UNLIMITED COLORS</li> <li>HOSTING</li> <li>WEBSITE LAYOUTS</li> <li>HEADER STYLE</li> <li>ONLINE STORE</li> </ul> <a class="btn " href="#" target="blank">BUY NOW</a> </div> </div> </div> </div> </div> </div>About Our Dynamic (BottomOutPane · 7)
Code:
html
<div class="home28-background05">
<div class="dnn_layout pt-60 pb-20">
<div class="content_mid clearfix pt-10">
<div class="row">
<div class="col-md-6 pb-60 animation fadeInLeft">
<h3 class="title_style">About Our Dynamic</h3>
<div class="horizontalTab_Top home28-horizontalTab_Top">
<ul class="resp-tabs-list">
<li> <span>Our Team</span> </li>
<li> <span>Product Features</span> </li>
<li> <span>Technical Support</span> </li>
</ul>
<div class="resp-tabs-container">
<div class="resp_container">
<div class="resp_margin">
<div class="list_style01">
<h3>MAURIS DAPIBUS LACUS</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vivamus sed magna quis ligula adipiscing. Duis orci. Aliquam sodales tortor ipsum.</p> <strong>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec.</strong> </div>
</div>
</div>
<div class="resp_container">
<div class="resp_margin">
<ul class="list_style02">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>temporibus magni odit repellat iure accusNullam dictum felis</li>
<li>eu.Lorem ipsum dolor sit amet, consectetur adipisicing</li>
<li>elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
</ul>
<a class="btn" href="#" target="blank">READ MORE</a>
</div>
</div>
<div class="resp_container">
<div class="resp_margin">
<div class="list_style03 clearfix"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-dynamic.jpg" />
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 pb-60 animation fadeInRight">
<h3 class="title_style">Our Skill</h3>
<div class="home28-loaded_list">
<div class="progress"><span>WEB DESIGN 90%</span>
<div data-width="90%" class="bar animation animationwidth"></div>
</div>
<div class="progress"><span>HTML5 & CSS3 95%</span>
<div data-width="95%" class="bar animation animationwidth"></div>
</div>
<div class="progress"><span>GRAPHIC DESIGN 93%</span>
<div data-width="93%" class="bar animation animationwidth"></div>
</div>
<div class="progress"><span>DNN 96%</span>
<div data-width="96%" class="bar animation animationwidth"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Testimonials And Clients (BottomOutPane · 8)
Code:
html
<div class="home28-background06"> <div class="dnn_layout pt-60 pb-60 "> <div class="content_mid clearfix pt-10 pb-20"> <div class="animation fadeInUp"> <h2 class="title_style">Testimonials And Clients</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum <span>felis eu.consectetur adipisicing elit.Lorem ipsum dolor sit amet.</span></p> </div> <div class="row"> <div class="col-md-6 pt-60 animation fadeInLeft"> <ul class=" Testimonials_tab home28-Testimonials02 " data-position="fade" data-display-arrows="false" data-autoplay="3000" data-autoheight="false"> <li> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-Testimonials02_1.jpg" /></div> <blockquote><small>David Parker <span>Technical Director</span></small> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </blockquote> </li> <li> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-Testimonials02_2.jpg" /></div> <blockquote> <small>Elizabeth Green <span>Designer</span></small> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </blockquote> </li> <li> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-Testimonials02_3.jpg" /></div> <blockquote><small>Don Townsend <span>IT Manager</span></small> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </blockquote> </li> <li> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-Testimonials02_4.jpg" /></div> <blockquote><small>Sam Isbister <span>Form Mass Impressions </span></small> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </blockquote> </li> </ul> </div> <div class="col-md-6 pt-40 animation fadeInRight"> <ul class="home28-images_list02 clearfix"> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img01.png" class="img-responsive" /></a> </li> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img02.png" class="img-responsive" /></a> </li> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img03.png" class="img-responsive" /></a> </li> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img04.png" class="img-responsive" /></a> </li> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img05.png" class="img-responsive" /></a> </li> <li> <a href="#" target="blank"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-link_img06.png" class="img-responsive" /></a> </li> </ul> </div> </div> </div> </div> </div>FEATURED POSTS (FootPaneD)
Code:
html
<ul class="home28-foot_featured animation fadeInUp">
<li><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-featured01.png" />Velit esse quam nihil molestiae<br />
March 18, 2014 </li>
<li><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-featured02.png" />Cum sociis natoque penatibus et magnis<br />
March 18, 2014 </li>
<li><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-featured03.png" />Praesent magna metus consequat<br />
March 18, 2014</li>
</ul>RECENT PROJECTS (FootPaneE)
Code:
html
<ul class="home28-images_list03 animation fadeInUp delay1 clearfix">
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist01-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist01.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist02-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist02.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist03-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist03.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist04-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist04.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist05-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist05.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist06-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist06.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist07-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist07.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist08-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist08.jpg" /> </a></li>
<li><a class="LightBox_image" href="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist09-big.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home28-Images/home28-foot_imglist09.jpg" /> </a></li>
</ul>SERVICES & PRODUCTS (FootPaneF)
Code:
html
<div id="accordion3" class="panel-group home28-accordion02 animation fadeInUp delay2">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a href="#collapse3_1" data-parent="#accordion3" data-toggle="collapse"> <span class="accordion_icon"></span>Web design</a> </h4>
</div>
<div class="panel-collapse collapse in" id="collapse3_1">
<div class="panel-body">Suspendisse ad minima veniam, quis nostrum potenti. Donec quia consequuntur magni dolores eos qui ratione venenatis,</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse3_2" data-parent="#accordion3" data-toggle="collapse"> <span class="accordion_icon"></span>Photography</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse3_2">
<div class="panel-body">Suspendisse ad minima veniam, quis nostrum potenti. Donec quia consequuntur magni dolores eos qui ratione venenatis,</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse3_3" data-parent="#accordion3" data-toggle="collapse"> <span class="accordion_icon"></span>Marketing & PR</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse3_3">
<div class="panel-body">Suspendisse ad minima veniam, quis nostrum potenti. Donec quia consequuntur magni dolores eos qui ratione venenatis,</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse3_4" data-parent="#accordion3" data-toggle="collapse"> <span class="accordion_icon"></span>SMM & SEO</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse3_4">
<div class="panel-body">Suspendisse ad minima veniam, quis nostrum potenti. Donec quia consequuntur magni dolores eos qui ratione venenatis,</div>
</div>
</div>
</div>CONTACT US (FootPaneG)
This section uses the DNNGo PowerForms module — see PowerForms.
App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>