FoodFerry/about.html at main · absolutelynoot/FoodFerry · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon-->
    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
    <!-- Bootstrap icons-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet" />
    <!-- Core theme CSS (includes Bootstrap)-->
    <link href="css/styles.css" rel="stylesheet" />
    <title>FoodFerry - About</title>
</head>

<body>
    <!-- Responsive navbar and header-->
    <header>
        <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background-color: #085f63;">
            <div class="container-fluid">
                <a class="navbar-brand px-3 fw-bolder fs-2" href="./index.html" style="color:#7ED7D3">FoodFerry</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
                    aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse fs-5 fw-bold px-3" id="navbarCollapse">
                    <ul class="navbar-nav me-auto mb-2 mb-md-0">
                        <li class="nav-item">
                            <a class="nav-link active" href="./about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="./partners.html">Our Partners</a>
                        </li>
                    </ul>
                    <ul class="navbar-nav mb-2 mb-md-0">
                        <li>
                            <a class="btn btn-success mx-1" type="submit" href="login.html">Login</a>
                        </li>
                        <li>
                            <a class="btn btn-light mx-1" type="submit" href="signup.html">Sign up</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <div style="height: 100px;">
        <!-- space for header -->
    </div>

    <div style="height: 50px;"></div>
    <div>

    </div>


    <div style="text-align: center;">
        <h4>FoodFerry Is Not Just</h4>
        <h4 class="mb-5">Another Food Donation Website</h4>
        <div style="background-color: rgb(221, 221, 221); height: 6px;width: 100px;margin:auto;"></div>
        <div style="height: 50px;"></div>
        <div style="width:500px;margin: auto;" class="mt-4">
            We rebuilt the food donation experience from the ground up to make food donation the as easy as possible.
            We specifically designed it for those of you who want the best experience of donating food.
        </div>
        <div style="width:500px;margin: auto;" class="mt-4">
            FoodFerry is gorgeous. Incredibly fast. And we come with features that make donating food feel like an
            extension of your abilities.
            Specific types of food donation categories, Reminders of incoming pickups, Food donation history. To name
            but a few.
        </div>
    </div>

    <div style="height: 300px;"></div>


    <!-- Footer-->
    <footer class="py-5 bg-dark">
        <div class="container px-5">
            <p class="m-0 text-center text-white">Copyright &copy; FoodFerry 2021</p>
        </div>
    </footer>

    <!-- Bootstrap and Propper core JS-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ"
        crossorigin="anonymous"></script>
    <!-- Core theme JS-->
    <script src="js/scripts.js"></script>
    <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
    <!-- * *                               SB Forms JS                               * *-->
    <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
    <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
    <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>

</html>