FoodPanda/career.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
<!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>Career</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 style="background-color: #FFEEDD;">
  <!--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"></div>
      <div id="nav__btn">
        <ul class="menu">
          <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">
        <a href="signup.html">
          <button class="button__primary hide__mobile">Sign Up</button>
        </a>
      </div>

    </nav>

  </header>
  <h1 style="padding-top: 40px; font-size: 5em; text-align: center;color: rgb(228, 0, 76); font-family:serif;">Together At Food
    Panda !!!</h1>
  <!--Hero Section-->
  <img src="./assets/foodpanda-careers-hero-image-scaled.jpg" alt="career__image" style="width: 100%;
      height: 350px; margin-top: 50px;border-radius: 20px">
  <main class="container">
    <h2 style="padding-top: 100px; font-size: 2.8em; text-align: center; color: rgb(228, 0, 76);">"Bringing Good Food
      Into Your Everyday Life"</h2><br><br>
    <p
      style="padding-top:30px;padding-bottom: 40px; font-family: Helvetica;font-size: 1.5rem; letter-spacing: 1px;text-align: center; color: rgb(63, 63, 63);">
      …that’s our mission at foodpanda. Whether it’s by delivering food on our signature pink bikes, providing insights
      into the newest food trends, or showcasing local favorite restaurants, we’re on a mission to redefine how food,
      people, culture and tech are connected.<br>
      <br>

      With over 40 nationalities and 20 languages spoken across our markets, we pride ourselves on our focus on
      inclusion and diversity. We are able to exchange and bring to the table the best practices (and food!) from each
      corner of the world.
    </p>

    <a href="joinus.html">
      <button class="button__survey" style=" margin-left: 45%;">Join Us</button></a>

    <!--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.co.jp/en/contents/terms-and-conditions.htm">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>