Pathkeeper/index.html at main · v2r2please/Pathkeeper · 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
<!DOCTYPE html>

<html>

    <head>
        <title>Pathkeeper</title>
        <link rel="stylesheet" href="CSS/styles.css">
        <link rel="JavaScript" href="js">
    </head>

    <body>

        <section class="header" style="height: fit-content;">
        <header>
            <div class="headerLogo inline-block">
                <img src="images/Frame 2 (2).png" style="max-width: 90vh;">
            </div>

            <nav class="inline-block">

                <ul>
                    <a href="#about" style="padding:20px; color:black; text-decoration:none;">About</a>
                    <a href="#downloadApp" style="padding:20px; color:black; text-decoration:none;"> Download App</a>
                    <a href="#contact" style="padding:20px; color:black; text-decoration:none;">Contact</a>
                </ul>

             </nav>
        </header>
        </section>

        <section class="flexContainer" id="about">
            <div class="leaf">
                <img src="images/Leaf.png" style="max-width: 15vh; max-height: 18vh;">
            </div>
            <div class="text">
                <h1>About Pathkeeper</h1>
                <p>a paragraph about pathkeeper goes here</p>
            </div>
        </section>
        <section class="flexContainer" id="downloadApp">
            <div class="leaf">
                <img src="images/Leaf.png" style="max-width: 15vh; max-height: 18vh;">
            </div>
            <div class="text">
                <h1>Download the App</h1>
                <p>Pathkeeper is an app that turns small-scale acts of environmental restoration into a game! <br>
                    Our team conceived of Pathkeeper to respond to our research which shows how everyday people desire to see a difference in the environmental health of our world.<br>
                    Our future goals for Pathkeeper include collaborating with sponsors to create restoration project challenges.<br>
                    Experience the prototype for Pathkeeper app!</p>
            </div>
        </section>
        <section class="flexContainer" id="contact">
            <div class="leaf">
                <img src="images/Leaf.png" style="max-width: 15vh; max-height: 18vh;">
            </div>
            <div class="text">
                <h1>Contact Us</h1>
                <p>a paragraph about contacting and collaborating with pathkeeper goes here</p>
            </div>
        </section>
        <section class="footer">
            <nav class="bottomNav">

                <ul>
                    <a href="#about" style="text-decoration: none; padding:20px; color:black;">About</a>
                    <a href="#downloadApp" style="text-decoration: none; padding:20px; color:black;">Download App</a>
                    <a href="#contact" style="text-decoration: none; padding:20px; color:black;">Contact</a>
                </ul>

             </nav>
        </section>
    </body>
</html>