<?php
require 'data.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latest News Productions</title>
<meta name="keywords" content="Latest News Mangaluru, Mangaluru, Mangalore, News Mangalore, Kannada News, Latest News Productions" />
<meta name="description" content="News Website Provided by trinixtechnologies.com" />
<!-- Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet" />
<!-- Custom CSS -->
<link href="css/styles.css" rel="stylesheet" />
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<!--<link href="css/style.css" rel="stylesheet" />
<!-- Core JS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="scripts/responsive-switch.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="scripts/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
<!-- custom Js -->
</head>
<body class="">
<div class="container header-bg">
<div class="row">
<div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">
<img src="images/logo.jpeg" style="width:30%;"/>
</div>
<style>
#searchtext{
display: block;
float:left;
width:88%;
margin-right:0px;
}
#searchbtn{
display: block;
float:left;
width:10%;
}
</style>
<div class="col-md-7 col-xs-7 col-lg-7 col-sm-7" style="margin-top:2%;">
<input type="text" name="search" id="searchtext" placeholder="Search News" class="form-control" style="width:50%;" />
<input type="button" id="searchbtn" class="btn btn-warning" value="Submit" style="float:left;" />
</div>
<div class="col-md-2 col-xs-2 col-lg-2 col-sm-2" style="margin-top:2%;" >
<img src="images/mum.jpeg" style="float:right; width:20%; padding-right:5px;" />
<img src="images/lnlogo.jpg" style="float:right; width:20%; padding-right:5px;" />
<img src="images/vcr.png" style="float:right; width:35%; padding-right:5px; margin-top:-5%;" />
</div>
<div class="pull-right">
<script type="text/javascript">
var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var d_names = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var currentTime = new Date()
var day = currentTime.getDay()
var month = currentTime.getMonth() + 1
var date = currentTime.getDate()
var year = currentTime.getFullYear()
document.write( d_names[day] + ", " + date + " " + m_names[month] + " " + year + ", ")
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(hours + ":" + minutes + " ")
if(hours > 11){
document.write("PM")
} else {
document.write("AM")
}
</script>
</div>
</div>
</div>
</div><!-- end of Container -->
<nav class="navbar navbar-default">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html" class="current">Home</a></li>
<li><a href="#">Daily News</a></li>
<li><a href="#">Crime Special</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Wishes</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Kannada News</a></li>
</ul>
</div>
</div>
</nav>
<style>
.bg-logo{
background-image:url(images/anni.png);
background-size:cover;
background-repeat:none;
}
</style>
<div class="container bg-logo ">
<div class="row">
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading"> <span class="glyphicon glyphicon-list-alt"></span><b> HeadLines</b></div>
<table class="table table-responsive">
<tbody>
<?php
for ($i=0; $i<count($result); $i++) {
echo"<tr><td>".$result[$i]."</td><tr/>";
}
?>
</tbody>
</table>
<div class="pagination-wrap">
<ul class="pagination">
<?PHP
if($page_counter == 0){
echo "<li><a href=?start='0' class='active'>0</a></li>";
for ($j=1; $j < $paginations; $j++) {
echo "<li><a href=?start=$j>".$j."</a></li>";
}
}else{
echo "<li><a href=?start=$previous>Previous</a></li>";
for ($j=0; $j < $paginations; $j++) {
if ($j == $page_counter) {
echo "<li><a href=?start=$j class='active'>".$j."</a></li>";
}else{
echo "<li><a href=?start=$j>".$j."</a></li>";
}
}if($j != $page_counter+1)
echo "<li><a href=?start=$next>Next</a></li>";
}
?>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading"> <span class="glyphicon glyphicon-list-alt"></span><b> Breaking News</b></div>
<div class="panel-body">
<div class="row">
<div class="col-xs-12">
<ul class="demo1">
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/1.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/2.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/3.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/4.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/5.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/6.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
<li class="news-item">
<table cellpadding="4">
<tr>
<td><img src="images/7.png" width="60" class="img-circle" /></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in venenatis enim... <a href="#">Read more...</a></td>
</tr>
</table>
</li>
</ul>
</div>
</div>
</div>
<div class="panel-footer"> </div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<h2>Subscribe Newsletter</h2>
<form method="get" action="#">
<div class="form_row">
<label>Choose Newsletter</label>
<select class="form-control">
<option>Daily News</option>
<option>Breaking News</option>
<option>Sport News</option>
<option>Entertainment News</option>
</select>
</div>
<div class="form_row"><label>Email address</label><input class="form-control" name="email_address" type="text" id="email_addremss"/></div>
<input class="button" type="submit" name="Submit" value="Subscribe" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-sm-4 footer">
<h4><i>Quick Links </i></h4>
<a href="#">Daily News</a><br />
<a href="#">Crime Special</a><br />
<a href="#">Services</a><br />
<a href="#">Kannada News</a><br />
<a href="#">About Us</a> <br />
<a href="#">Contact Us</a><br />
</div>
<div class="col-sm-4 footer">
<h4><i>Sponscered </i></h4>
<a href="#">Daily News</a><br />
<a href="#">Crime Special</a><br />
<a href="#">Services</a><br />
<a href="#">Kannada News</a><br />
<a href="#">About Us</a> <br />
<a href="#">Contact Us</a><br />
</div>
<div class="col-md-4 footer">
<h4><i>Follow Us On.</i> </h4>
<ul class="social-icons" style="margin-top:10%;">
<a href="#" style="font-size:40px; margin-right:20px; float:left;"><i class="fa fa-facebook"></i></a>
<a href="#" style="font-size:40px; margin-right:20px; float:left;"><i class="fa fa-instagram"></i></a>
<a href="#" style="font-size:40px; margin-right:20px; float:left;"><i class="fa fa-youtube"></i></a>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="pull-right">
<h6> Developed & Maintained By: <a href="#">Trinix Technologies Pvt. Ltd. </a></h6>
</div>
<h6> Copyright © - LatestNews 2016. </h6>
</div>
</div>
</div>
</footer><!--/#footer-->
<script type="text/javascript">
$(function () {
$(".demo1").bootstrapNews({
newsPerPage: 3,
autoplay: true,
pauseOnHover:true,
direction: 'up',
newsTickerInterval: 4000,
onToDo: function () {
//console.log(this);
}
});
$(".demo2").bootstrapNews({
newsPerPage: 4,
autoplay: true,
pauseOnHover: true,
navigation: false,
direction: 'down',
newsTickerInterval: 2500,
onToDo: function () {
//console.log(this);
}
});
$("#demo3").bootstrapNews({
newsPerPage: 3,
autoplay: false,
onToDo: function () {
//console.log(this);
}
});
});
</script>
</body>
</html>