Weather Forecast
We add Weather forecast in our website.before book an event visitor can view weather report.it share location of the visitor and display weather report
WEATHER FORECAST
<!DOCTYPE html5>
<?php include '../controllers/db.php'; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" type="image/jpg" href="../images/static/icon.jpg"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../css/popupforms.css"/>
<title>Dehiwala Zoo - You Are Invited</title>
<link rel="stylesheet" type="text/css" href="../css/cssmenu.css"/>
<link rel="stylesheet" type="text/css" href="../css/login.css"/>
<link rel="stylesheet" type="text/css" href="../css/forms.css"/>
<link href="../css/js-image-slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../js/js-image-slider.js"></script>
<script type="text/javascript" src="../js/jquery.pop.js"></script>
<script type="text/javascript" src="../js/jquery.tipsy.js"></script>
<script type="text/javascript" src="../js/jquery.colorbox.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/jquery.colorbox.js"></script>
<script>
$(document).ready(function() {
$(".iframeform").colorbox({iframe: true, width: "50%", height: "95%"});
});
</script>
</head>
<body>
<?php include('../models/header.php') ?>
<?php include('../models/scroll.php') ?>
<div class="menubar">
<?php include('../models/mainmenu.php') ?>
</div>
<div class="wrapper"><br/>
<div class="slider_out" style="height:auto;background:url('../img/bg.jpg') repeat #e1f0f6;">
<div id="weather">
<!-- The stylesheet -->
<link rel="stylesheet" href="./weatherforecast/assets/css/weather.css" />
<!-- Google Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Playball|Open+Sans+Condensed:300,700" />
<ul id="scroller">
<!-- The forecast items will go here -->
</ul>
<a href="#" class="arrow previous">Previous</a>
<a href="#" class="arrow next">Next</a>
</div>
<p class="location"></p>
<div id="clouds"></div>
<!-- JavaScript includes - jQuery, moment.js and our own script.js -->
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
<script src="weatherforecast/assets/js/script.js"></script>
</div>
</div>
<div class="content_main_up"></div>
<div class="content_main_line"></div>
<div class="content_main_up"></div>
</div>
<div align="center" class="footer">
<?php include('../models/sitemap.php') ?>
</div>
</body>
</html>