263 lines
14 KiB
PHP
263 lines
14 KiB
PHP
<!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="/CONTENT/THEME/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/CONTENT/THEME/font-awesome/css/font-awesome.min.css">
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
|
<script src="/CONTENT/THEME/js/bootstrap.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
/*css for structure -start*/
|
|
/*CSS FOR NAV BAR START */
|
|
body {padding: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 );
|
|
}
|
|
|
|
|
|
/* 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;}
|
|
}
|
|
.box{ padding:0 0 0 0; margin:20px 0 0 0; }
|
|
.box .navbar-default{ background:#252628; padding: 0; margin: 0; }
|
|
.box .navbar-default .navbar-nav > li > a { color: #fff; transition:ease-out 1s; padding: 17px 17px; }
|
|
.box .navbar-default .navbar-nav > li > a:hover{ color: #000; background: #fff; padding: 17px 17px; }
|
|
.box .navbar-default .navbar-collapse .navbar-nav .active a.frist{ background: #000;
|
|
color:#7DC314; padding: 17px 17px; }
|
|
.box .navbar-default .navbar-collapse .navbar-right{ background:#505052; margin:0 0 0 0; }
|
|
.navbar { border:none; }
|
|
.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-collapse { padding: 0; }
|
|
|
|
/*CSS FOR NAV BAR END */
|
|
|
|
/*css for section start*/
|
|
.top{ background:#fff; padding: 0; margin: 0; }
|
|
.top .lt-block{ background:0; padding:20px 0 20px 0; margin: 0; }
|
|
.top .lt-block h4{ font-family:'arial'; font-size:20px; color:#000; line-height:22px;
|
|
font-weight:500; padding:0; margin:0; }
|
|
.top .rt-block{ background:0; text-align:right; padding:20px 0 20px 0; margin: 0; }
|
|
.top .rt-block ul{ list-style:none; padding:0; margin:0; }
|
|
.top .rt-block ul li{ display:inline-block; font-family:'arial'; font-size:16px; color:#000;
|
|
line-height:18px; font-weight:400; padding:0 0 0 7px; margin:0; }
|
|
.top .rt-block ul li a{ text-decoration:none; color:#000; padding:0 0 0 0; transition: 1s ease; }
|
|
.top .rt-block ul li a:hover{ color:#7DC314; }
|
|
.top .rt-block ul li span{ padding:0 7px 0 0; }
|
|
|
|
/*css for section start*/
|
|
|
|
/*css for section-banner-top- start*/
|
|
.banner-top { background:#; padding:0; margin:0; }
|
|
.banner-top .banner { background-color:#fff; padding: 20px; margin: 20px 0 0 0; }
|
|
.banner-top .banner .lt-block { background-color:#000; padding: 0; min-height:400px;
|
|
margin: 0; box-sizing: border-box; }
|
|
.banner-top .banner .rt-block { background-color:#000; padding: 0; min-height:200px;
|
|
margin: 0; box-sizing: border-box; }
|
|
.banner-top .banner .rt-block img{ width:100%; height:100%; }
|
|
.banner-top .banner .bottom { background-color:red; padding: 0; min-height:200px;
|
|
margin: 30px 0 0 0; box-sizing: border-box; }
|
|
.banner-top .banner .bottom img { width:100%; min-height:100%; }
|
|
|
|
/*css for section-banner-top-end*/
|
|
|
|
|
|
/*css for section-bottom-start*/
|
|
.bottom { background:#; padding:0; margin:0; }
|
|
/*for the bottom-top-news-start*/
|
|
.bottom .top-news{ background-color:#fff; padding:15px; margin:30px 0 0 0; }
|
|
.bottom .top-news .border{ background:#000; padding:5px 0 5px 0; margin:0 0 20px 0; position: relative; }
|
|
.bottom .top-news .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px; font-weight:600;
|
|
background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-7px; }
|
|
.bottom .top-news .lt-block{ padding:0; margin:0; }
|
|
.bottom .top-news .lt-block img{ width:100%; padding:0; margin:0; }
|
|
.bottom .top-news .rt-block{ padding:0; margin:0; }
|
|
.bottom .top-news .rt-block p{ font-family:0; font-size:16px; color:#000; line-height:18px;
|
|
font-weight:400; padding:0; margin:0; }
|
|
/*for the bottom-top-news-end*/
|
|
|
|
/*for the bottom-gallery-start*/
|
|
.bottom .gallery{ background-color:#fff; min-height: 300px; padding:15px; margin:0;
|
|
box-sizing: border-box; }
|
|
.bottom .gallery .border{ background:#000; padding:5px 0 5px 0; margin:0 0 20px 0;
|
|
position: relative; }
|
|
.bottom .gallery .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px;
|
|
font-weight:600;
|
|
background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-7px; }
|
|
.bottom .gallery .box{ background-color:#000; min-height: 200px; padding:0 ; margin:0; }
|
|
/*for the bottom-gallery-end*/
|
|
|
|
/*for the bottom-news-start*/
|
|
.bottom .news{ background-color:#fff; padding:15px; margin:0; }
|
|
.bottom .news .border{ background:green; padding:5px 0 5px 0; margin:0 0 20px 0; position: relative; }
|
|
.bottom .news .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px; font-weight:600;
|
|
background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-7px; }
|
|
.bottom .news .lt-block{ padding:0; margin:0; }
|
|
.bottom .news .lt-block img{ width:100%; padding:0; margin:0; }
|
|
.bottom .news .rt-block{ padding:0; margin:0; }
|
|
.bottom .news .rt-block p{ font-family:0; font-size:16px; color:#000; line-height:18px;
|
|
font-weight:400; padding:0; margin:0; }
|
|
/*for the bottom-news-end*/
|
|
|
|
/*for the bottom-videos-start*/
|
|
.bottom .videos{ background-color:#fff; min-height: 400px; padding:20px 15px 0 15px; margin:30px 0 0 0; }
|
|
.bottom .videos .border{ border-top:1px solid #000; padding:0px 0 1px 0; margin:0; position: relative; }
|
|
.bottom .videos .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px; font-weight:600;
|
|
background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-9px; }
|
|
|
|
|
|
/*for the bottom-videos-end*/
|
|
|
|
|
|
/*for the bottom-new-posts-start*/
|
|
.bottom .new-posts { background-color:#fff; min-height: 400px; padding:20px 15px 0 15px; margin:0; }
|
|
.bottom .new-posts img{ width:100%; }
|
|
.bottom .new-posts .border{ border-top:1px solid #000; padding:0px 0 1px 0; margin:0; position: relative; }
|
|
.bottom .new-posts .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px;
|
|
font-weight:600; background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-9px; }
|
|
.bottom .new-posts h5{ font-family:0; font-size:15px; color:#000; line-height:17px; font-weight:400;
|
|
padding:20px 0 15px 0; margin:0; }
|
|
.bottom .new-posts h6{ font-family:0; font-size:15px; color:#000; line-height:17px; font-weight:400;
|
|
padding:10px 0 10px 0; margin:0; }
|
|
.bottom .new-posts p{ font-family:0; font-size:15px; color:#000; line-height:17px; font-weight:400;
|
|
padding:0; margin:0; }
|
|
/*for the bottom-new-posts-end*/
|
|
|
|
/*for the bottom-search-start*/
|
|
.bottom .search{ background-color:#fff; min-height: 400px; padding:15px; margin:30px 0 0 0; }
|
|
.bottom .search .border{border-top:1px solid #000; padding:0px 0 1px 0; margin:0; position:relative;}
|
|
.bottom .search .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px;
|
|
font-weight:600; background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-9px; }
|
|
.bottom .search .control { width:100%; background:#ccc; height:40px;border:1px solid #4444;
|
|
font-size:14px; color:#fff; line-height:18px; font-weight:400; padding:0 12px 0 12px;
|
|
box-sizing:border-box; margin:20px 0 20px 0; border-radius:5px; }
|
|
.bottom .search .box { border-bottom:1px solid #000; }
|
|
.bottom .search .box .border1{ border-top:1px solid #000; padding:0px 0 1px 0; margin:0;
|
|
position:relative;}
|
|
.bottom .search .box .border1 h5{ font-family:0; font-size:18px; color:#000; line-height:20px;
|
|
font-weight:600; background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-7px; z-index:9; }
|
|
.bottom .search .box .text{ padding:0; margin:20px 0 0 0; }
|
|
/*for the bottom-search-end*/
|
|
|
|
/*.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; }*/
|
|
|
|
/*for the bottom-calendar-start*/
|
|
.bottom .calendar{ background-color:#fff; min-height:300px; padding:15px; margin:0; }
|
|
.bottom .calendar .border{border-top:1px solid #000; padding:0px 0 1px 0; margin:0; position:relative;}
|
|
.bottom .calendar h4{ font-family:0; font-size:25px; color:#000; line-height:27px;
|
|
font-weight:600; background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-9px; }
|
|
/*for the bottom-calendar-end*/
|
|
|
|
/*for the bottom-TWEET-start*/
|
|
.bottom .tweet{ background-color:#fff; min-height:300px; padding:15px; margin:0; }
|
|
.bottom .tweet .border{border-top:1px solid #000; padding:0px 0 1px 0; margin:0; position:relative;}
|
|
.bottom .tweet .border h4{ font-family:0; font-size:25px; color:#000; line-height:27px;
|
|
font-weight:600; background:#fff; display:inline-block; padding:0 15px 0 15px; margin:0 0 0 15px;
|
|
position: absolute ; left:0; bottom:-9px; }
|
|
/*for the bottom-TWEET-end*/
|
|
|
|
/*css for section-bottom-end*/
|
|
|
|
/*css for section-footer-start*/
|
|
|
|
/*css for section-footer-NEWSPAPER-START*/
|
|
.footer{ background:#202020; padding: 30px 0 30px 0; margin: 0; }
|
|
.footer .NEWSPAPER{ background: #; padding: 15px; margin: 0; }
|
|
.footer .NEWSPAPER h4{ font-family:0; font-size:35px; color:#fff; line-height:37px;
|
|
font-weight:600; padding:0 0 10px 0; margin:0; }
|
|
.footer .NEWSPAPER p{ font-family:0; font-size:16px; color:#fff; line-height:20px;
|
|
font-weight:400; padding:0 0 13px 0; margin:0; border-bottom:1px solid #444444;}
|
|
.footer .NEWSPAPER h5{ font-family:0; font-size:18px; color:#fff; line-height:20px;
|
|
font-weight:400; padding:13px 0 10px 0; margin:0; }
|
|
.footer .NEWSPAPER input[type="text"]{ width:100%; background:none; border:1px solid #444444; height:40px;
|
|
font-family:#; font-size:14px; color:#fff; line-height:18px; font-weight:400; padding:0 12px 0 12px;
|
|
box-sizing:border-box; margin:0 0 10px 0; }
|
|
.footer .NEWSPAPER .btn{ background:#444444; font-family:#; font-size:14px; color:#FADA1A; line-height:18px;
|
|
font-weight:600; padding:12px 15px; margin:0; transition:1s ease; }
|
|
.footer .NEWSPAPER .btn:hover{ background:#fff; color:#000; transition:1s ease; }
|
|
/*css for section-footer-NEWSPAPER-end*/
|
|
|
|
/*css for section-footer-TAGS-start*/
|
|
.footer .tags{ padding:15PX; margin:0; }
|
|
.footer .tags h4{ font-family:0; font-size:35px; color:#FFF; line-height:37px;
|
|
font-weight:600; padding:0 0 10px 0; margin:0; }
|
|
.footer .tags ul{ padding:7px 0 0 0; margin:0; }
|
|
.footer .tags ul li{ display:inline-block; list-style:none; border:1px solid #ccc;
|
|
font-family:#; font-size:14px; color:#fff; line-height:16px; font-weight:400; padding:5px 7px;
|
|
margin:0 0px 5px 0; }
|
|
.footer .tags ul li a{ text-decoration:none; color:#fff; transition:1s ease; }
|
|
.footer .tags ul li a:hover{ color:#7DC314; transition:1s ease; }
|
|
/*css for section-footer-TAGS-end*/
|
|
|
|
/*css for section-footer-Recent-News-start*/
|
|
.footer .Recent-News { padding:15px; margin:0; }
|
|
.footer .Recent-News h4 { font-family:0; font-size:35px; color:#FFF; line-height:37px;
|
|
font-weight:600; padding:0 0 10px 0; margin:0; }
|
|
.footer .Recent-News .text{ padding:0; margin:0; }
|
|
.footer .Recent-News .text a{ text-decoration:none; font-family:#; font-size:15px; color:#fff;
|
|
line-height:24px; font-weight:400; padding:0; margin:0; }
|
|
|
|
/*css for section-footer-Recent-News-end*/
|
|
|
|
/*css for section-footer-end*/
|
|
|
|
/*css for section-footer-bottom-start*/
|
|
.footer-bottom{ background:#202020; border-top:1px solid #4444; padding: 20px 0 20px 0; margin:0; }
|
|
.footer-bottom .text-center{ padding:0; margin:0; }
|
|
.footer-bottom .text-center p{ font-family:#; font-size:15px; color:#fff;
|
|
line-height:17px; font-weight:400; padding:0; margin:0; }
|
|
/*css for section-footer-end*/
|
|
/*css for structure -end*/
|
|
</style>
|
|
|
|
</head>
|