Home Version 17 Page Code
Click to preview the Home Version 17 demo. View demo
Preview:
CRAFT WEB SOLUTIONS Enjoy innovative, personalized (BannerPane)
Code:
html
<ul class="home17-banner">
<li style="background-image: url('http://demo8.dnngo.net/portals/13/Home17-Images/home17-banner.jpg');">
<div class="content">
<div class="title animation_1">CRAFT <span class="animation_2">WEB</span> SOLUTIONS </div>
<div class="line"></div>
<div class="animation_3"> Enjoy innovative, personalized and powerful services for your online business.</div>
<div class="nextPage">DEMO </div>
</div>
</li>
</ul>ABOUT DNNGO.NET (TopPane)
Code:
html
<div class="pb-20" style="text-align: center;">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.<br class="hidden-xs hidden-sm"/>Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim.<br/></div> <div class="animation scaleUp pb-10"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="home17-ibox"> <div class="up"> <span class="fa fa-leaf"></span> <h3>DESIGN</h3> </div> <div class="down"> <h3>DESIGN</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-camera"></span> <h3>PHOTOS</h3> </div> <div class="down"> <h3>PHOTOS</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="clearfix visible-sm"></div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-bar-chart"></span> <h3>MARKET</h3> </div> <div class="down"> <h3>MARKET</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-power-off"></span> <h3>POWER</h3> </div> <div class="down"> <h3>POWER</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-tags"></span> <h3>TAGS</h3> </div> <div class="down"> <h3>TAGS</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-wifi"></span> <h3>NETWORK</h3> </div> <div class="down"> <h3>NETWORK</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="clearfix visible-sm"></div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-recycle"></span> <h3>ROUND</h3> </div> <div class="down"> <h3>ROUND</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox "> <div class="up"> <span class="fa fa-gears"></span> <h3>SETTINGS</h3> </div> <div class="down"> <h3>SETTINGS</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p> <a class="but" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a> </div> </div> </div> </div> </div>“ ” Currently, we have launched a membership syste (Full_Screen_PaneB · 1)
Code:
html
<div class="home17-bg pt-60 pb-60"> <div class="container animation scaleUp pt-10"> <blockquote class="home17-blockquote"> <span class="mark">“</span> <p>” Currently, we have launched a membership system. As a gold member, you will have the privilege to download all our skins and modules free of charge. In addition to this, you will enjoy more discount when ordering our other services. ”</p> <small><span>Steve Jobs </span>The CEO Manager</small> </blockquote> </div> </div>Full_Screen_PaneB Section (Full_Screen_PaneB · 2)
Code:
html
<div class="pb-30"></div>OUR EMPLOYEES (ContentPane)
Code:
html
<div class="row home17-employees pt-30 pb-30"> <div class="col-sm-4 animation fadeInUp delay1"> <div class="employees-box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic01.jpg" /> <div class="employees-content"> <h6>Frank Miller</h6> <p>WEB DESIGNER</p> <div class="icon-list"> <a href="#"><span class="fa fa-envelope"></span></a> <a href="#"><span class="fa fa-phone"></span></a> <a href="#"><span class="fa fa-map-marker"></span></a> </div> </div> </div> </div> <div class="col-sm-4 animation fadeInUp delay2"> <div class="employees-box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic02.jpg" /> <div class="employees-content"> <h6>John Smith</h6> <p>PROGRAMMER</p> <div class="icon-list"> <a href="#"><span class="fa fa-envelope"></span></a> <a href="#"><span class="fa fa-phone"></span></a> <a href="#"><span class="fa fa-map-marker"></span></a> </div> </div> </div> </div> <div class="col-sm-4 animation fadeInUp delay3"> <div class="employees-box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic03.jpg" /> <div class="employees-content"> <h6>Harra Halloy</h6> <p>DEVELOPER</p> <div class="icon-list"> <a href="#"><span class="fa fa-envelope"></span></a> <a href="#"><span class="fa fa-phone"></span></a> <a href="#"><span class="fa fa-map-marker"></span></a> </div> </div> </div> </div> </div>RECENT WORKS (Full_Screen_PaneE)
Code:
html
<div class="home17-bg02 pt-60"> <div class="container pt-10"> <div class="home17-title mb-20"> <h3> RECENT WORKS</h3> </div> </div> <div class="isotope_grid home17-isotope animation scaleUp"> <div class="isotope_group"> <a data-filter="*" href="#" class="active">All</a> <a data-filter=".photography" href="#">PHOTOGRAPHY</a> <a data-filter=".webdesign" href="#">WEB DESIGN</a> <a data-filter=".blog" 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 data-min-width="381" class="isotope_main"> <div class="isotope_item photography blog"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic04.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item webdesign"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic05.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item blog"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic06.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item blog"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic07.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item blog "> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic08.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item blog webdesign photography"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic09.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item photography blog"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic10.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> <div class="isotope_item webdesign"> <div class="photo_box img_zoom ico_LeftAndRight_enter"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic11.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><a href="#"><span class="fa fa-arrow-right ico_left"></span></a> <a href="#" target="blank"><span class="fa fa-plus ico_right"></span></a></div> <h3>DEVELOPMENT</h3> <p>WEB DESIGN</p> </div> </div> </div> <div class="shade"></div> </div> </div> </div> </div> </div> </div><div class="pb-30"></div>WHY CHOOSE US (RowSeventeen_Grid6_Pane1)
Code:
html
<div class="animation fadeInLeft">
<p class="pb-10">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. verterem torquatos mei in.</p>
<ul class="home17-list">
<li>Etharums ser quidem rerum facilis dolores nemis omnis fugats </li>
<li>Vitaes nemo minima rerums unsers sadips amets. </li>
<li>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantiu</li>
<li>Doloremque laudantium, totam rem aperiam, eaque ipsa quae ab</li>
<li>Rerum facilis dolores nemis omnis fugats </li>
</ul>
<hr class="home17-line pt-10" />
<a href="#" target="blank" class="home17-btn"> MORE FEATURES</a>
</div>LATEST NEWS (RowSeventeen_Grid6_Pane2)
Code:
html
<ul class="home17-newslist animation fadeInRight">
<li>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic12.jpg" /></div>
<h3>Working Report</h3>
<div class="info">May 23rd, 2014 | 2 Comments </div>
<p> Sed ut perspiciatis unde omnis iste natus error sit volup tatem accusantium doloremque.
<a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">[Read More]</a>
</p>
</li>
<li>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic13.jpg" /></div>
<h3>Responsive Web</h3>
<div class="info">June 16th, 2014 | 10 Comments</div>
<p> Sed ut perspiciatis unde omnis iste natus error sit volup tatem accusantium doloremque.
<a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">[Read More]</a>
</p>
</li>
<li>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic14.jpg" /></div>
<h3>Modules Development</h3>
<div class="info">August 08th, 2014 | 8 Comments</div>
<p> Sed ut perspiciatis unde omnis iste natus error sit volup tatem accusantium doloremque.
<a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">[Read More]</a>
</p>
</li>
</ul>Full_Screen_PaneG Section (Full_Screen_PaneG · 1)
Code:
html
<div class="pt-10"></div>OUR SERVICES (Full_Screen_PaneG · 2)
Code:
html
<div class="home17-bg03 pt-60 pb-50"> <div class="container pt-10"> <h3 class="home17-title02">OUR SERVICES</h3> <p style="margin-bottom:0;">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="row pt-30 animation scaleUp"> <div class="col-md-3 col-sm-6"> <div class="home17-ibox02"> <div class="ico"><span class="fa fa-compass"></span></div> <h5>AWESOME</h5> <p> Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus massa convallis.</p> <p><a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a></p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox02"> <div class="ico"><span class="fa fa-certificate"></span></div> <h5>TECHNOLOGY</h5> <p> Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus massa convallis.</p> <p><a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a></p> </div> </div> <div class="clearfix visible-sm"></div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox02"> <div class="ico"><span class="fa fa-futbol-o"></span></div> <h5>CUSTOMIZED</h5> <p> Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus massa convallis.</p> <p><a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a></p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home17-ibox02"> <div class="ico"><span class="fa fa-support "></span></div> <h5>SHORTCODES</h5> <p> Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus massa convallis.</p> <p><a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE ></a></p> </div> </div> </div> </div> </div><div class="pb-30"></div>OUR FEATURES (BottomPane)
Code:
html
<div class="row pt-30 pb-30">
<div class="col-sm-5 animation fadeInLeft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic15.jpg" /></div>
<div class="col-sm-7 animation fadeInRight">
<div id="accordion17" class="panel-group home17-accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a href="#collapse17_1" data-parent="#accordion17" data-toggle="collapse"><span class="accordion_icon"></span>Unlimited Colors</a> </h4>
</div>
<div class="panel-collapse collapse in" id="collapse17_1">
<div class="panel-body">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem rem aperiam. </p>
<p> Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse17_2" data-parent="#accordion17" data-toggle="collapse"><span class="accordion_icon"></span>Responsive Web</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse17_2">
<div class="panel-body">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem rem aperiam. </p>
<p> Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse17_3" data-parent="#accordion17" data-toggle="collapse"><span class="accordion_icon"></span>DNN Tempalte</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse17_3">
<div class="panel-body">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem rem aperiam. </p>
<p> Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse17_4" data-parent="#accordion17" data-toggle="collapse"><span class="accordion_icon"></span>Mobilesite Development</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse17_4">
<div class="panel-body">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem rem aperiam. </p>
<p> Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.</p>
</div>
</div>
</div>
</div>
</div>
</div>If you want to make a website, submit a ticket her (BottomOutPane)
Code:
html
<div class="home17-bg04"> <div class="bg-shade"></div> <div class="container"> <div class="pt-60 pb-60"> <div class="home17-boxes animation scaleUp"> <div class="boxes"> <h3 class="Boxes_title">If you want to make a website, submit a ticket here</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p> <div class="btn"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank" class="home17-btn">More Information</a></div> </div> </div> </div> </div> </div>PHOTOS (FootPaneD)
Code:
html
<div class="animation fadeInUp">
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic16.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic16.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic17.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic17.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic18.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic18.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic19.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic19.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic20.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic20.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic21.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic21.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic22.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic22.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic23.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic23.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
<div class="home17-photo photo_box img_zoom "> <a href="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic24.jpg" class="LightBox_image_gallery2">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home17-Images/home17-pic24.jpg" />
<div class="ico"> <span class="fa fa-search"></span> </div>
<div class="shade"></div>
</div>
</a> </div>
</div>RECENT POSTS (FootPaneE)
Code:
html
<ul class="home17-list02 animation fadeInUp">
<li><a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">Banner Slideshow Post</a> </li>
<li><a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">Donec libero purus </a></li>
<li><a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">Suscipit Dim Euismods</a></li>
<li><a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">Give A Comment</a></li>
<li><a href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199" target="blank">Latest News Posts</a></li>
</ul>FRIENDLY TAGS (FootPaneF)
Code:
html
<div class="home17-tag animation fadeInUp">
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">DNNGo</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">HTML5</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">CSS3</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Skin Pack</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">CataLook</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Blog</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Gallery</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Features</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Short Codes</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Mobilesite</a>
<a target="blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Responsive</a>
</div>GET IN TOUCH (FootPaneG)
Code:
html
<div class="animation fadeInUp"> <p>Lorem ipsum dolor sit amet, consectetuer bollt adipiscing elit. </p> <p>Donec libero purus nec placerat. Derunde omnis iste natus error sit voluptatem. </p> Phone: (+086)-123-456<br />Email: [email protected]<br />Skype: dnngo-linda<br /></div>App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>