"Index"
Bootstrap 3.0.0 Snippet by veeruchowdary

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <title>Express News a Entertainment Category Flat Bootstarp responsive Website Template | Sports :: w3layouts</title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Custom Theme files --> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <!-- Custom Theme files --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Express News Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.min.css"> <!-- for bootstrap working --> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- //for bootstrap working --> </head> <body> <nav class="top-bar "> <div class="container"> <div class="row"> <div class="col-md-4 hidden-xs"> <span class="nav-text"> <i class="fa fa-phone" aria-hidden="true"></i> +123 4567 8910 <i class="fa fa-envelope" aria-hidden="true"></i> sumi9xm@gmail.com</span> </div> <div class="col-md-4 text-center"> <a href="#" class="social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#" class="social"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#" class="social"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#" class="social"><i class="fa fa-youtube-play" aria-hidden="true"></i></a> <a href="#" class="social"><i class="fa fa-google" aria-hidden="true"></i></a> <a href="#" class="social"><i class="fa fa-dribbble" aria-hidden="true"></i></a> </div> <div class="col-md-4 text-right hidden-xs"> <ul class="tools"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-globe" aria-hidden="true"></i> Language<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Russian</a></li> <li><a href="#">French</a></li> <li><a href="#">Mandarin</a></li> <li><a href="#">Italian</a></li> <li><a href="#">Gorgean</a></li> </ul> </li> </ul> </div> </div> </div> </nav> <!--TOP-NAVBAR-END--> <!--====================== NAVBAR MENU START===================--> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img src="https://www.joigifts.com/content/images/thumbs/0000062.png"></a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-left"> <li class=""><a href="#">Home</a></li> <!--<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">POLITICAL NEWS <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Page 1-1</a></li> <li><a href="#">Page 1-2</a></li> <li><a href="#">Page 1-3</a></li> </ul> </li> --> <li class=""><a href="#">Political News</a></li> <li><a href="#">Movie News</a></li> <li><a href="#">Movie Reviews</a></li> </ul> </div> </div> </nav> <div class="container-fluid"> <div class="col-md-8 hidden-md hidden-sm hidden-xs"> <div class="Veera_menu"> <ul> <li> <div class="image_title"> <a href="#">USBO: Ninnu Kori Sets Cash Registers Ringing</a> </div> <a href="#"> <img src="http://www.greatandhra.com/newphotos7/ninnukori51499613805.jpeg"> </a> </li> <li> <div class="image_title"> <a href="#">Patel SIR Movie Song Launch at Red FM Photos</a> </div> <a href="#"> <img src="http://www.greatandhra.com/newphotos7/Shamantakamani11499846474.jpg"> </a> </li> <li> <div class="image_title"> <a href="#">Is Baahubali busy with Marriage Works?</a> </div> <a href="#"> <img src="http://www.greatandhra.com/newphotos7/ninnukori51499613805.jpeg"> </a> </li> <li> <div class="image_title"> <a href="#">That photoshoot changed Jaggu Bhai's life!</a> </div> <a href="#"> <img src="http://www.greatandhra.com/newphotos7/Shamantakamani11499846474.jpg"> </a> </li> <li> <div class="image_title"> <a href="#">Big Boss Show Launch Press Meet Photos</a> </div> <a href="#"> <img src="http://www.greatandhra.com/newphotos7/ninnukori51499613805.jpeg"> </a> </li> </ul> </div> </div> <div class="row col-md-4 right_slider"> <h3 class="widgettitle widget-title">Latest News</h3> <div class="col-md-12 right_sideslider"> <h4>Dublin's Irish Tenors and The Celtic Ladies</h4> <p>Dublin's Irish Tenors and The Celtic Ladies Dublin's Irish Tenors and The Celtic Ladies</p> <div class="row "> <button class="btn btn-success pull-right" > Read more</button> </div> </div> <div class="col-md-12 right_sideslider"> <h4> Dublin's Irish Tenors and The Celtic Ladies</h4> <p>Dublin's Irish Tenors and The Celtic Ladies Dublin's Irish Tenors and The Celtic Ladies</p> <div class="row "> <button class="btn btn-success pull-right" > Read more</button> </div> </div> <div class="col-md-12 right_sideslider"> <h4> Dublin's Irish Tenors and The Celtic Ladies</h4> <p>Dublin's Irish Tenors and The Celtic Ladies Dublin's Irish Tenors and The Celtic Ladies</p> <div class="row "> <button class="btn btn-success pull-right" > Read more</button> </div> </div> </div> </div> <div class="container-fluid main_content"> <div id="products" class=""> <div class="col-md-3" > <div class="col-md-12"> <h3 class="widgettitle widget-title">Trending Stories</h3> <ul class="list-group"> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/the-acrobats-of-china-show" target="_blank">Acrobats of China</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/amazing-pets" target="_blank">Amazing Pets</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/andy-williams-christmas-show-spectacular" target="_blank">Andy Williams Christmas Show</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/bill-engvall" target="_blank">Bill Engvall</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/billy-dean" target="_blank">Billy Dean in Concert with Jarrett</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/dailey-vincent-show" target="_blank">Dailey & Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/gene-watson" target="_blank">Gene Watson</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/jimmy-fortune" target="_blank">Jimmy Fortune</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/rhonda-vincent" target="_blank">Rhonda Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/branson-country-usa" target="_blank">Branson Country USA</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/buckets-n-boards" target="_blank">Buckets N Boards</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/rhonda-vincent" target="_blank">Rhonda Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/branson-country-usa" target="_blank">Branson Country USA</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/buckets-n-boards" target="_blank">Buckets N Boards</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/rhonda-vincent" target="_blank">Rhonda Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/branson-country-usa" target="_blank">Branson Country USA</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/buckets-n-boards" target="_blank">Buckets N Boards</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/buckets-n-boards" target="_blank">Buckets N Boards</a></li> </ul> </div> <div class="col-md-12"> <h3 class="widgettitle widget-title">Movie Reviews</h3> <div class="row testiminial-block"> <div class="col-md-6 comp-logo"> <img src="http://placehold.it/400x250/000/fff" class="img-responsive"/> </div> <div class="col-md-6 testimonial-content"> <h4><a href="#">Lorem Ipsum is simply dummy text </a></h4> <div class="testimonial-author"> Author Name <span>(Author Designation)</span> </div> </div> </div> <div class="row testiminial-block"> <div class="col-md-6 comp-logo"> <img src="http://placehold.it/400x250/000/fff" class="img-responsive"/> </div> <div class="col-md-6 testimonial-content"> <h4><a href="#">Lorem Ipsum is simply dummy text </a></h4> <div class="testimonial-author"> Author Name <span>(Author Designation)</span> </div> </div> </div> <div class="row testiminial-block"> <div class="col-md-6 comp-logo"> <img src="http://placehold.it/400x250/000/fff" class="img-responsive"/> </div> <div class="col-md-6 testimonial-content"> <h4><a href="#">Lorem Ipsum is simply dummy text </a></h4> <div class="testimonial-author"> Author Name <span>(Author Designation)</span> </div> </div> </div> </div> <div class="col-md-12 advertisement_left"> <h3 class="widgettitle widget-title ">Advertisement</h3> <img class="col-md-12 col-sm-6 img-responsive" src="https://tpc.googlesyndication.com/simgad/18236479988990263819" > </div> </div> <div class="col-md-6 "> <div class="row img_grid"> <h3 class="widgettitle widget-title">POLITICAL NEWS</h3> <div class="item col-md-4 "> <div class="thumbnail"> <img class="group list-group-image" src="http://telugu.greatandhra.com/newphotos2/1465961790-19851499758167.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="pull-right loadmore" > <div class=""> <span>Read more <span class="glyphicon glyphicon-chevron-right loadmore_icon"></span> </span> </div> </div> </div> <div class="row img_grid"> <h3 class="widgettitle widget-title">MOVIE NEWS</h3> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> <div class="row readmore"> <div class=" col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class=" col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> <p class="group inner list-group-item-text"> Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <div class="row readmore"> <div class="col-xs-12 col-md-12"> <a class="btn btn-success pull-right" href="#">Read more</a> </div> </div> </div> </div> </div> <div class="pull-right loadmore" > <div class=""> <span>Read more <span class="glyphicon glyphicon-chevron-right loadmore_icon"></span> </span> </div> </div> </div> <div class="row img_grid"> <h3 class="widgettitle widget-title">Watch This</h3> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> <div class="item col-md-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://placehold.it/400x250/000/fff" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Product title</h4> </div> </div> </div> </div> <div class="row"> <img class="col-md-12 img-responsive" src="http://www.greatandhra.com/images/movies/Patel_Sir_650_1.jpg" > </div> </div> <div class="col-md-3 advertisement_right"> <div class="col-md-12 advertisement_right"> <h3 class="widgettitle widget-title ">Recommended</h3> <ul class="list-group"> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/the-acrobats-of-china-show" target="_blank">Acrobats of China</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/amazing-pets" target="_blank">Amazing Pets</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/andy-williams-christmas-show-spectacular" target="_blank">Andy Williams Christmas Show</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/bill-engvall" target="_blank">Bill Engvall</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/billy-dean" target="_blank">Billy Dean in Concert with Jarrett</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/dailey-vincent-show" target="_blank">Dailey & Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/gene-watson" target="_blank">Gene Watson</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/jimmy-fortune" target="_blank">Jimmy Fortune</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/rhonda-vincent" target="_blank">Rhonda Vincent</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/branson-country-usa" target="_blank">Branson Country USA</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/buckets-n-boards" target="_blank">Buckets N Boards</a></li> </ul> </div> <div class="col-md-12 advertisement_right"> <h3 class="widgettitle widget-title ">Advertisement</h3> <img class="col-md-12 col-sm-6 img-responsive" src="https://tpc.googlesyndication.com/simgad/18236479988990263819" > <img class="col-md-12 col-sm-6 img-responsive" src="https://tpc.googlesyndication.com/simgad/18236479988990263819" > </div> </div> </div> </div> <footer> <div class="container-fluid"> <div class="row"> <div class="col-md-offset-1 col-md-3 footerleft "> <div class="logofooter"> <img class="" src="https://www.joigifts.com/content/images/thumbs/0000062.png" ></div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p> <p><i class="fa fa-map-pin"></i> 210, Aggarwal Tower, Rohini sec 9, New Delhi -        110085, INDIA</p> <p><i class="fa fa-phone"></i> Phone (India) : +91 9999 878 398</p> <p><i class="fa fa-envelope"></i> E-mail : info@webenlance.com</p> </div> <div class="col-md-2 col-sm-6 paddingtop-bottom"> <h6 class="heading7">GENERAL LINKS</h6> <ul class="footer-ul"> <li><a href="#"> Career</a></li> <li><a href="#"> Privacy Policy</a></li> <li><a href="#"> Terms & Conditions</a></li> <li><a href="#"> Client Gateway</a></li> <li><a href="#"> Ranking</a></li> <li><a href="#"> Case Studies</a></li> <li><a href="#"> Frequently Ask Questions</a></li> </ul> </div> <div class="col-md-3 col-sm-6 paddingtop-bottom"> <h6 class="heading7">LATEST POST</h6> <div class="post"> <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p> <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p> <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p> </div> </div> <div class="col-md-3 col-sm-6 paddingtop-bottom"> <div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-height="300" data-small-header="false" style="margin-bottom:15px;" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote> </div> </div> </div> </div> </div> </footer> <!--footer start from here--> <div class="copyright"> <div class="container"> <div class="col-md-6"> <p>© 2016 - All Rights with Webenlance</p> </div> <div class="col-md-6"> <ul class="bottom_ul"> <li><a href="#">webenlance.com</a></li> <li><a href="#">About us</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Faq's</a></li> <li><a href="#">Contact us</a></li> <li><a href="#">Site Map</a></li> </ul> </div> </div> </div> <script type="text/javascript"> (function( $ ) { //Function to animate slider captions function doAnimations( elems ) { //Cache the animationend event in a variable var animEndEv = 'webkitAnimationEnd animationend'; elems.each(function () { var $this = $(this), $animationType = $this.data('animation'); $this.addClass($animationType).one(animEndEv, function () { $this.removeClass($animationType); }); }); } //Variables on page load var $myCarousel = $('#carousel-example-generic'), $firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']"); //Initialize carousel $myCarousel.carousel(); //Animate captions in first slide on page load doAnimations($firstAnimatingElems); //Pause carousel $myCarousel.carousel('pause'); //Other slides to be animated on carousel slide event $myCarousel.on('slide.bs.carousel', function (e) { var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']"); doAnimations($animatingElems); }); $('#carousel-example-generic').carousel({ interval:3000, pause: "false" }); })(jQuery); </script> </body> </html>
/*////////////////TOP NAV BAR////////////////*/ .top-bar{background-color:black;min-height:40px;padding-top:5px;padding-bottom: 0px;} .top-bar .nav-text { color: #00BCD4; display: block; margin-top: 5px; } .top-bar .social{color:#FFF;display:inline-block;padding:5px;text-decoration: none;} .top-bar .tools{margin:0px;padding:0px;list-style-type:none;} .top-bar .tools li{list-style-type: none;display:inline-block;} .top-bar .tools li a { display: block; text-decoration: none; color: #fff; padding-left: 15px; padding-top: 5px; } .navbar-brand { /* float: left; */ height: 50px; padding: 3px 15px; font-size: 18px; line-height: 20px; position: absolute; z-index: 11; margin: 0 auto; right: 42%; } li > a:hover{ color:#009688; } .navbar-inverse { background-color: #009688; border-color: #080808; } .navbar { position: relative; z-index:0; min-height: 50px; margin-bottom: 0px; border: 0px solid #000;; border-radius:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .navbar-inverse .navbar-nav > li > a { color: #fff; } .nav > li > a { position: relative; display: block; padding: 15px 11px;} .form-control{ border-color:#fff; border-radius:0px; background-color:transparent; } .btn-default-1 { color: #fff; background-color: transparent; border-color: #fff; border-radius: 0px; } .top-bar a.social .fa:hover{ color:#009688; } .Veera_menu{ overflow:hidden; margin-top:30px; } .Veera_menu li{ position: relative; display:block; width:140px; height:400px; float: left; border-left: 1px solid #888; -webkit-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .Veera_menu ul:hover li{ width: 50px; } .Veera_menu ul li:hover{ width:600px; } .Veera_menu ul li:hover> .image_title{ font-weight:500; background:#009688; text-transform:uppercase; } .Veera_menu li img{ width:600px; display: block; } .image_title{ background: rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:600px; } .image_title a{ display: block; color: #fff; text-decoration: none; padding:20px; font-size:16px; } .widget-title { border-top: 3px solid #009688; border-bottom: 1px solid #009688; color: #ff0b0b; font-size: 14px; font-size: 1.7rem; font-weight: 400; margin-bottom: 24px; padding: 16px; text-align: center; text-transform: uppercase; } .single-title { border-top: 3px solid #009688; border-bottom: 1px solid #009688; color: #ff0b0b; font-size: 14px; font-size: 1.7rem; font-weight: 400; margin-bottom: 24px; padding: 16px; text-align: left; text-transform: uppercase; } img.list-group-image{ width:100%; } .right_sideslider{ padding-bottom:12px; border-bottom: 1px solid #e3e3e3; } .right_sideslider >p{ overflow: hidden; font-size: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .right_slider > .widgettitle{ margin-bottom:0px; } .caption>h4{ color:#0299ac; } .main_content >img{ width:100%; } .advertisement_right > img,.advertisement_left > img { margin:auto; margin-bottom: 30px !important; } .readmore{ margin-top:9px; } .you_like{ padding:10px; } .loadmore{ margin-right: 21px; padding:12px 16px; font-size: 18px; background: #895bb1; color:#fff; clear:both; } .loadmore_icon{ top:3px; } .main_content{ margin-bottom:30px; } footer { background-color:#0c1a1e; min-height:350px; font-family: 'Open Sans', sans-serif; border-top:3px solid #009688; } .footerleft { margin-top:50px; padding:0 36px; } .logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;} .footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;} .footerleft p i { width:20px; color:#999;} .paddingtop-bottom { margin-top:50px;} .footer-ul { list-style-type:none; padding-left:0px; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#fff; } .social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .icon-ul { list-style-type:none !important; margin:0px; padding:0px;} .icon-ul li { line-height:75px; width:100%; float:left;} .icon { float:left; margin-right:5px;} .copyright { min-height:40px; background-color:#009688;} .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;} .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;} .post p { font-size:12px; color:#FFF; line-height:20px;} .post p span { display:block; color:#8f8f8f;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#FFF; font-size:12px;} .content_desc{ padding:5px; font-size:17px; } .advertisment_sub{ margin-top:10px; } .single_pageimg >img,.single_pageimg{ border-radius:9px; } .img_grid{ margin-bottom: 35px; } .main_content .list-group-item-text{ overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .testiminial-block{padding: 10px 0 10px; border-bottom:1px solid #ccc; dispaly:block;} .testimonial-content h3{margin-top:0px; color:#444;} .testimonial-content p{color:#777;} .testimonial-author{font-size:12px; font-style:italic; color:#999;}

Related: See More


Questions / Comments: