FoodPanda/aboutus.html at main · kmranimesh/FoodPanda · 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!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" />
    <link rel="icon" href="https://www.foodpanda.com/wp-content/uploads/2020/07/cropped-panda-head_pink-32x32.png"
        sizes="32x32" />
    <title>About-Us</title>
    <link rel="stylesheet" href="./css/style.css" />
    <link
        href="https://fonts.googleapis.com/css?family=Merriweather:300,300italic,regular,italic,700,700italic,900,900italic"
        rel="stylesheet" />
</head>

<body>
    <!--Nav Bar -->
    <header>
        <nav class="navbar">
            <div class="navbar__brand">
                <a href="http://127.0.0.1:5500/index.html">
                    <img src="./assets/logo.png" alt="logo" class="brand__logo" />
                </a>
            </div>
            <div class="navbar__nav__items">


                <ul class="menu" style="padding-left: 232px;">
                    <li><a href="aboutus.html">About Us</a></li>
                    <li><a href="career.html">Careers</a></li>
                    <li><a href="cities.html">Cities</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
            <div class="nav__item">
                <button class="button__primary hide__mobile"><a href="signup.html" style="text-decoration: none;
                    color: white;">Sign Up</a></button>
            </div>
        </nav>
    </header>

    <!--Hero Image-->

    <main class="container">

        <div class="page-hero" style="background-image:url(https://www.foodpanda.com/wp-content/uploads/2021/01/foodpanda-italian-blue-scaled.jpg);
         height: auto;
  width: 100%;
  background-position: center;
  background-size: cover;
  margin-top: 60px;
  border-radius: 12px;">


            <h2 style="text-align: center;
        line-height: 380px;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        color: #b11a08;
        font-size: 4.5em;
        font-family: serif;
        text-shadow: 0px 0px 5px rgba(0,0,0,0.12);">About Us</h2>
        </div>
            <h1 style="text-align: center; padding-top: 85px; font-size: 3em; color: rgb(228, 0, 76);">Our Motto</h1>
            <p style="font-family: helvetica; font-size: 1.7rem; padding-top: 45px; padding-bottom: 85px; letter-spacing: 0.05rem ;color: rgb(63, 63, 63); text-align: center; ">
                For us, it's not just about bringing you good food from your favourite restaurants. It's about making a
                connection, which is why we sit down with the chefs,
                dreaming up menus that will arrive fresh and full of flavour. Try us!
            </p>
        </div>

        <div class="hero-section" style="padding: 5px; background: white; border-top: 1px solid white;">
            <!--HERO CONTAINER-->

            <!-- <div> -->
            <h3 style="text-align: center; font-size: 2.2em; color: rgb(228, 0, 76);">HOW IT WORKS</h3>

            <div class="steps" style="padding: 0; max-width: 100%;">
                <ul class="row" style="width: 100%; padding-bottom: 20px;">
                    <li class="column">
                        <img class="svg" src="https://foodora.com/wp-content/uploads/2017/01/icon_order.svg" alt="" />
                        <h4 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">Order</h4>
                        <p style="font-size: large; text-align: center; color: rgb(63, 63, 63);">Discover over 36,000 delicious restaurants worldwide and order their tasty meals right to
                            you.
                        </p>
                    </li>


                    <li class="column">
                        <img class="svg" src="https://foodora.com/wp-content/uploads/2017/01/icon_lean.svg" alt="" />

                        <h4 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">Relax</h4>
                        <p style="font-size: large; text-align: center; color: rgb(63, 63, 63);">Sit back and relax as the restaurant prepares your order.</p>
                    </li>

                    <li class="column">
                        <img class="svg" src="https://foodora.com/wp-content/uploads/2017/01/icon_enjoy.svg" alt="" />
                        <h4 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">Enjoy</h4>
                        <p style="font-size: large; text-align: center; color: rgb(63, 63, 63);">Our rider picks up your order and brings it to you. Enjoy!</p>
                    </li>


                    <p style="text-align: left; ">
                        --------------******--------------
                    </p>

                </ul>

            </div>
        </div>

        <!--Main Text-->
        <div>
            <h3 style="text-align: center; font-size: 2.8em; font-family: serif; padding-bottom: 55px; padding-top: 75px; color: rgb(228, 0, 76); ">OUR MISSION</h3>
            <p style="letter-spacing: 0.05rem; font-size: 1.7rem; font-family: helvetica; padding-bottom: 65px; text-align: center; color: rgb(63, 63, 63);">
                "Bringing good food into your everyday. That's our mission. <br>
                <br>
                That means we don't just deliver--we bring it, always going the extra mile to make your experience
                memorable. <br>
                <br>
                And it means this is delicious food you can enjoy everyday: from vibrant salads for healthy office
                lunches, to indulgent family-sized pizzas, to fresh sushi for a romantic night in. Whatever you crave,
                we can help."
            </p>
        </div>

        <!--Mapping-->
        <div style="background-color: #f9f7f2; letter-spacing: 1px; padding: 40px 40px 400px; ">
            <h3 style="text-align: center; font-family: serif; font-size: 2.2em;  color: rgb(228, 0, 76);"> WHERE WE ARE</h3>


            <ul class="row" style="width: 100%; padding-bottom: 20px;">
                <li class="column">
                    <img src="https://www.foodpanda.com/wp-content/uploads/2021/02/icon_foodoras_world.svg"
                        alt="CITIES">
                    <h5 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">CITIES</h5>
                    <h3 style="text-align: center; font-size: 1.2em; color: rgb(63, 63, 63);">15+</h3>
                </li>


                <li class="column">
                    <img src="https://www.foodpanda.com/wp-content/uploads/2021/02/icon_order-1.svg" alt="RESTAURANTS">
                    <h5 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">RESTAURANTS</h5>
                    <h3 style="text-align: center; font-size: 1.2em; color: rgb(63, 63, 63);"> 500+ </h3>
                </li>

                <li class="column">
                    <img src="https://www.foodpanda.com/wp-content/uploads/2021/02/icon_bike.svg" alt="BIKES">
                    <h5 style="text-align: center; font-size: 1.5em; color: rgb(41, 41, 41);">BIKES</h5>
                    <h3 style="text-align: center; font-size: 1.2em; color: rgb(63, 63, 63);"> 800+</h3>
                </li>
            </ul>
        </div>

        <!--Quote Container-->
        <section class=" quote__container">

        </section>
    </main>
    <!-- Footer Section -->
    <footer class="footanchor">
        <img src="./assets/logo.png" alt="logo" />
        <ul>
            <li><a href="https://www.foodpanda.com/privacy-policy/">Terms & Condition</a></li>
            <li><a href="https://www.foodpanda.co.jp/en/contents/privacy.htm">Privacy Policy</a></li>
            <li><a href="https://www.foodpanda.com/security/">Security</a></li>
            <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </footer>

    <!--SVG Shape-->
    <div class="custom-shape-divider-top-1624884627">
        <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path
                d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"
                class="shape-fill"></path>
        </svg>
    </div>

</body>

</html>