Capstone-Project-1/about.html at master · Ibizugbe/Capstone-Project-1 · 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
<!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" />
    <title>chopLife</title>
    <link rel="stylesheet" href="/CSS/styles.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
      rel="stylesheet"
    />
    <link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet" />
  </head>
  <body>
    <header>
      <nav class="dark-nav">
        <ul class="dark-nav-ul">
          <li class="dark-nav-li">
            <a href="#" class="dark-nav-link">Language</a>
          </li>
          <li class="dark-nav-li">
            <a href="#" class="dark-nav-link">English</a>
          </li>
          <li class="dark-nav-li">
            <a href="#" class="dark-nav-link">Logout</a>
          </li>
        </ul>
      </nav>
      <nav>
        <div class="my-nav">
          <div class="hamburger-bar">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
          </div>
          <a href="/index.html" class="brand-name">chopLife</a>
          <ul class="nav-ul">
            <li class="nav-item">
              <a href="index.html#dish-section" class="nav-li">Dishes</a>
            </li>
            <li class="nav-item">
              <a href="index.html#contact" class="nav-li">Cntact Us</a>
            </li>
            <li class="nav-item">
              <a href="index.html#partners" class="nav-li">Partners</a>
            </li>
          </ul>
        </div>

        <!-- mobile nav display -->
        <div class="container-nav">
          <ul class="mobile-nav-ul">
            <li class="mobile-nav-li">
              <a href="/index.html" class="mobile-nav-li">Home</a>
            </li>
            <li class="mobile-nav-li">
              <a href="index.html#dish-section" class="mobile-nav-li">Dishes</a>
            </li>
            <li class="mobile-nav-li">
              <a href="index.html#contact" class="mobile-nav-li">Cntact Us</a>
            </li>
            <li class="mobile-nav-li">
              <a href="index.html#partners" class="mobile-nav-li">Partners</a>
            </li>
          </ul>

          <ul class="hamb-ul">
            <li class="close-hamb">&times;</li>
          </ul>
        </div>
      </nav>
    </header>

    <main>
      <section id="about-intro" class="about-section fade-in flex-contain">
        <h1 class="intro-header" id="about-header">
          You have some questions about choplife? <br />Keep reading.
        </h1>
        <div class="chopP about-chopP">
          <h2>Who we are?</h2>
          <p>
            chopLife is a food delivery company with the best facilities to get
            your food delovered to your doorstep, with ease and no stress!
          </p>
        </div>

        <div class="chopP about-chopP">
          <h2>How we operate?</h2>
          <p>
            Everything works Like magic... just on a click, we are at your
            doorstep with your favorite meal.
          </p>
        </div>
      </section>

      <section id="more-about">
        <h2 class="about-logo-head">chopLife 2013 logo</h2>
        <p class="about-p">"Good food guarantees healthy living."</p>
        <div class="chop-logo">
          <div class="img-div">
            <img
              src="/Assets/other-images/chop-life-logo.png"
              width="200"
              alt="logo"
            />
          </div>
        </div>
      </section>
      <section class="dinner">
        <h3 class="event-header">Our events</h3>
        <div class="dinner-contain">
          <div class="dinner-1">
            <h3>2016 Dinner</h3>
            <p>2016 dinner held at huston events, smith peterson way.</p>
          </div>
          <div class="dinner-2">
            <h3>2017 Dinner</h3>
            <p>2017 dinner held at huston events, smith peterson way.</p>
          </div>
        </div>
      </section>
    </main>

    <footer>
      <section id="about-footer">
        <h2 class="brand-name" id="about-footer-brand">chopLife</h2>
        <p class="copy-right">
          Copyright © 2022 All rights reserved. <br />
          Made with ❤️ by Ibizugbe Abraham.
        </p>
      </section>
    </footer>

    <script src="/JS/menu.js"></script>
  </body>
</html>