198 lines
5.9 KiB
HTML
198 lines
5.9 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/bootstrap.min.css">
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
|
|
|
|
<style>
|
|
/*css for structure -start*/
|
|
/*CSS FOR NAV BAR START */
|
|
/* 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;}
|
|
}
|
|
.navbar{ background: #ccc; text-align: center; padding: 10px 0 10px 0; margin: 0;}
|
|
.navbar .box{ background: #fff; }
|
|
.navbar h3{ text-align: center; padding:0; margin: 0;}
|
|
/*CSS FOR NAV BAR END */
|
|
|
|
/*css for section start*/
|
|
.top{ background:#fff; padding: 0; margin: 0; }
|
|
.top .lt-block{ background:#000; padding:20px 0 20px 0; margin: 0; }
|
|
.top .rt-block{ background:red; padding:20px 0 20px 0; margin: 0; }
|
|
/*css for section start*/
|
|
|
|
/*css for section-banner-top- start*/
|
|
.banner-top { background:#34935D; padding:0; margin:0; }
|
|
.banner-top .banner { background-color: #C97A2A; padding: 20px; margin: 20px 0 0 0; }
|
|
.banner-top .banner .lt-block { background-color:#000; min-height: 400px; padding:0 ; margin:0; }
|
|
.banner-top .banner .rt-block { background-color:#ccc; min-height: 200px; padding:0 ; margin:0; }
|
|
.banner-top .banner .dwon { background-color:#000; min-height: 200px; padding:0 ; margin:0; }
|
|
/*css for section-banner-top-end*/
|
|
|
|
|
|
/*css for section-bottom-start*/
|
|
.bottom { background:#ccc; padding:0; margin:0; }
|
|
.bottom .top-news{ background-color:#000; min-height: 400px; padding:0 ; margin:30px 0 0 0; }
|
|
.bottom .gallery{ background-color:#2de746; min-height: 300px; padding:0 ; margin:0; }
|
|
.bottom .news{ background-color:#04510f; min-height: 300px; padding:0 ; margin:0; }
|
|
.bottom .videos{ background-color:#000; min-height: 400px; padding:0 ; margin:30px 0 0 0; }
|
|
.bottom .new-posts{ background-color:#04510f; min-height: 600px; padding:0 ; margin:0; }
|
|
.bottom .search{ background-color:#000; min-height: 400px; padding:0 ; margin:30px 0 0 0; }
|
|
.bottom .search .keyword{background-color:#04510f; min-height: 100px; padding:0 ; margin:0 0 30px 0; }
|
|
.bottom .search .RECENT-NEWS{ background-color:#92e59e; min-height: 200px; padding:0 ; margin:0; }
|
|
.bottom .search .CATEGORY{ background-color:#000; min-height: 100px; padding:0 ; margin:0; }
|
|
.bottom .calendar{ background-color:#056d14; min-height:300px; padding:0 ; margin:0; }
|
|
.bottom .tweet{ background-color:#2de746; min-height:300px; padding:0 ; margin:0; }
|
|
/*css for section-bottom-end*/
|
|
|
|
/*css for section-footer-start*/
|
|
.footer{ background: #000; padding: 30px 0 30px 0; margin: 0; }
|
|
.footer .box{ background: #fff; min-height: 300px; padding: 0; margin: 0; }
|
|
/*css for section-footer-end*/
|
|
|
|
/*css for section-footer-bottom-start*/
|
|
.footer-bottom{ background:#EEB72F; padding: 20px 0 20px 0; margin: 0; }
|
|
.footer-bottom .text-center{ padding:0; margin:0; }
|
|
/*css for section-footer-end*/
|
|
/*css for structure -end*/
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<section class="top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="lt-block">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="rt-block">
|
|
|
|
</div>
|
|
<div class="claer"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="navbar">
|
|
<div class="container">
|
|
<div class="box">
|
|
<h3>navbar</h3>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="banner-top">
|
|
<div class="container">
|
|
<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>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="rt-block">
|
|
</div>
|
|
<div class="rt-block dwon">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
|
|
<div class="top-news">
|
|
</div>
|
|
<div class="top-news gallery">
|
|
</div>
|
|
<div class="top-news news">
|
|
</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>
|
|
</section>
|
|
<section class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
|
|
<div class="box">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
|
|
<div class="box">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
|
|
<div class="box">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="footer-bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="text-center">
|
|
<p>copy right</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html> |