Contact page

henyxia
1 parent d5179a5c
Showing 3 changed files with 32 additions and 0 deletions Show diff stats
contact.php
css/crep.css
index.php
@@ -0,0 +1,25 @@
+<div class="jumbotron">
+  <h1>Contact</h1>
+  <p>Pour toute information, vous pouvez contacter Mme Pichonnat</p>
+</div>
+&nbsp;
+<div class="jumbotron">
+	<h1>Comment y accéder ?</h1>
+	<p>
+		<div id="map-canvas"></div>
+	</p>
+</div>
+<script>
+	function initialize()
+	{
+		var mapCanvas = document.getElementById('map-canvas');
+		var mapOptions =
+		{
+			center: new google.maps.LatLng(50.6080275, 3.1401501),
+			zoom: 8,
+			mapTypeId: google.maps.MapTypeId.ROADMAP
+		}
+        var map = new google.maps.Map(mapCanvas, mapOptions)
+	}
+	google.maps.event.addDomListener(window, 'load', initialize);
+</script>
@@ -67,3 +67,9 @@ body
 {
 	height: 600px;
 }
+
+#map-canvas
+{
+	width: 600px;
+	height: 400px;
+}
@@ -14,6 +14,7 @@ require_once(&quot;creds.php&quot;);
 		<link rel="stylesheet" href="css/bootstrap.css">
 		<link rel="stylesheet" href="css/crep.css">
 		<link rel="shortcut icon" href="favicon.ico"/>
+		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
 		<script type="text/javascript" src="js/jquery.js"></script>
 		<script type="text/javascript" src="js/bootstrap.min.js"></script>
 		<script type="text/javascript" src="js/whirlpool.min.js"></script>