Home Version 33 Page Code
Click to preview the Home Version 33 demo. View demo
Preview:
Banner Section (BannerPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
Videos (TopPane)
Code:
html
<div class="home33-ibox text-center pb-30"> <div class="row"> <div class="col-sm-4 animation fadeInUp delay1"> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img01.png" /></div> <h4>Videos</h4> <h3>YOUTUBE PLAY</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis adipiscing elit.</p> <a href="#">READ MORE ></a></div> <div class="col-sm-4 animation fadeInUp delay2"> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img02.png" /></div> <h4>Email</h4> <h3>GET IN TOUCH</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis adipiscing elit.</p> <a href="#">READ MORE ></a></div> <div class="col-sm-4 animation fadeInUp delay3"> <div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img03.png" /></div> <h4>Images</h4> <h3>PHOTO GALLERY</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis adipiscing elit.</p> <a href="#">READ MORE ></a></div> </div> </div>Hello World! (Full_Screen_PaneB · 1)
Code:
html
<div class="home33-bg clearfix"> <div class="left-box "> <div class="home33-title animation fadeInLeft"> <h4>Hello World!</h4> <h3>WHO WE ARE</h3> </div> <div class="animation fadeInLeft"> <p>DNNGO.NET is recognised as one of the most professional websites who have been specialized in designing, developing DNN Skins, DNN Modules and Sites since 2008. So far we have owned hundreds of skins and modules, what’s more, we will keep developing and releasing on a regular basis. Our brilliant developers have been using the most advanced and cutting-edge development technology, such as HTML5 and CSS3...which will definitely give your business website an outstanding look.</p> <p>We are a team comprised of experienced developers and reliable designers whose aim is to provide you with compelling, engaging and satisfying skins and modules.</p> <div class="pt-10"><a class="home33-btn" href="#">LEARN MORE</a></div> </div> </div> <div class="right-box imgbg-cover"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img04.jpg" /></div> </div>Our Recent Works (Full_Screen_PaneB · 2)
Code:
html
<div class="container pt-60 mt-20">
<div class="home33-title text-center animation scaleUp">
<h4>Our Recent Works</h4>
<h3>LATEST PORTFOLIO</h3> </div>
<p class="home33-textcenter pb-10 animation scaleUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p>
</div>
<div class="isotope_grid home33-isotope animation scaleUp">
<div class="isotope_group">
<a class="active" data-filter="*" href="#">ALL</a>
<a data-filter=".photography" href="#">PHOTOGRAPHY</a>
<a data-filter=".webdesign" href="#">WEB DESIGN</a>
<a data-filter=".blogs" href="#">BLOG</a>
</div>
<div class="loading">
<div class="loading-container container1">
<div class="circle1"> </div>
<div class="circle2"> </div>
<div class="circle3"> </div>
<div class="circle4"> </div>
</div>
<div class="loading-container container2">
<div class="circle1"> </div>
<div class="circle2"> </div>
<div class="circle3"> </div>
<div class="circle4"> </div>
</div>
<div class="loading-container container3">
<div class="circle1"> </div>
<div class="circle2"> </div>
<div class="circle3"> </div>
<div class="circle4"> </div>
</div>
</div>
<div class="isotope_main" data-min-width="392">
<div class="isotope_item photography">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img05.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img05.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item webdesign">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img06.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img06.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item photography blogs">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img07.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img07.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item photography">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img08.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img08.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item photography webdesign blogs">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img09.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img09.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item webdesign blogs">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img10.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img10.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item webdesign">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img11.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img11.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
<div class="isotope_item photography blogs">
<div class="photo_box ico_right_rotate">
<div class="ico">
<a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img12.jpg"><span class="fa fa-expand ico_right"></span></a>
</div>
<div class="pic_box"><img alt="DNN MODULES" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img12.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3>DNN MODULES</h3>
<p>April 12th, 2014</p>
</div>
</div>
</div>
<div class="shade"> </div>
</div>
</div>
</div>
</div>
</div>0 Products 0 Clients 0 Subcribers 0 Downloads 0 Su (Full_Screen_PaneB · 3)
Code:
html
<div class="home33-number">
<div class="clearfix pt-60 pb-60 animation scaleUp">
<div class="col-xs-6 col-sm-4 col-md-2"><span class="animation number" data-number="9600">0</span>
<p>Products</p>
</div>
<div class="col-xs-6 col-sm-4 col-md-2"><span class="animation number" data-number="5880">0</span>
<p>Clients</p>
</div>
<div class="col-xs-6 col-sm-4 col-md-2"><span class="animation number" data-number="7400">0</span>
<p>Subcribers</p>
</div>
<div class="col-xs-6 col-sm-4 col-md-2 "><span class="animation number" data-number="12600">0</span>
<p>Downloads</p>
</div>
<div class="col-xs-6 col-sm-4 col-md-2"><span class="animation number" data-number="3900">0</span>
<p>Supports</p>
</div>
<div class="col-xs-6 col-sm-4 col-md-2"><span class="animation number" data-number="1500">0</span>
<p>Reviews</p>
</div>
</div>
</div>Attractive Skin (Full_Screen_PaneB · 4)
Code:
html
<div class="container pt-60 pb-30"> <div class="row pt-20"> <div class="col-md-6 col-sm-12"> <div class="text-center animation fadeInLeft animated pt-10 home33-imgpad"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img13.png" /></div> </div> <div class="col-md-6 col-sm-12"> <div class="animation fadeInRight animated"> <div class="home33-title"> <h4>Attractive Skin</h4> <h3>POWERFUL TECHNOLOGY</h3> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec eros eget nisl fringilla comm odo. Maecenas ornare, augue ut ultricies tristique, enim lectus pretium quam, quis bibendum metus tellus sedeu dolor lacus. Consequat viverra ipsum, sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p> <ul class="home33-list pt-10 pb-10"> <li><span class="fa fa-plus-circle"></span>Tellus ac cursus commodo, tortor mauri Lorem ipsum</li> <li><span class="fa fa-plus-circle"></span>Dolor sit amet, consectetuer adipiscing elit</li> <li><span class="fa fa-plus-circle"></span>Aenean commodo ligula eget dolor fring illa vel, aliquet nec, vulputate</li> <li><span class="fa fa-plus-circle"></span>Get arcuin enim justo, rhoncus ut, imperdiet a, venenatis vitae</li> <li><span class="fa fa-plus-circle"></span>Nulla facilisi tristique dolor senectus et netus et malesuada lorem</li> </ul> <div class="pt-20"><a class="home33-btn" href="#">MORE INFORMATION</a></div> </div> </div> </div> </div>Call Services (Full_Screen_PaneC · 1)
Code:
html
<div class="home33-bg02 text-center pt-60 pb-60 ">
<div class="container pt-20 pb-20">
<div class="home33-title text-center animation scaleUp">
<h4>Call Services</h4>
<h3>FEATURED THEME</h3> </div>
<p class="pb-40 home33-textcenter animation scaleUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p>
<div class="home33-contbox">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="contbox-left">
<div class="animation fadeInLeft">
<p class="title clearfix">WEB DESIGN<span class="fa fa-shopping-bag"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="animation fadeInLeft">
<p class="title clearfix">PARALLAX<span class="fa fa-eye"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="animation fadeInLeft">
<p class="title clearfix">MANAGEMENT<span class="fa fa-magnet"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
</div>
</div>
<div class="col-sm-6 hidden-sm text-center animation scaleUp"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33_img14.png" /></div>
<div class="col-sm-6 col-md-3">
<div class="contbox-right">
<div class="animation fadeInRight">
<p class="title clearfix">KEY NOTE<span class="fa fa-key"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="animation fadeInRight">
<p class="title clearfix">MICROPHONE<span class="fa fa-microphone"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="animation fadeInRight">
<p class="title clearfix">COFFEE CUP<span class="fa fa-coffee"></span></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque totam rem aperiam, eaque ipsa quae.</p>
</div>
</div>
</div>
<div class="col-sm-12 pt-20 text-center animation scaleUp">
<a class="home33-btn02" href="#">VIEW DEMO</a>
<a class="home33-btn02" href="#">PURCHASE IT</a>
</div>
</div>
</div>
</div>
</div>The First Step (Full_Screen_PaneC · 2)
Code:
html
<div class="home33-list02">
<div class="list-cell1 animation scaleUp">
<h4>The First Step</h4>
<h3>CREATIVE WEB DESIGN</h3>
<p class="pb-20">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio.</p>
<a class="home33-btn03" href="#">READ MORE</a>
</div>
<div class="list-cell2 animation scaleUp">
<h4>The Second Step</h4>
<h3>DNN SKIN DEVELOPMENT</h3>
<p class="pb-20">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio.</p>
<a class="home33-btn03" href="#">READ MORE</a>
</div>
<div class="list-cell3 animation scaleUp">
<h4>The Third Step</h4>
<h3>PROGRAMME TESTING</h3>
<p class="pb-20">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio.</p>
<a class="home33-btn03" href="#">READ MORE</a>
</div>
</div>Who We Are (ContentPane)
Code:
html
<div class="home33-title text-center animation scaleUp pt-30">
<h4>Who We Are</h4>
<h3>MEET OUR TEAMS</h3> </div>
<p class="pb-40 home33-textcenter animation scaleUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p>
<div class="home33-ourteam animation scaleUp pb-30">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="pic"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img14.jpg" /></div>
<h4>Web Designer</h4>
<h3>Micheal Cyrus</h3>
<p>Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam risus nibh laoreet odio.</p>
</div>
<div class="col-md-3 col-sm-6">
<div class="pic"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img15.jpg" /></div>
<h4>Skin Developer</h4>
<h3>Harra Halloy</h3>
<p>Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam risus nibh laoreet odio.</p>
</div>
<div class="col-md-3 col-sm-6">
<div class="pic"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img16.jpg" /></div>
<h4>Programmer</h4>
<h3>Frank Miller</h3>
<p>Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam risus nibh laoreet odio.</p>
</div>
<div class="col-md-3 col-sm-6">
<div class="pic"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img17.jpg" /></div>
<h4>Skin Developer</h4>
<h3>Harry Halloy</h3>
<p>Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam risus nibh laoreet odio.</p>
</div>
</div>
</div>Our Clients (BottomOutPane · 1)
Code:
html
<div class="home33-bg03 text-center pt-60 pb-60 color-white"> <div class="container pt-20 pb-20"> <div class="home33-title02 text-center animation scaleUp"> <h4>Our Clients</h4> <h3>CHECK OUR PARTNERS</h3> </div> <p class="pb-50 home33-textcenter animation scaleUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p> <div class="carousel home33-carousel animation scaleUp"> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img18.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img19.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img20.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img21.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img22.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img23.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img18.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img19.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img20.png" /></div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home33-Images/home33-img21.png" /></div> </div> </div> </div>Contact Us (BottomOutPane · 2)
Code:
html
<div class="home33-contact clearfix">
<div class="contact-left" id="gmap01"> </div>
<div class="contact-right">
<div class="home33-title animation fadeInRight">
<h4>Contact Us</h4>
<h3>GET IN TOUCH WITH US</h3>
</div>
<div class="animation fadeInRight">
<p class="pb-20">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan. Amet null vitae ante vitae lorem ipsum turpis aliquam dolor id metus sed lorem lacus et vulputate pellen eaque ipsa quae ab illo inventore.</p>
<div class="contact-info">
<div class="row">
<div class="col-sm-6 clearfix"><span class="fa fa-map-marker"></span>
<dl class="info-right">
<dt>LOCATION:</dt>
<dd>YuanLin Hotel 16th Floor,</dd>
<dd>XinAn Street, HuaYu Road No.2</dd>
</dl>
</div>
<div class="col-sm-6 clearfix"><span class="fa fa-phone"></span>
<dl class="info-right">
<dt>PHONE:</dt>
<dd>Office One: (+088)-25889600</dd>
<dd>Office Two: (+088)-25667400</dd>
</dl>
</div>
</div>
<div class="row">
<div class="col-sm-6 clearfix"><span class="fa fa-envelope"></span>
<dl class="info-right">
<dt>EMAIL:</dt>
<dd>[email protected]</dd>
<dd>[email protected]</dd>
</dl>
</div>
<div class="col-sm-6 clearfix"><span class="fa fa-user"></span>
<dl class="info-right">
<dt>CONTACT:</dt>
<dd>Office One: Miss Smith</dd>
<dd>Office Two: Mrs Halloy</dd>
</dl>
</div>
</div>
</div>
<div class="contact-social clearfix"><a href="#"><span class="fa fa-facebook-square"></span></a> <a href="#"><span class="fa fa-twitter-square"></span></a> <a href="#"><span class="fa fa-linkedin-square"></span></a> <a href="#"><span class="fa fa-flickr"></span></a> <a href="#"><span class="fa fa-vimeo-square"></span></a> <a href="#"><span class="fa fa-google-plus-square"></span></a> <a href="#"><span class="fa fa-share-alt-square"></span></a></div>
</div>
</div>
</div>ABOUT US (FootPaneA)
Code:
html
<div class="animation fadeInUp"> <p><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home33-Images/logo.png" /></p> <p>Sed ut perspiciatis unde omnis iste natus error sit volup tatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi archi tecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh diam, blan dit vitae vehicula dapibus.</p> <p class="pt-10" style="margin-bottom:0;"><a class="home33-more" href="#" target="_blank">READ MORE <em class="fa fa-angle-right"></em></a></p> </div>RECENT NEWS (FootPaneB)
Code:
html
<ul class="home33-newslist animation fadeInUp"> <li> <div class="date"><span class="day">21</span><span class="month">Jun</span></div> <dl> <dt>Umlimited Colors Skinpack</dt> <dd>Integer et risus quis diam gravida</dd> </dl> </li> <li> <div class="date"><span class="day">15</span><span class="month">May</span></div> <dl> <dt>Responsive Design</dt> <dd>Massa convallis cursus. etiamnon</dd> </dl> </li> <li> <div class="date"><span class="day">8</span><span class="month">Mar</span></div> <dl> <dt>Amazing Videos Post</dt> <dd>Omnis iste natus error sit voluptatem accu</dd> </dl> </li> </ul>EMAIL US (FootPaneC)
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>