Skip to content

Commit

Permalink
map added
Browse files Browse the repository at this point in the history
  • Loading branch information
@kopaljain03
kopaljain03 committed Nov 5, 2021
1 parent d773c92 commit b9ee430
Show file tree
Hide file tree
Showing 2 changed files with 200 additions and 2 deletions.
198 changes: 198 additions & 0 deletions backend/google_map.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,198 @@
<?php
include 'db_con.php';
$sql="SELECT * FROM events";
$res=mysqli_query($con,$sql);
$ronum=mysqli_num_rows($res);
while($row=mysqli_fetch_assoc($res)){
$data[]=$row;
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>uiCookies:Enlight &mdash; Free Bootstrap Theme, Free Responsive Bootstrap Website Template</title>
<meta name="description" content="Free Bootstrap Theme by uicookies.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">

<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="../enlight/css/styles-merged.css">
<link rel="stylesheet" href="../enlight/css/style.min.css">
<link rel="stylesheet" href="../enlight/css/custom.css">

<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="probootstrap-search" id="probootstrap-search">
<a href="#" class="probootstrap-close js-probootstrap-close"><i class="icon-cross"></i></a>
<form action="#">
<input type="search" name="s" id="search" placeholder="Search a keyword and hit enter...">
</form>
</div>

<div class="probootstrap-page-wrapper">
<!-- Fixed navbar -->

<div class="probootstrap-header-top">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 probootstrap-top-quick-contact-info">
<span><i class="icon-location2"></i>Brooklyn, NY 10036, United States</span>
<span><i class="icon-phone2"></i>+1-123-456-7890</span>
<span><i class="icon-mail"></i>[email protected]</span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 probootstrap-top-social">
<ul>
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-instagram2"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
<li><a href="#" class="probootstrap-search-icon js-probootstrap-search"><i class="icon-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default probootstrap-navbar">
<div class="container">
<div class="navbar-header">
<div class="btn-more js-btn-more visible-xs">
<a href="#"><i class="icon-dots-three-vertical "></i></a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" title="uiCookies:Enlight">Enlight</a>
</div>

<div id="navbar-collapse" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="teachers.html">Teachers</a></li>
<li class="active"><a href="events.html">Events</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
<ul class="dropdown-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="course-single.html">Course Single</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="dropdown-submenu dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Sub Menu</span></a>
<ul class="dropdown-menu">
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>

<section class="probootstrap-section probootstrap-section-colored">
<div class="container">
<div class="row">
<div class="col-md-12 text-left section-heading probootstrap-animate">
<h1>College Map</h1>
</div>
</div>
</div>
</section>
<br>

<?php

$latitude = 25.4920;
$longitude = 81.8639;
$address="Motilal Nehru National Institute of Technology, Allahabad";
?>

<!-- <iframe width="100%" height="500" src="https://maps.google.com/maps?q=<?php echo $latitude; ?>,<?php echo $longitude; ?>&output=embed"></iframe> -->
<iframe width="100%" height="500" src="https://maps.google.com/maps?q=<?php echo $address; ?>&output=embed"></iframe>

<br><br>
<footer class="probootstrap-footer probootstrap-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="probootstrap-footer-widget">
<h3>About The School</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro provident suscipit natus a cupiditate ab minus illum quaerat maxime inventore Ea consequatur consectetur hic provident dolor ab aliquam eveniet alias</p>
<h3>Social</h3>
<ul class="probootstrap-footer-social">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-github"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-md-push-1">
<div class="probootstrap-footer-widget">
<h3>Links</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">Teachers</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-footer-widget">
<h3>Contact Info</h3>
<ul class="probootstrap-contact-info">
<li><i class="icon-location2"></i> <span>198 West 21th Street, Suite 721 New York NY 10016</span></li>
<li><i class="icon-mail"></i><span>[email protected]</span></li>
<li><i class="icon-phone2"></i><span>+123 456 7890</span></li>
</ul>
</div>
</div>

</div>
<!-- END row -->

</div>

<div class="probootstrap-copyright">
<div class="container">
<div class="row">
<div class="col-md-8 text-left">
<p>&copy; 2017 <a href="https://uicookies.com/">uiCookies:Enlight</a>. All Rights Reserved. Designed &amp; Developed with <i class="icon icon-heart"></i> by <a href="https://uicookies.com/">uicookies.com</a></p>
</div>
<div class="col-md-4 probootstrap-back-to-top">
<p><a href="#" class="js-backtotop">Back to top <i class="icon-arrow-long-up"></i></a></p>
</div>
</div>
</div>
</div>
</footer>

</div>
<!-- END wrapper -->


<script src="../enlight/js/scripts.min.js"></script>
<script src="../enlight/js/main.min.js"></script>
<script src="../enlight/js/custom.js"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions backend/index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,14 +85,14 @@
<li><a href="about.html">About Us</a></li>
<li><a href="academics.php">Academics</a></li>
<li><a href="campus.php">Campus Life</a></li>
<li><a href="course-single.html">Extra - Curricular</a></li>
<li><a href="google_map.php">College Map</a></li>
<li><a href="gallery.html">FAQ's</a></li>
<li class="dropdown-submenu dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Extra - Curricular</span></a>
<ul class="dropdown-menu">
<li><a href="events.php">Events</a></li>
<li><a href="clubs.php">Clubs</a></li>
<li><a href="sports.php">Sports</a></li>
<li><a href="#">Sports</a></li>
<!-- <li><a href="#">Second Level Menu</a></li> -->
</ul>
</li>
Expand Down

0 comments on commit b9ee430

Please sign in to comment.