M1Capstone/about.html at main · rebaz36/M1Capstone · 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
<!DOCTYPE html>
<html lang="en">
  <!-- head Section  -->
  <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>About</title>
    <!-- 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@300;400;700&display=swap"
    rel="stylesheet"
    />
    <link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet" />
    <!-- fontawesome -->
    <script src="https://kit.fontawesome.com/d31edfa6bf.js" crossorigin="anonymous"></script>
    <!-- stylesheet -->
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/about.css" />
  </head>
  <!--End of head Section  -->
  <!-- Body Section  -->
  <body>
    <!-- Header Section  -->
    <section class="intro-container">
      <header>
        <ul class="socials">
          <li>
            <a href="#" class="icon" target="_blank" rel="noopener noreferrer">
              <i class="fab fa-facebook-f fa-fw"></i>
            </a>
          </li>
          <li>
            <a href="#" class="icon" target="_blank" rel="noopener noreferrer">
              <i class="fab fa-twitter fa-fw"></i>
            </a>
          </li>
          <li> English </li>
          <li>
            <a href="index.html" class="icon" target="_blank" rel="noopener noreferrer">
            Account
            </a>
          </li>
          <li>
            <a href="#" class="icon">Logout</a>
          </li>
        </ul>

        <div class="navbar">
          <a href="index.html" class="logo-desktop">Jobie Conference <br />2022</a>
          <nav class="hamburger">
            <div class="menu-bar bars">
              <i class="fa fa-bars fa-1x"></i>
            </div>
            <!-- Mobile Menu Bar -->
            <div class="mobile-menu">
              <div class="menu-bar times">
                <i class="fa fa-times fa-1x"></i>
              </div>
              <ul class="nav-list">
                <li>
                  <a href="index.html" class="menu-bar" id="home-link">Home</a>
                </li>
                <li>
                  <a href="#about" class="menu-bar" id="about-link">About</a>
                </li>
                <li>
                  <a href="#program" class="menu-bar" id="program-link">Programs</a>
                </li>
                <li>
                  <a href="#program" class="menu-bar" id="sponsors-link">Sponsors</a>
                </li>
                <li>
                  <a href="#program" class="menu-bar" id="news-link">News</a>
                </li>
                <li>
                  <a href="#program" class="menu-bar" id="campaign-link">Campaigns</a>
                </li>
              </ul>
            </div>
          </nav>
        </div>
      </header>
      <!-- intro Section starts here -->
      <section class="intro about-intro" id="about">
        <span>"Young Innovators"</span>
        <h1>
          BRINGING THE YOUNG INTO THE
          WORLD OF TECHNOLOGY<br />
          October - 2022
        </h1>
        <p class="intro-description">
          We aim to help bring the talents within the young generations into todays Market.
          to innovate in today's technological innovations with the power of the youth, and to make a difference in the world.
        </p>
        <p>Please contact us for any further question about Young Innovators - Conference 2022. </p>
        <a href="#" target="_blank" rel="noopener noreferrer"> 51Labs2022@gmail.com </a>
      </section>
      <!-- intro Section ends here -->
    </section>
    <!-- End of Header Section  -->

    <!-- Conference Section starts here -->
    <section class="conference-logo">
      <div class="conference-title">
        <h2>Young Innovators Conference 2022 Logo</h2>
        <span></span>
      </div>
      <p>
        The logo of the Young Innovators Conference was delivered through the logo competition from March 2022 to
        May 2022. After online voting and committe selection process, Rebaz Farid Noori won the prize.
      </p
      >
      <div class="logo-img">
        <h2>
          Young Innovators <br/>
          Conference 2022 <br/>
          <small class="small"> Young Innovators</small>
        </h2>
      </div>
    </section>
    <!-- End of Conference Section  -->

    <!-- events Section starts here -->
    <section class="past-events">
      <div class="event-title">
        <h2>See the past Young Innovators Conference</h2>
        <span></span>
      </div>
      <p>Take a look at the past two Young Innovators Conference which took place in Erbil and Duhok</p>
      <div class="events">
        <div class="event">
          <img src="./assets/images/Young-Innovators.jpg" alt="lagos conference" />
          <div class="event-description">
            <h3>2020</h3>
            <p>Young Innovators Conference in Duhok</p>
          </div>
        </div>
        <div class="event">
          <img src="./assets/images/YI-summit.jpg" alt="Abuja conference" />
          <div class="event-description">
            <h3>2020</h3>
            <p> Young Innovators Conference in Erbil</p>
          </div>
        </div>
      </div>
    </section>
    <!-- End of events Section  -->

    <!-- Footer Section starts here -->
    <footer class="footer">
      <p>Young <br/> Innovators</p>
      <small>(c) 2022 Young Innovators conference. All rights reserved.</small>
    </footer>
    <!-- End of Footer Section  -->
		<script src="./js/index.js"></script>
  </body>
  <!-- End of Body Section  -->
</html>