SubwayApp/index.html at main · Aldoortiz128/SubwayApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="index.css">
    <script defer src="index.js"></script>
</head>
<body>
    <img id ="logo" src="MTAwareLogoApp.png"/>
    <h1 id = "titlePage">MTAware</h1>
    <div class="row">
        <div class ="col-md-12">
    <div id = "nav-bar">
        <div id="crimeFeed">Crime Feed</div>
        <div id="news">News</div>
        <div id="updates">Subway Updates</div>
    </div>
   </div>
   </div>
   <br>
</br>
   <div class="row">
       <div class = "col-md-12">
    <div id = MTATweets>
    <h3 class = "header">Subway Updates</h3>
    </div>
    <div id = articles>
        <h1 class = "header">MTA News This Past Month</h1>
    </div>
    <div id = NYPDTweets>
        <h3 class = "header">Crime Feed</h3>
    </div>
    </div>
    </div>
    <div id = "mission">
    <h1>Our Mission Statement:</h1>
    <br></br>
    <p id = "missionText">We want to build a digital railroad to connect users to news sources
        and live updates on MTA crime and safety procedures. Our goal is to make our community of daily MTA
        commuters more aware. We're MTAware!
    </p>
    <br></br>
    </div>

    </body>
</html>
<footer id = "footer">
    MTAware built by Aldo Ortiz, Pedro Delgado, & Damon Nunez. Copyright: @MTA @Marcy Lab School
    </footer>

<!-- <div class="row">
    <div class ="col-md-12">
        <nav>
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="#">Blog</a>
            <a href="#">Portfolio</a>
            <a href="#">Contact</a>
            <div class="animation start-home"></div>
          </nav>

    </div>
</div> -->