World-Chef-Capstone-project/about.html at main · Rachelwebdev/World-Chef-Capstone-project · 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
186
187
188
189
190
191
<!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="stylesheet" href="mobile.css" />
    <link rel="stylesheet" href="desktop.css" />
    <link rel="stylesheet" href="about-mobile.css" />
    <link rel="stylesheet" href="about-desktop.css" />
    <title>About WC Global competition</title>
  </head>
  <body>

    <!-- HEADER -->
    <header>
      <!-- MOBILE MENU -->
      <div class="hamburger">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
      </div>
      <div class="desktop-nav-bar">
        <div class="logo-div">
          <a href="index.html"
            ><img
              class="logo-img"
              src="./images/icons/WC-logo-icon.png"
              alt="World chef logo"
          /></a>
          <p class="logo-title">
            WC Global <br />
            Competition
          </p>
        </div>
        <!-- NAVBAR -->
        <nav class="navbar">
          <ul class="nav-menu">
            <li class="nav-item"><a href="index.html">Home</a></li>
            <li class="nav-item"><a href="#program">Program</a></li>
            <li class="nav-item"><a href="#join">Join</a></li>
            <li class="nav-item"><a href="#sponsor">Sponsor</a></li>
            <li class="nav-item"><a href="#news">News</a></li>
            <li class="nav-item">
              <a class="nav-last-child" href="index.html">WC Competition</a>
            </li>
          </ul>
        </nav>
      </div>
      <!-- Mobile Hamburger Menu display -->
      <div class="hamburger-menu-container menu-container navbar">
        <ul class="nav-menu">
          <li class="nav-item"><a href="index.html">Home</a></li>
          <li class="nav-item"><a href="#program">Program</a></li>
          <li class="nav-item"><a href="#join">Join</a></li>
          <li class="nav-item"><a href="#sponsor">Sponsor</a></li>
          <li class="nav-item"><a href="#news">News</a></li>
          <li class="nav-item">
            <a class="nav-last-child" href="index.html">WC Competition</a>
          </li>
        </ul>
      </div>
    </header>
    <main class="body-container">
    <!-- HERO SECTION -->
   <div id="about">
    <section id="competition">
      <h1 class="main-heading about-heading">
        WORLD CHEFS GLOBAL COMPETITION 2023
      </h1>
      <div class="orange-borderline"></div>
      <p class="main-description about-description">
        World Chefs Congress brings together chef delegates and professionals
        from across the five continents to network and expand their professional
        bonds. The Global Chefs Challenge features top chefs from across the
        globe. These chefs must compete to show their skills in the kitchen and
        their adaptability under fire. Their culinary creations must follow
        guidelines such as being appetizing and tasteful, while also showing off
        exemplary plating for ease of service.
      </p>
      <p class="contact-text">
        Please contact us per Email for any further questions about WC Global
        Competiition!
      </p>
      <p class="email-contact">wcgchallenge2023@tradecenter.org</p>
    </section>
    <!-- Logo Display Section -->
    <section id="logo-section">
      <h3 class="logo-heading">World Chef Global Competition 2023 Logo</h3>
      <div class="orange-borderline"></div>
      <p class="logo-description">
        The logo of WC Global Congress was decided through the logo competition
        from 8. June to 7. July.
      </p>
      <div class="logo-container">
        <img
          class="about-logo-img"
          src="./images/icons/WC-logo-icon.png"
          alt="World chef logo"
        />
        <div class="world-chef-logo-div">
          <p class="logo-title about-logo-text">WC Global Competition</p>
          <p class="date-location">4th - 6th OCT, 2023 | Dubai, UAE</p>
        </div>
      </div>
    </section>
    <!-- Past Competition -->
    <section id="past-competition">
      <h3 class="past-competition-heading">
        See the past World Chef Global Competitions
      </h3>
      <div class="orange-borderline"></div>
      <p class="past-competition-description">
        Take a look at the last two World Chef Global Competitions which took
        place in Spain and United Kingdom
      </p>
      <div class="images-container">
        <div class="image-background-1">
          <div class="image-overlay-1">
            <div class="image-text">
            <h3 class="year">2021</h3>
            <p class="past-year-description">WC Global Competition in United Kingdom</p>
            </div>
          </div>
        </div>
        <div class="image-background-2">
          <div class="image-overlay-2">
            <div class="image-text">
            <h3 class="year">2021</h3>
            <p class="past-year-description">WC Global Competition in United Kingdom</p>
            </div>
          </div>
        </div>
      </div>


    </section>
    </section>
    <!-- PARTNERS SECTION
    <section id="partner">
      <h3 class="partner-heading">Partner</h3>
      <div class="orange-borderline"></div>
      <div class="partners-logos-container">
        <img
          src="./images/sponsors/demkota-logo.png"
          alt="Demkota logo"
          class="partners-logo"
        />
        <img
          src="./images/sponsors/porland-logo.webp"
          alt="Porland logo"
          class="partners-logo"
        />
        <img
          src="./images/sponsors/rational-logo.png"
          alt="Rational logo"
          class="partners-logo"
        />
        <img
          src="./images/sponsors/smithfield-culinary-logo.webp"
          alt="Smithfield culinary logo"
          class="partners-logo"
        />
        <img
          src="./images/sponsors/triar-seafood-logo.webp"
          alt="Triar seafood logo"
          class="partners-logo"
        />
      </div>

    </section> -->
    <!-- Footer Section  -->
    <footer id="footer" class="footer-about">
      <div class="left-container">
        <img
          src="./images/icons/WC-logo-icon.png"
          alt="world chef logo"
          class="logo-img"
        />
        <h3 class="footer-heading footer-heading-about">World Chef Competiton</h3>
      </div>
      <p class="footer-description footer-description-about">
        2023 World Chef Competition, UAE. <br />
        Some Rights Reserved.
      </p>
    </footer>
    </div>
    </main>
    <script src="script.js"></script>
</body>
</html>