First-Capstone-Project/about.html at main · jash-debug/First-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
<!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="style.css">
  <title>About</title>
</head>

<body>
  <nav class="mobile__menu mobile">
    <ul class="mobile__menu__list">
      <li class=" nav__item"><a class="mobile__nav__link" href="./index.html">Home</a></li>
      <li class=" nav__item"><a class="mobile__nav__link" href="#">Join</a></li>
      <li class=" nav__item"><a class="mobile__nav__link" href="#">Sponsor</a></li>
      <li class=" nav__item"><a class="mobile__nav__link" href="#">News</a></li>
    </ul>
  </nav>
  <header id="header">
    <div class="header">
      <div class="hamburger mobile">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
      </div>
    </div>
    <div class="desktop__menu full">
      <a href="./index.html"><img class="header__logo" src="./images/header_logo.svg" alt="Logo" class="full"></a>
      <ul class="desktop__menu__list">
        <li class=" nav__item "><a class="mobile__nav__link" href="./about.html">About</a></li>
        <li class=" nav__item "><a class="mobile__nav__link" href="#">Program</a></li>
        <li class=" nav__item"><a class="mobile__nav__link" href="#">Join</a></li>
        <li class=" nav__item"><a class="mobile__nav__link" href="#">Sponsor</a></li>
        <li class=" nav__item"><a class="mobile__nav__link" href="#">News</a></li>
        <li class=" nav__item"><button type="button" class="mobile__nav__link campaign" href="#">CC Campaign</button>
        </li>
      </ul>
    </div>
  </header>
  <section id="about">
    <div class="about">
      <p class="red about__intro mobile">"Hello! Farming World"</p>
      <h1 class="red about__title">Vertical Farming<br>World Congress 2021</h1>
      <p class="black about__paragraph">Bringing together vertical farming operators, investors, suppliers and
        customers,
        the 2nd annual Vertical Farming World Congress is designed to help develop and advance the sector’s
        future.
        repellendus doloremque!<span class="full">Lorem ipsum dolor sit amet consectetur adipisicing elit.
          Laboriosam, saepe.</span></p>
      <p class="black about__contact">Please Contact us per Email for any further questions about VF World
        Congress 2021</p>
      <h3 class="about__email">vfwcongress2021@vfk.org</h3>
    </div>
  </section>
  <section id="logo">
    <div class="logo">
      <h2 class="red logo__title">Vertical Farming<br>World Congress 2021 Logo</h2>
      <span class="underline"></span>
      <p class="black logo__paragraph">The Logo of VF world Congress 2021 was decided <br>through the logo
        competition
        from 11.september to 8.October</p>
      <div class="image__logo">
        <img class="logo__image" src="./images/z_Logo.svg" alt="Logo">
      </div>
    </div>
  </section>
  <section id="summits">
    <div class="summits">
      <h2 class="black summits__title">See the Past World Congress Summits</h2>
      <span class="underline"></span>
      <p class="black summits__paragraph">Take a look at the last two World Congress which took place<br> in Dubai
        and
        in London</p>
      <div class="summit__div">
        <div class="summits__image2">
          <p class="summit__year">2020</p>
          <p class="summit__location">VFW Global Congress 2012 in London</p>
        </div>
        <div class="summits__image">
          <p class="summit__year">2019</p>
          <p class="summit__location">VFW Global Congress 2012 in Dubai</p>
        </div>
      </div>
    </div>
  </section>
  <section id="partner" class="mobile">
    <div class="partner">
      <h3 class="partner__heading">Partner</h3>
      <div class="partner__div">
        <img src="./images/mozilla.svg" alt="Mozilla" class="partner__img">
        <img src="./images/Google.svg" alt="Mozilla" class="partner__img">
        <img src="./images/NAVER.svg" alt="Mozilla" class="partner__img">
        <img src="./images/daumkakao.svg" alt="Mozilla" class="partner__img">
        <img src="./images/airbnb.svg" alt="Mozilla" class="partner__img">
      </div>
    </div>
  </section>
  <footer id="footer" class="bg">
    <div class="footer">
      <img class="footer__image mobile" src="./images/footer_logo.svg" alt="footer_logo">
      <img class="footer__image full" src="./images/Your Organic Garden - 1200 x 628 px.svg" alt="footer_logo">
      <p class="footer__copyright copyright__color">2021 vfw Global Congress Dubai.<br>Some Rights Reserved</p>
    </div>
  </footer>

  <script src="./Nav-menu.js"></script>
</body>

</html>