<!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/BG.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>

        <!-- Active link pointing to the section1.html page -->
        <a class="active" href="section1.html">Topic</a>

        <a href="section2.html">Method</a>
        <a 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" id="specialPage">
        <style>
            body {
            text-shadow: 2px 2px 4px rgba(0, 0, 0);
        }
        </style>
        <!-- Section 1 content -->
        I would like to study bus stops in King County. I would like to use 
        ACS study and the distribution of King County bus stops to find a general
        pattern of people requiring the public transport and based on the distribution
        to try locating the best place for location setup.
        <br>
        <img src="img/King Buses.jpg" style="width: auto; height: auto;">
        <br>
    </div>
    
    <!-- Including the main.js file for JavaScript functionality -->
    <script src="js/main.js"></script>
    
</body>

</html>