-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
104 lines (96 loc) · 5.67 KB
/
about.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Nkwashi Conference</title>
<meta name="description" content="nkwashi conference">
<meta name="author" content="Alick Nyirenda">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./aboutStyle.css">
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<header class="">
<!-- Desktop Header and Links -->
<div class="mobile-hidden container-fluid top-view-links">
<div class="row upper-links justify-content-end">
<div class="col-5 justify-content-center d-flex px-5">
<ul class="align-items-center d-flex">
<li><i class="fab fa-facebook-f"></i></li>
<li><i class="fab fa-twitter"></i></li>
<li><a href=""> English</a></li>
<li><a href="">My Page</a></li>
<li><a href="">Logout</a></li>
</ul>
</div>
</div>
</div>
<!-- Hamburger Icons for Mobile Menu -->
<div class="desktop-hidden container-fluid">
<i id="hamburger-menu" class="menu-icon-mobile fa fa-bars f a-lg fa-2x"></i>
<i id="close-menu-icon" class="menu-hidden menu-icon-mobile fas fa-times fa-2x"></i>
</div>
<!-- Links to Show on Mobile Menu -->
<div id="mobile-menu-links" class="menu-hidden mobile-menu-list text-center">
<div class="desktop-main-nav-links">
<ul class="p-3">
<li class="mobile-hidden"> <a href="./index.html"> <img class="img-fluid header-desktop-image-logo" src="./images/nkwashi-logo.png" alt=""></a> </li>
<li> <a href="./about.html">About</a> </li>
<li> <a href="#program">Program</a> </li>
<li> <a href="#join-conference">Join</a> </li>
<li> <a href="#">Sponsor</a> </li>
<li> <a href="#">News</a> </li>
</ul>
</div>
</div>
<section class="headline-text text-center">
<p class="greeting-text desktop-hidden">"Hello, ba Lusaka!"</p>
<h1>NKWASHI CREATIVE & <br> TECHNOLOGICAL SUMMIT 2021</h1>
<hr class="mobile-hidden orange-dividing-line-about mx-auto">
<p class="headline-description my-4 p-3"> This conference brings together a community of experts, both locally and from around the world, who are part of a
belief in building cities in building self centered communities. This is the first year we've expanded our list to
include specialist experts from outside the country. </p>
<p class="about-contact-email-text text-center"> Please contact us per Email for any further questions <br> about the Nkwashi Conference 2021 <br>
<a href="mailto:nkwashi.testmail@example.com">nkwashi_conference2021@example.com</a> </p>
</section>
</header>
<main>
<section class="about-logo-section text-center mt-4">
<p class="logo-copyright-text">Nkwashi Society <br> Conference Summit 2021 Logo</p>
<hr class="orange-dividing-line-about mx-auto">
<p class="px-5"> The logo of the Nkwashi conference 2021 was decided through the logo competition from 8. January to 10. January. </p>
<img src="./images/nkwashi-logo.png" class="px-3 mx-4 my-3 about-copyright-image" alt="">
<hr class="about-grey-dividing-full-line">
</section>
<section class="past-conferences text-center">
<h2 class="mx-4">See the past Nkwashi Conferences</h2>
<hr class="orange-dividing-line-about mx-auto">
<p>Take a look at the past 2 summmits which took place in Ndola and Lusaka city</p>
<a href=""><img src="./images/conference1.jpg" alt="image of past conference" class="desktop-hidden conference-images my-3"></a>
<a href=""><img src="./images/conference2.jpg" alt="image of past conference" class="desktop-hidden conference-images my-3"></a>
<div class="mobile-hidden desktop-past-conferences-grid">
<a href=""><img src="./images/conference1.jpg" alt="image of past conference" class="conference-images my-3"></a>
<a href=""><img src="./images/conference2.jpg" alt="image of past conference" class="conference-images my-3"></a>
</div>
</section>
<section class="desktop-hidden partners text-center py-4">
<h2> Partners </h2>
<hr class="orange-dividing-line-about mx-auto">
<div class="partner-image-grid m-4">
<img class="partner-logo" alt="airbnb logo" src="./images/Airbnb-logo.png">
<img class="partner-logo-firefox" alt="firefox-logo" src="./images/firefoxLogo.png">
<img class="partner-logo-google" alt="google-logo" src="./images/Google-logo.png">
</div>
</section>
</main>
<footer>
<img src="./images/nkwashi-logo.png" class="nkwashi-logo" alt="Nkwashi Logo">
<div class="mt-3">2021. Nkwashi Lusaka <br> Some Rights Reserved </div>
</footer>
<script src="./navigation.js"></script>
<script src="https://kit.fontawesome.com/bc80da3d28.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>