Marketing-Page/blog-page.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
<!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 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">
        <!-- <header id="header"> -->
        <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="index.html">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>
        <!-- </header> -->
        <section class="blog-container">
            <p><span>August 27, 2019</span></p>
            <h2><a href="#">Safety While Traveling On Foot</a></h2>
            <img src='assets/images/pedestrian-crossing-road.png' class='crossroads' alt="freeway">
            <p class="paragraph">Safe Routes culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do
                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                exercitation ullamco.</p>
            <div class="button">Read More</div>
        </section>
        <section class="blog-container">
            <p><span>August 28, 2019</span></p>
            <h2><a href="#">How To Avoid An Accident</a></h2>
            <img src='assets/images/busy-road.png' class='busy-road' alt="busy-road">
            <p class="paragraph">Safe Routes culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do
                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                exercitation ullamco.</p>
            <div class="button">Read More</div>
        </section>
        <section class="more-posts">
            <h2>YOU MAY ALSO ENJOY:</h2>
            <div class="more-posts-wrap">
                <div>
                    <img src="assets/images/hot-spot.jpg">
                    <p>This is an example of a post.<a href="#">continue...</a></p>
                </div>
                <div>
                    <img src="assets/images/hot-spot.jpg">
                    <p>This is another example of a post.<a href="#">continue...</a></p>
                </div>
                <div>
                    <img src="assets/images/hot-spot.jpg">
                    <p>This is another example of a post.<a href="#">continue...</a></p>
                </div>
            </div>
        </section>

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

</html>