<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-5 ">
<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">Movie news</h3>
<div class="content_desc">
<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>
</ul>
</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>
<div class="col-md-3" >
<h3 class="widgettitle widget-title">Political News</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>
</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%;
}
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;}
