Skip to content

Commit

Permalink
Added maps page
Browse files Browse the repository at this point in the history
  • Loading branch information
@DigitalAkhee
DigitalAkhee committed Dec 14, 2023
1 parent 802b739 commit 34e19cb
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 12 deletions.
24 changes: 12 additions & 12 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,11 +53,11 @@ <h1 style="font-size: 15.4px;font-weight: bold;margin-bottom: 50px;">NAVIGATION
<img src="assets/img/students_navigating1.svg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Responsive left-aligned hero with image</h1>
<p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">NAVIST <br/> Navigation Assistence and Virtual Intelligence for Students</h1>
<p class="lead">Welcome to NAVIST 1.0, Your virtual web assistant that will help you navigate through the campus, and also give you accesss to learning materials and books</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a type="button" class="btn btn-success btn-lg px-4 me-md-2" href="./locations.html">Browse Location</a>
<a type="button" class="btn btn-outline-success btn-lg px-4" href="./locations.html">Search Loacation</a>
<a type="button" class="btn btn-outline-success btn-lg px-4" href="./map.html">Search Loacation</a>
</div>
</div>
</div>
Expand All @@ -68,21 +68,21 @@ <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Responsive left-align
<div class="b-example-divider"></div>

<div class="container px-4 py-5" id="custom-cards">
<h2 class="pb-2 border-bottom">Custom cards</h2>
<h2 class="pb-2 border-bottom">Features</h2>

<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
<div class="col">
<div class="card card-cover h-100 overflow-hidden rounded-4 shadow-lg" style="background-image: url('./assets/img/Navigation.svg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Short title, long jacket</h3>
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold"></h3>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<img src="./assets/img/Location.svg" alt="Bootstrap" width="32" height="32" class="rounded-circle border border-white">
</li>
<li class="d-flex align-items-center me-3">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#geo-fill"/></svg>

<small>Earth</small>
<small></small>
</li>
<li class="d-flex align-items-center">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#calendar3"/></svg>
Expand All @@ -96,18 +96,18 @@ <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Short title, long jacket</h3>
<div class="col">
<div class="card card-cover h-100 overflow-hidden rounded-4 shadow-lg" style="background-image: url('./assets/img/Navigation.svg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h3>
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold"></h3>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<img src="https://github.com/twbs.png" alt="Bootstrap" width="32" height="32" class="rounded-circle border border-white">
</li>
<li class="d-flex align-items-center me-3">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#geo-fill"/></svg>
<small>Pakistan</small>
<small></small>
</li>
<li class="d-flex align-items-center">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#calendar3"/></svg>
<small>4d</small>
<small></small>
</li>
</ul>
</div>
Expand All @@ -117,18 +117,18 @@ <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Much longer title that wraps t
<div class="col">
<div class="card card-cover h-100 overflow-hidden rounded-4 shadow-lg" style="background-image: url('./assets/img/Students-amico.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-shadow-1">
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">Another longer title belongs here</h3>
<h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold"></h3>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<img src="https://github.com/twbs.png" alt="Bootstrap" width="32" height="32" class="rounded-circle border border-white">
</li>
<li class="d-flex align-items-center me-3">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#geo-fill"/></svg>
<small>California</small>
<small></small>
</li>
<li class="d-flex align-items-center">
<svg class="bi me-2" width="1em" height="1em"><use xlink:href="#calendar3"/></svg>
<small>5d</small>
<small></small>
</li>
</ul>
</div>
Expand Down
43 changes: 43 additions & 0 deletions src/map.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>navist</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&amp;display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Righteous&amp;display=swap">
<link rel="stylesheet" href="assets/css/Hero-Clean-images.css">
<link rel="stylesheet" href="assets/css/Navbar-With-Button-icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>

<body>
<body class="text-center" style="margin: 8px;padding: 2px;padding-left: 0px;padding-right: 0px;margin-left: 4px;margin-right: 4px;">
<nav class="navbar navbar-light navbar-expand-md py-3" style="border-bottom: 2px solid rgb(0,168,89);">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="index.html"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon" style="background: #00a859;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2H168.3zM192 256C227.3 256 256 227.3 256 192C256 156.7 227.3 128 192 128C156.7 128 128 156.7 128 192C128 227.3 156.7 256 192 256z"></path>
</svg></span><span><strong><span style="color: rgb(0, 168, 89);">NAVIST</span></strong></span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1" style="text-align: left;">
<ul class="navbar-nav me-auto">



<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://drive.google.com/drive/folders/1a6YLFkmNmbDFPsow0wmKbMMx866_7xq5?usp=sharing">Learning Materials</a>
</li>
</ul>
<a class="btn btn-primary" role="button" style="background: rgb(39,150,0);text-align: left;" href="https://gsu.edu.ng/home/">University Portal</a>
</div>
</div>
</nav>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3925.4701428020317!2d11.170261575035212!3d10.304208189817263!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x10ffd090fcf7d665%3A0xd5acb044b580d7da!2sGombe%20State%20University%2C%20Gombe!5e0!3m2!1sen!2sng!4v1702550155976!5m2!1sen!2sng" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

</body>
</html>

0 comments on commit 34e19cb

Please sign in to comment.