"singlepage"
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> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-usd" aria-hidden="true"></i> Currency<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">USD</a></li> <li><a href="#">EUR</a></li> <li><a href="#">$</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="#">About <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><a href="#">services</a></li> <li><a href="#">gallery</a></li> <li><a href="#">blog</a></li> <li><a href="#">contact us</a></li> </ul> </div> </div> </nav> <div class="container-fluid main_content"> <div id="products" class=""> <div class="col-md-2 advertisement_left hidden-xs hidden-sm"> <h3 class="widgettitle widget-title ">Advertisement</h3> <img class="img-responsive" src="http://www.greatandhra.com/images/movies/Patel_Sir_120_2.jpg" > <img class="img-responsive" src="https://tpc.googlesyndication.com/simgad/18236479988990263819" > </div> <div class="col-md-6 "> <div class="row "> <div class="thumbnail add_place_650X60 advertisment_sub"> <img class="group list-group-image" src="http://www.greatandhra.com/images/movies/Patel_Sir_650_1.jpg" alt="" /> </div> <h3 class="widgettitle single-title">Title</h3> <div class="content_desc"> <div class="thumbnail single_pageimg"> <img class="group list-group-image" src="http://www.greatandhra.com/newphotos7/Shamantakamani11499846474.jpg" alt=""> </div> <p>Actors Sudheer Babu, Sundeep Kishan and Aadi say working on forthcoming Telugu multi-starrer crime-thriller "Shamanthakamani" was fun and at the same time kept the competitive spirit in them alive.</p> <p>Directed by Sriram Adittya, the film's story is centered on a car and it features Sudheer, Sundeep, Aadi and Nara Rohit in the lead.</p> <p>On the experience of working together with three more heroes, Aadi said all of them have equal screen space.</p> <p>"It never bothered us who will have more screen space. Each character has its highs and lows and there are plenty of moments for each of us to shine. Instead of worrying about whether each of us will have ample screen space, I was more concerned about my character," Aadi told IANS.</p> <p>He wanted to be sure of whether he can do justice to his character.</p> <p>"I had to be sure if it was a suitable character for me. I remember asking Sriram if this is what he wanted me to do because I wanted to be sure if I can deliver. By bringing us together, I believe we only became competitive," he said.</p> <p>Sudheer Babu says it's a script written for the characters and not for heroes.</p> <p>"When you try and place a hero in a certain character, you will find it challenging. This is a script written for the characters and not for the actors. When Sriram approached me with the script, I wanted him to choose the role that he thinks would be apt for me," Sudheer said.</p> <p>Last seen in "Baaghi", Sudheer did initially feel apprehensive about the idea of a multi-starrer at this stage in his career.</p> <p>"After 'Bhale Manchi Roju' and 'Baaghi', where I had scope to shine individually, I asked myself why a multi-starrer now. I wondered if the idea will work. But when I heard the script, I was totally blown away," he said.</p> <p>Sundeep said each of the characters has a purpose in the film.</p> <p>"Each one of us knew what is expected of our character. We had a ball working together because all of us have been friends for a long time. There was absolutely no room for ego on the sets," Sundeep said, adding the camaraderie between them was quite evident even off the sets.</p> <p>Sundeep added, "All of us will gain something from this film."</p> <p>Produced by Bhavya Creations, the film is slated for release on Friday.</p> </div> <div class="thumbnail add_place_650X60 advertisment_sub"> <img class="group list-group-image" src="http://www.greatandhra.com/images/movies/Patel_Sir_650_1.jpg" alt="" /> </div> </div> <div class="row"> <h3 class="widgettitle widget-title">You May Like</h3> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> <div class="item col-md-4"> <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 you_like"><a href="#">Product title</a> </h4> </div> </div> </div> </div> <div class="col-md-2" > <h3 class="widgettitle widget-title">Related Topics</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/christmas-wonderland" target="_blank">Christmas Wonderland</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/clay-coopers-country-express" target="_blank">Clay Cooper's Country Express</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/comedy-jamboree" target="_blank">Comedy Jamboree</a></li> <li class="list-group-item">Daniel O'Donnell</li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/down-home-country" target="_blank">Down Home Country</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/dublins-irish-tenors-and-the-celtic-ladies" target="_blank">Dublin's Irish Tenors and The Celtic Ladies</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/eamonn-mccrystal-show" target="_blank">Eamonn McCrystal</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/grand-jubilee" target="_blank">Grand Jubilee</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/hughes-brothers-christmas-show" target="_blank">Hughes Brothers Christmas Show</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/rick-thomas" target="_blank">Illusionist Rick Thomas</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/it-show" target="_blank">It Show starring the Hughes Brothers</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/jonah-at-sight-and-sound-theatres" target="_blank">Jonah</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/larry-gatlin-the-gatlin-brothers" target="_blank">Larry Gatlin & the Gatlin Brothers</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/legends-in-concert" target="_blank">Legends in Concert</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/the-lettermen" target="_blank">The Lettermen</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/million-dollar-quartet" target="_blank">Million Dollar Quartet</a></li> <li class="list-group-item">Moon River and Me</li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/new-jersey-nights" target="_blank">New Jersey Nights</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/new-south-gospel" target="_blank">New South Gospel</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/ozark-mountain-jubilee" target="_blank">Ozark Mountain Jubilee</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/paul-harris-and-the-cleverlys" target="_blank">Paul Harris & The Cleverlys</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/presleys-country-jubilee" target="_blank">Presleys' Country Jubilee</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/puttin-on-the-ritz">Puttin' on the Ritz</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/ray-stevens">Ray Stevens</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/shoji-tabuchi-show-" target="_blank">Shoji Tabuchi</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/six" target="_blank">SIX</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/spirit-of-the-dance-the-encore-tour" target="_blank">Spirit of the Dance</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/sunday-gospel-jubilee-show" target="_blank">Sunday Gospel Jubilee</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/the-haygoods-show" target="_blank">The Haygoods</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/the-hits-starring-collin-raye-the-comedy-chipper-lowell" target="_blank">Collin Raye</a></li> <li class="list-group-item"><a href="https://www.choosebranson.com/show/shows/hits-starring-mary-wilson-supremes-comedy-chipper-lowell" target="_blank">Mary Wilson</a></li> </ul> </div> <div class="col-md-2 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> <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> </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%; } .navbar-inverse { background-color: #009688; border-color: #080808; } .navbar { position: relative; 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; } .cart-heart a{display:inline-block;color:#fff;font-size:20px;padding:5px;} .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 { 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:#ff670f; } .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; }

Related: See More


Questions / Comments: