WorldDevCongress/about.html at main · SekoViper/WorldDevCongress · 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
<!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">

  <!-- stylesheet -->
  <link rel="stylesheet" href="css/style.css">

  <!-- google font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">

  <title>NGC Congress</title>
</head>
<body>
  <header class="menu-container">
    <div class="menu-bg">
      <div class="toggler">
        <div class="bars"></div>
        <div class="bars"></div>
        <div class="bars"></div>
      </div>
      <div class="menu-only">
        <div class="social-nav">
          <div class="social-img">
            <a href="#"><img src="img/facebook_icon.png" alt="facebook icon"></a>
            <a href="#"><img src="img/telegram_icon.png" alt="telegram icon"></a>
          </div>
          <ul class="social-menu">
            <li class="social-menu-item"><a href="#">English</a></li>
            <li class="social-menu-item"><a href="#">My Page</a></li>
            <li class="social-menu-item"><a href="#">Logo Out</a></li>
          </ul>
        </div>
       <div class="nav-container">
        <a href="index.html"><img class="logo" src="img/nextgencodez_logo.png" alt="ngc logo"></a>
        <nav class="nav-menu">
          <ul class="menu">
            <li class="menu-items"><a href="index.html">Home</a></li>
            <li class="menu-items"><a class="active" href="about.html">About</a></li>
            <li class="menu-items"><a href="#">Program</a></li>
            <li class="menu-items"><a href="#">Join</a></li>
            <li class="menu-items"><a href="#">Sponsor</a></li>
            <li class="menu-items"><a class="active-btn" href="#">CC Campaign</a></li>
          </ul>
        </nav>
       </div>
      </div>
    </div>
    <section id="hero-section">
      <div class="about-content">
        <h2 class="about-subtitle sub-title">NGC Dev Congress</h2>
        <h1 class="about-heading">THE WORLD'S LEADING DEVELOPER EVENT</h1>
        <p class="about-desc">Animi esse, sapiente cum odio nulla neque dolores iste totam? uasi molestias deserunt scipit nam, sapiente cum odio nulla neque dolores iste totam? ea dolorum, dolor quidem voluptatibus modi magni molestias vitae at. Id mollitia repellendus consectetur!</p>
        <p class="about-small-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam est ut sunt maiores.</p>
        <a href="mailto:sekodameh@gmail.com" class="about-email">sekodameh@gmail.com</a>
      </div>
    </section>
  </header>

  <main>
    <section id="about-event-section">
      <h3 class="about-event-title">Next Generation Coders World's Developer Event</h3>
      <div class="title-line-container">
        <p class="title-line"></p>
        <p class="title-line"></p>
      </div>
      <p class="about-event-desc">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Placeat nulla id voluptatem mollitia, fugiat sapiente.</p>
      <div class="about-logo">
        <img src="img/nextgencodez_logo.png" alt="">
      </div>
    </section>
    <hr>
    <section id="about-bootchamp-section">
      <h3 class="past-event-title">See the past NGC World's Developer Event</h3>
      <div class="title-line-container">
        <p class="title-line"></p>
        <p class="title-line"></p>
      </div>
      <p class="past-event-desc">Lorem ipsum, dolor sit amet elit. Placeat nulla id voluptatem mollitia, fugiat sapiente.</p>
      <div class="bootchamps">
        <div class="bootchamp-one">
            <p class="event-year">2020</p>
            <p class="event-location">Lorem ipsum dolor sit amet.</p>
        </div>
        <div class="bootchamp-two">
            <p class="event-year">2020</p>
            <p class="event-location">Lorem ipsum dolor sit amet.</p>
        </div>

      </div>
    </section>

    <section class="partners-section">
      <h3 class="section-title">Partners</h3>
      <div class="title-line-container">
        <p class="title-line"></p>
        <p class="title-line"></p>
      </div>
      <div class="partners-container">
        <img src="img/google.png" alt="Google">
        <img src="img/airbnb.png" alt="Airbnb">
        <img src="img/mozila.png" alt="Mozilla">
        <img src="img/daum.png" alt="Daum">
        <img src="img/naver.png" alt="Naver">
      </div>
    </section>

    <footer>
      <div class="footer-container show-footer-mobile">
        <div class="logo-container">
          <img src="img/nextgencodez-logo.png" alt="">
        </div>
        <div class="footer-content">
          <p>2022 creative commons Ghana. All rights Reserved</p>
        </div>
      </div>
      <div class="footer-container show-footer-desktop">
        <div class="logo-container">
          <img src="img/nextgencodez-logo.png" alt="">
        </div>
        <div class="footer-content">
          <p>2022 creative commons Ghana. All rights Reserved</p>
        </div>
      </div>
    </footer>
  </main>

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