570 lines
14 KiB
HTML
570 lines
14 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;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="hard">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="lt-block">
|
|
<h3>Welcome to Harshika Infotech!</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="rt-block">
|
|
<ul>
|
|
<li><a href="#">home/</a></li>
|
|
<li><a href="#">home/</a></li>
|
|
<li><a href="#">home/</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="low-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="#"><span class="glyphicon glyphicon-log-in"></span> <i class="fa fa-facebook" aria-hidden="true">
|
|
</i> </a></li>-->
|
|
<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="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="banner">
|
|
|
|
|
|
<div class="row frist">
|
|
<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" \>
|
|
<h4>gouranga sana</h4>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="images/banner-img.jpg" alt="Chicago" />
|
|
<h4>gouranga sana</h4>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="images/banner-img.jpg" alt="New york" />
|
|
<h4>gouranga sana</h4>
|
|
</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">
|
|
|
|
|
|
<marquee direction="up" scrollamount="1" behavior="alternate" onmouseover="this.stop();" onmouseout="this.start();" height="600px">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
</marquee>
|
|
</div>
|
|
|
|
<div class="Top-news Gallery">
|
|
<p>Gallery</p>
|
|
<!--<section id="demos">
|
|
<div class="owl-carousel owl-theme">
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
<div class="item">
|
|
<h4><img src="images/banner-img.jpg"/></h4>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</section>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="Top-news Breaking-News">
|
|
|
|
|
|
<div class="up-box">
|
|
<div class="dwon-box">
|
|
<h3>Top-news</h3>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<marquee direction="up" scrollamount="0" behavior="alternate" onmouseover="this.stop();" onmouseout="this.start();" height="600px">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
|
|
<div class="img-block">
|
|
<img src="images/banner-img.jpg"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 ">
|
|
<div class="text-block">
|
|
<h4>Will consult States on bringing petro products into GST: Narendra Modi</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</marquee>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
|
|
<div class="videos">
|
|
</div>
|
|
|
|
<div class="videos NEW-POSTS">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
|
|
<div class="search">
|
|
</div>
|
|
<div class="search CALENDAR">
|
|
|
|
</div>
|
|
|
|
<div class="search TWEET">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="NEWSPAPER">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="Tags">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="Recent-News">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="text-center">
|
|
<h4>All right reserved www.harshikainfotech.in</h4>
|
|
</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>
|