Marketing-Page/index.html at master · Build-Week-Safe-Routes/Marketing-Page · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Safe Routes</title>
    <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway:600" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>

<body>
    <div class="container">
        <nav class="navigation">
            <div class="nav-left-side">
                <div class="logo-container">
                    <img src="assets/images/safe-routes-logo.png" alt="safe routes logo" class="logo">
                </div>
                <h1>safeRoutes</h1>
            </div>

            <div class="nav-right-side">
                <ul class="internal-links">
                    <li><a href="#">Home</a></li>
                    <li><a href="blog-page.html">Blog</a></li>
                    <li><a href="contact-us.html">Contact Us</a></li>
                </ul>
            </div>
        </nav>

        <main id="main">
            <section class="jumbotron">
                <div class="jumbo-wrap">
                    <div class="jumbo-text-wrap">
                        <h1 class="jumbo-text">
                            Using data to
                            <br>
                            <span>empower road
                                <br>
                                users</span>
                        </h1>
                    </div>

                    <div class="jumbo-img-wrap">
                        <img src="assets/images/phone.png" class="jumbo-img">
                    </div>
                </div>

                <div class="jumbo-cta">
                    <div class="jumbo-blurb">
                        <p>
                            Using extensive crash datasets and applying a machine learning approach, Safe Routes helps
                            to identify high-crash-risk intersections in your location.
                        </p>
                    </div>

                    <div class="jumbo-button">
                        <button type="button"><a href="https://safe-routes-bw.netlify.com/">Get Started</a></button>
                    </div>

                </div>

            </section>

            <section class="features">
                <h2 class="features-heading">Features</h2>
                <div class="features-wrapper top">
                    <div class="feature hot-spots">
                        <div class="feature-text">
                            <img src="assets/images/marker.png" class="icon">
                            <h2>Identify Hot Spots</h2>
                            <p>
                                Fatal injuries resulting from car accidents are a leading cause of preventable death in
                                modern society.
                                Nearly 1.3 million people die annually from car accidents around the world. Pulling from
                                over 10,000 records,
                                Safe Route helps you identify the hottest intersections in your city.
                            </p>
                        </div>

                    </div>

                    <div class="feature predict-event">
                        <div class="feature-text">
                            <img src="assets/images/chart.png" class="icon">
                            <h2>Estimate Likelihood</h2>
                            <p>
                                Machine learning powers Safe Routes in the intepretation of the relationship between
                                road users, traffic, and intersections.
                                Safe Routes uses the Random Forest
                                model to parse multidimensional data and evaluate the likelihood of future crash
                                incidents at any given intersection.

                            </p>
                        </div>

                    </div>
                </div>

                <div class="features-wrapper bottom">
                        <div class="feature visualize">
                            <div class="feature-text">
                                <img src="assets/images/visualize-map.png" class="icon">
                                <h2>Visualize Historical Data</h2>
                                <p>
                                    As the primary driver of the product, we value historical records on the team, so
                                    Safe Routes has built into it an interactive map that shows historical crashes at a
                                    particular intersection over any given time period.
                                    Visualization is straightforward and informative so that the user can access and
                                    utilize this on the go.
                                </p>
                            </div>
                    </div>


                </div>


                <div>
                </div>
            </section>

            <footer>
                <div>
                    &copy; Copyright 2019 safeRoutes
            </footer>
    </div>
    </footer>

    </main>
    </div>
</body>

</html>