533 lines
18 KiB
HTML
533 lines
18 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Bengal Live</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
|
|
|
|
|
|
|
|
<!--<link rel="stylesheet" href="css/owl.theme.default.css">
|
|
<link rel="stylesheet" href="css/owl.carousel.min.css">-->
|
|
<link rel="stylesheet" href="css/docs.theme.min.css">
|
|
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<style>
|
|
/* Remove the navbar's default margin-bottom and rounded borders */
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
|
|
.row.content {height: 450px}
|
|
|
|
/* Set gray background color and 100% height */
|
|
.sidenav {
|
|
padding-top: 20px;
|
|
background-color: #f1f1f1;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Set black background color, white text and some padding */
|
|
footer {
|
|
background-color: #555;
|
|
color: white;
|
|
padding: 15px;
|
|
}
|
|
|
|
/* On small screens, set height to 'auto' for sidenav and grid */
|
|
@media screen and (max-width: 767px) {
|
|
.sidenav {
|
|
height: auto;
|
|
padding: 15px;
|
|
}
|
|
.row.content {height:auto;}
|
|
}
|
|
|
|
.lower-body{ padding: 30px 0 30px 0; background: rgba(73,135,189,1);
|
|
background: -moz-linear-gradient(left, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 1%, rgba(163,240,230,1) 80%);
|
|
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,135,189,1)), color-stop(0%, rgba(73,135,189,1)), color-stop(1%, rgba(73,135,189,1)), color-stop(80%, rgba(163,240,230,1)));
|
|
background: -webkit-linear-gradient(left, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 1%, rgba(163,240,230,1) 80%);
|
|
background: -o-linear-gradient(left, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 1%, rgba(163,240,230,1) 80%);
|
|
background: -ms-linear-gradient(left, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 1%, rgba(163,240,230,1) 80%);
|
|
background: linear-gradient(to right, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 0%, rgba(73,135,189,1) 1%, rgba(163,240,230,1) 80%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4987bd', endColorstr='#a3f0e6', GradientType=1 );
|
|
}
|
|
.lower-body .navbar-default{ background: #252628; padding: 0; margin: 0 0 30px 0; }
|
|
.lower-body .navbar-default .navbar-nav > li > a { color: #fff; transition:ease-out 1s; padding: 17px 17px; }
|
|
.lower-body .navbar-default .navbar-nav > li > a:hover{ color: #000; background: #fff; padding: 17px 17px; }
|
|
.lower-body .navbar-default .navbar-collapse .navbar-nav .active a.frist{ background: #000;
|
|
color:#7DC314; padding: 17px 17px; }
|
|
.lower-body .navbar-default .navbar-collapse .navbar-right li a.last{ margin: 0 15px 0 0; }
|
|
|
|
|
|
.navbar-default .navbar-collapse .navbar-nav .active a.frist:hover{color: #fff; transition:ease-out 1s; }
|
|
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
|
|
.navbar-default .navbar-nav > .active > a:hover { color: #fff; }
|
|
.navbar{ border: none; }
|
|
.navbar-collapse { padding: 0; }
|
|
/*--for the banner-start---*/
|
|
.lower-body .banner{ background:#fff; padding:15px; margin: 0 0 25px 0; }
|
|
.lower-body .banner .lt-block{ padding: 0; margin: 0; }
|
|
.lower-body .banner .bottom{ padding: 0; margin: 20px 0 0 0 ; }
|
|
/*--for the banner-start---*/
|
|
|
|
/*--for the banner-top-news-start---*/
|
|
.lower-body .top{ padding: 0; margin: 0; }
|
|
.lower-body .top .top-news{ background: #fff; padding: 10px 20px 10px 20px; margin:0; }
|
|
.lower-body .top .top-news .border-photo{ position:relative; padding:0; margin: 0; z-index:2; }
|
|
.lower-body .top .top-news .border-photo:after{ content: ""; position: absolute; left: 0; bottom:39%;
|
|
background: #000; width: 100%; height: 7px; z-index: -1; }
|
|
.lower-body .top .top-news .border-photo h3{ font-family: 0; font-size: 25px; color: #000;
|
|
display: inline-block; line-height: 27px; font-weight: 600; padding:0; text-transform:uppercase;
|
|
margin: 0 15px 0 20px; background: #fff; z-index:3 ; }
|
|
.lower-body .top .top-news .text{ padding: 0; margin: 0; }
|
|
.lower-body .top .top-news .text p {font-family: 0; font-size: 16px; color: #000;
|
|
line-height: 18px; font-weight: 500; padding:0; margin: 0; }
|
|
/*--for the banner-top-news-end---*/
|
|
/*--for the banner-top-videos-start---*/
|
|
.lower-body .top .videos{ background: #fff; padding:10px 20px 10px 20px; margin: 0; position: relative; }
|
|
.lower-body .top .videos .border-top{ background: #f4ee42; padding:10px 0 10px 0; margin: 0 0 15px 0; }
|
|
.lower-body .top .videos .border-top .border{ padding:0 0 1px 0; margin:0; border-top: 1px solid #000;
|
|
position: relative; }
|
|
.lower-body .top .videos .border-top .border h3{ font-family: 0; font-size: 25px; color: #000;
|
|
display: inline-block; line-height: 27px; font-weight: 600; padding:0; text-transform:uppercase;
|
|
margin: 0 15px 0 20px; background: #fff; position: absolute; left: 0; bottom:-10px; }
|
|
.lower-body .top .videos .tab{ padding: 0; margin:0; }
|
|
.lower-body .top .videos .tab ul{ list-style: none; padding: 0; margin: 0; border-bottom:1px solid #ddd;
|
|
position: relative; }
|
|
.lower-body .top .videos .tab ul li{ font-family: 0; font-size:16px; color:#000; line-height: 18px;
|
|
font-weight:400; padding: 0 10px 10px 0; margin: 0; display: inline-block;
|
|
border-bottom: 1px solid #ddd; z-index:9; position: relative; left: 0; bottom: -1px; }
|
|
.lower-body .top .videos .tab ul li a{ text-decoration: none; color:#000; }
|
|
.lower-body .top .videos .tab ul li:hover:nth-child(1){ border-bottom:1px solid #FD0005; z-index:9; }
|
|
.lower-body .top .videos .tab ul li:hover:nth-child(2){ border-bottom:1px solid #7DC314; z-index:9; }
|
|
.lower-body .top .videos .tab ul li:hover:nth-child(3){ border-bottom:1px solid #966B20; z-index:9; }
|
|
.lower-body .top .videos .youtube{ padding:15px 0 0 0; margin:0; width: 100%; height: 130px; }
|
|
.lower-body .top .videos .youtube iframe{ width: 100%; height: 100%; }
|
|
.lower-body .top .videos .Modi{ padding: 7px 0 0 0; margin: 0; }
|
|
.lower-body .top .videos .Modi p{ font-family: 0; font-size:19px; color: #000; line-height: 22px;
|
|
font-weight:700; cursor:pointer; padding:0; margin: 0; transition: 2s ease; }
|
|
.lower-body .top .videos .Modi p:hover{ color: red; transition: 2s ease; }
|
|
.lower-body .top .videos .Modi h4{ font-family: 0; font-size:16px; color:#000; line-height: 18px;
|
|
font-weight:400; padding: 0; margin: 0; }
|
|
.lower-body .top .videos .Modi h4 a{ font-family: 0; font-size:16px; color:#006EA0;; line-height: 18px;
|
|
font-weight:400; padding: 0; margin: 0; }
|
|
.lower-body .top .videos .Modi h5{ font-family: 0; font-size:14px; color:#999;; line-height: 16px;
|
|
font-weight:400; padding: 5px 0 5px 0; margin: 0; }
|
|
.lower-body .top .videos .Modi h5 span{ color: #000; }
|
|
.lower-body .top .videos .Modi h6{ font-family: 0; font-size:12px; color:#000; line-height: 14px;
|
|
font-weight:400; padding: 0px 0 15px 0; margin: 0; }
|
|
|
|
/*--for the banner-top-videos-end---*/
|
|
|
|
/*--for the banner-top-new-posts-start---*/
|
|
.lower-body .top .new-posts{ background: #966B20; padding: 10px 15px; margin: 0; position: relative; }
|
|
.lower-body .top .new-posts .border{ border-top:1px solid #000; padding: 1px 0 0 0; position: relative; }
|
|
.lower-body .top .new-posts .border h3{ font-family: 0; font-size: 25px; color: #000;
|
|
display: inline-block; line-height: 27px; font-weight: 600; padding:0; text-transform:uppercase;
|
|
margin: 0 15px 0 20px; background: #fff; position: absolute; left: 0; bottom:-10px; }
|
|
|
|
|
|
|
|
|
|
/*--for the banner-top-new-posts-end---*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="lower-body">
|
|
<div class="container">
|
|
<nav class="navbar navbar-default">
|
|
|
|
<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="#">Logo</a>-->
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="myNavbar">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a class="frist" href="#">Newspaper</a></li>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">National</a></li>
|
|
<li><a href="#">Opinion</a></li>
|
|
<li><a href="#">Business</a></li>
|
|
<li><a href="#">Entertainment</a></li>
|
|
<li><a href="#">Sports</a></li>
|
|
<li><a href="#">International</a></li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
|
|
<li><a href="#" class="last"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div class="banner">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="lt-block">
|
|
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
</ol>
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner">
|
|
<div class="item active">
|
|
<img src="images/banner-img.jpg" alt="Los Angeles" \>
|
|
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="images/banner-img.jpg" alt="Chicago" />
|
|
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="images/banner-img.jpg" alt="New york" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Left and right controls -->
|
|
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
|
|
|
|
<span class="glyphicon glyphicon-chevron-left"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
|
|
<a class="right carousel-control" href="#myCarousel" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="rt-block">
|
|
<div class="wrapper-1">
|
|
|
|
<div class="example-1">
|
|
<ul>
|
|
<li><img src="images/banner-img.jpg" alt=""></li>
|
|
<li><img src="images/banner-img.jpg" alt=""></li>
|
|
<li><img src="images/banner-img.jpg" alt=""></li>
|
|
<li><img src="images/banner-img.jpg" alt=""></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="rt-block bottom">
|
|
<img src="images/banner-img.jpg" alt="New york" />
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="top">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="top-news">
|
|
<div class="border-photo">
|
|
<h3>top-news</h3>
|
|
</div>
|
|
<marquee direction="up" scrollamount="1" behavior="alternate" onmouseover="this.stop();"
|
|
onmouseout="this.start();" height="685px">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="img-block">
|
|
<img src="images/banner-img1.jpg" alt="pic"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="text">
|
|
<p>Will consult States on bringing petro products into GST: Narendra Modi
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="img-block">
|
|
<img src="images/banner-img1.jpg" alt="pic"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="text">
|
|
<p>Will consult States on bringing petro products into GST: Narendra Modi
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="img-block">
|
|
<img src="images/banner-img1.jpg" alt="pic"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="text">
|
|
<p>Will consult States on bringing petro products into GST: Narendra Modi
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="img-block">
|
|
<img src="images/banner-img1.jpg" alt="pic"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="text">
|
|
<p>Will consult States on bringing petro products into GST: Narendra Modi
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="img-block">
|
|
<img src="images/banner-img1.jpg" alt="pic"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="text">
|
|
<p>Will consult States on bringing petro products into GST: Narendra Modi
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</marquee>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
|
|
<div class="videos">
|
|
|
|
<div class="border-top">
|
|
<div class="border">
|
|
|
|
</div>
|
|
<div class="border">
|
|
|
|
</div>
|
|
<div class="border">
|
|
<h3>VIDEOS</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab">
|
|
<ul>
|
|
<li><a href="#">Top</a></li>
|
|
<li><a href="#">Breaking</a></li>
|
|
<li><a href="#">Recent</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
|
|
<div class="youtube">
|
|
<iframe src="https://www.youtube.com/embed/bRMSpZTQ46w"
|
|
frameborder="0" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
|
|
<div class="youtube1">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="Modi">
|
|
<p>PM Narendra Modi latest Emotional speech on his maidan visit to
|
|
hometown Vadnagar after becoming PM</p>
|
|
<h4>By<a href="#"> admin</a></h4>
|
|
<h5><span><i class="fa fa-heart" aria-hidden="true"></i>
|
|
</span><i class="fa fa-calendar" aria-hidden="true"></i>13:43:25</h5>
|
|
<h6><i class="fa fa-star" aria-hidden="true"></i>
|
|
<i class="fa fa-star" aria-hidden="true"></i>
|
|
<i class="fa fa-star" aria-hidden="true"></i>
|
|
<i class="fa fa-star" aria-hidden="true"></i>
|
|
<i class="fa fa-star-half" aria-hidden="true"></i>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="videos new-posts">
|
|
<div class="border">
|
|
</div>
|
|
<div class="border">
|
|
</div>
|
|
<div class="border">
|
|
<h3>NEW POSTS</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
|
|
<div class="top-news">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<script src="js/simpleBanner.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
$('.example-1').simpleBanner(
|
|
{
|
|
autoPlayDuration:2000,
|
|
dots:'dots-1',
|
|
eventType:'mouseenter',
|
|
animation:'slide'
|
|
});
|
|
|
|
$('.example-2').simpleBanner(
|
|
{
|
|
autoPlayDuration:5000,
|
|
dots:'dots-2',
|
|
arrows:true,
|
|
animation:'fade'
|
|
});</script>
|
|
|
|
<!--<script src="js/owl.carousel.js"></script>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
var owl = $('.owl-carousel');
|
|
owl.owlCarousel({
|
|
loop: true,
|
|
nav: true,
|
|
margin: 10,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 3
|
|
},
|
|
960: {
|
|
items: 5
|
|
},
|
|
1200: {
|
|
items: 6
|
|
}
|
|
}
|
|
});
|
|
owl.on('mousewheel', '.owl-stage', function(e) {
|
|
if (e.deltaY > 0) {
|
|
owl.trigger('next.owl');
|
|
} else {
|
|
owl.trigger('prev.owl');
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
})
|
|
</script>-->
|
|
|
|
<!--gallery-start-->
|
|
|
|
|
|
<!--gallery-end-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|