<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<!-- Including the main.css file for styling -->
<link rel="stylesheet" href="css/main.css">
<!-- Including the Font Awesome CSS library for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<style>
body {
background-image: url('img/maps.jpg');
color: #f1f1f1;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<!-- Navigation bar -->
<div class="topnav" id="myTopnav">
<!-- Links to different sections -->
<a href="index.html">Abstract</a>
<a href="section1.html">Topic</a>
<a href="section2.html">Method</a>
<!-- Active link pointing to the section3.html page -->
<a class="active" href="section3.html">Inspiration</a>
<a href="references.html">References</a>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links on smaller screens -->
<a href="javascript:void(0);" class="icon">
<i class="fa fa-bars"></i>
</a>
</div>
<!-- Page content -->
<div class="content">
<style>
body {
text-shadow: 2px 2px 4px rgba(0, 0, 0);
}
</style>
<!-- Section 3 content -->
The reason I choose this topic is when I took buses everyday to school
for classes. But in peak time, I believe the busses is a little bit less
frequent for massive people appearing. I'm wondering if there is a way for
us to distribute the buses acccording to the time when most people arrived
and if this could be done timely by using the web GIS technology.
</div>
<!-- Including the main.js file for JavaScript functionality -->
<script src="js/main.js"></script>
</body>
</html>