UI/index.html at master · Safe-Routes-Finders/UI · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Safe Routes</title>
    <link rel="stylesheet" href="css/index.css">
    <link href="https://fonts.googleapis.com/css?family=Muli|Raleway&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <div class="logo-text">
            <img src="img/logo.png" alt="Safe Routes Logo">
            <h1>Safe Routes</h1>
        </div>
        <nav>
            <a href="index.html">Home</a>
            <a href="about.html">About Us</a>
            <a href="contact.html">Contact Us</a>
            <a href="https://front-end.pedroprieto.now.sh/"><button>Sign In</button></a>
        </nav>
    </header>
    <section class = "callToAction">
        <div class ="ctaCont">
            <h2>Improving Public Health,<br> by Improving Public Safety</h2>
            <button>Get Started</button>
        </div>
    </section>
    <section class = "featSection1">
        <img src="img/intersection-home.jpg" alt="Photo of a  map">
        <div>
            <h2>How do we do it?</h2>
            <p>Every year there are thousands of car crashes at intersections all over LA.
                Some intersections are more dangerous than others, but determining what makes an intersection
                risky is a challenging problem. One intersection might be safe except in the evening when the sun
                shines in drivers' faces. Another might be dangerous at all hours because of obstructions to vision.
                There are many factors that can make driving risky. Our machine learning algorithm looks at all of the
                nearly half-million crashes that have happened in LA since 2000  and identifies the factors that make an
                 intersection dangerous. Users can use our analysis to make their commute safer.</p>
            <button>Get Started</button>
        </div>
    </section>
    <section class = "featSection2">
        <img src="img/car-peeps.jpeg" alt="People in the front seat of a car">
        <div>
            <h2>Why do we do it?</h2>
            <p>Drivers, bicyclists, pedestrians - everyone who makes use of our public roads deserve to be informed to level of safety of those roads. By providing the knowledge for users to make informed decisions about their routes, we can reduce the number accidents that occur and improve public safety in cities accros the country. </p>
            <button>Get Started</button>
        </div>
    </section>
    <footer>
        <img src="img/logo.png" alt="Safe Routes Logo">
    </footer>
</body>
</html>