<!DOCTYPE html>
<html lang ="en">
<head>
<meta charset = "utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="SEIS751 Projct">
<meta name="author" content="Aba Dougan">
<!-- Bootstrap core CSS -->
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/style.css" rel="stylesheet">
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/sticky-footer.css" rel="stylesheet">
<!-- favicon -->
<link rel="shortcut icon" href="http://linux2.gps.stthomas.edu/~doug1324/project/img/images.favicon.ico" type="image/x.icon" sizes="50x50"/>
<title>
Aba Project - Home
</title>
</head>
<body>
<?php
require ("./files/nav.php");
?>
<svg align="center">
<style>
#map {
height: 50%;
width: 50%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<div id="map"></div>
<script>
function initMap() {
var myLatlng = {lat: 43.0867, lng:-79.0665 };
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatlng
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Click to zoom'
});
map.addListener('center_changed', function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
}, 3000);
});
marker.addListener('click', function() {
map.setZoom(8);
map.setCenter(marker.getPosition());
});
};
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc&callback=initMap" async defer></script>
</svg>
<canvas></canvas>
<!-- Footer -->
<footer class="footer">
<?php
require ("./files/footernav.php");
?>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
My Web Design & Development
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.