WDD-final/index.html at master · wcoder52/WDD-final · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="icon" type="image/gif/png" href="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/logo.png?raw=true">
        <title>Outdoor enthusiests | Home</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="index.html"><img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/logo.png?raw=true" alt="home logo">
                        <div>Home</div>
                    </a></li>
                    <li><a href="gear.html"><img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/GearLogo.png?raw=true" alt="gear logo">
                        <div>Gear</div>
                    </a></li>
                    <li><a href="trips.html"><img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/TripsLogo.png?raw=true" alt="trips logo">
                        <div>Trips</div>
                    </a></li>
                    <li><a href="tips.html"><img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/TipsLogo.png?raw=true" alt="tips logo">
                        <div>Tips</div>
                    </a></li>
                </ul>
            </nav>
        </header>
        <main>
            <img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/20200425_093836.jpg?raw=true" alt="home banner image" id="home-banner-img" width="500">
            <section>
                <a href="gear.html">
                    <div>
                        <img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/GearLogo.png?raw=true" alt="gear logo">
                        <h2>Gear</h2>
                    </div>
                </a>
                <a href="trails.html">
                    <div>
                        <img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/TripsLogo.png?raw=true" alt="trips logo">
                        <h2>Trips</h2>
                    </div>
                </a>
                <a href="tips.html">
                    <div>
                        <img src="https://github.com/wcoder52/WDD-final/blob/master/stie-assets/TipsLogo.png?raw=true" alt="tips logo">
                        <h2>Tips</h2>
                    </div>
                </a>

                <p>
                    Spending time outdoors is usually awe inspiring. At least until something unpleasant happens. Coping with these un-pleasantries requires preparation and experience. As beginners, having a place to connect with the experience of the community is extremely valuable. The Outdoor enthusiast forum is the perfect place to ask and answer questions ensuring that everyone can have the best experience on trail.
                </p>

                <div>
                    <h2>Contact us!</h2>
                    <p>Email: email@fake.com</p>
                </div>
            </section>

        </main>
        <footer>
            <a href="">Copyright Weylan Dickey</a>
            <ul>
                <li>
                    <a href="https://www.facebook.com" target = "_blank"><img src = "https://cdn.glitch.global/070e79a8-c661-4bd1-9801-87595c41cf0e/facebook.png?v=1643480722261" alt ="Facebook link"></a>
                </li>
                <li>
                    <a href="https://www.youtube.com" target = "_blank"><img src = "https://cdn.glitch.global/070e79a8-c661-4bd1-9801-87595c41cf0e/youtube.png?v=1643480738652" alt ="YouTube link"></a>
                </li>
                <li>
                    <a href="https://www.twitter.com" target = "_blank"><img src = "https://cdn.glitch.global/070e79a8-c661-4bd1-9801-87595c41cf0e/twitter.png?v=1643480734867" alt ="Twitter link"></a>
                </li>
            </ul>
        </footer>
    </body>

</html>