generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
175 lines (171 loc) · 5.75 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
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
<!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" />
<title>Lusaka Fashion Week</title>
<!-- Link Lato font from Google fonts -->
<link
href="http://fonts.googleapis.com/css?family=Lato:400,700"
rel="stylesheet"
type="text/css"
/>
<!-- Link file for the cocogoose font -->
<link rel="stylesheet" href="fonts/cocogoose/Cocogoose.css" />
<!-- Global style file -->
<link rel="stylesheet" href="css/style.css" />
<!-- Desktop style file -->
<link
rel="stylesheet"
media="screen and (min-width: 768px)"
href="css/desktop.css"
/>
<!-- Mobile style file -->
<link
rel="stylesheet"
media="screen and (max-width: 768px)"
href="css/mobile.css"
/>
</head>
<body>
<header>
<div class="toggle-icon"></div>
<div class="menu">
<nav class="secondary-menu desktop-padding">
<ul>
<li>
<a href="#">
<img
src="images/social/small-facebook.svg"
alt="Facebook small icon"
/>
</a>
</li>
<li>
<a href="#">
<img
src="images/social/small-twitter.svg"
alt="Twitter small icon"
/>
</a>
</li>
<li><a href="#">English</a></li>
<li><a href="#">My Profile</a></li>
<li><a href="#">Logout</a></li>
</ul>
</nav>
<nav class="primary-menu desktop-padding">
<a href="/"><img src="images/log02.svg" alt="logo" /></a>
<div class="primary-menu-content">
<ul>
<li><a class="menu-active" href="about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Schedule</a></li>
</ul>
<button type="button" class="register-menu-btn orange">
Register
</button>
</div>
</nav>
</div>
</header>
<main>
<section id="hero" class="desktop-padding">
<div class="about-hero desktop-padding">
<h3>"Hello fashion ethusiasts!"</h3>
<h2 class="about-hero-title cocogoose the-underline">
The Lusaka Fashion week Extra
</h2>
<p class="about-hero-description">
Lusaka Fashion Week provides a platform for Zambian fashion designers to showcase their talent
for an international audience of buyers and clothing manufacturers and also opens Zambia’s luxury
market to international designers and luxury brands.
</p>
<div class="about-question">
<span class="about-hero-question">
For more details reach out to us at
</span>
<span class="about-hero-email">lusakafashionweek2022@gmail.com</span>
</div>
</div>
</section>
<section id="the-logo">
<div class="the-logo-section desktop-padding">
<h2 class="the-logo-title the-underline">THE SHOWROOMS</h2>
<p class="d-logo-description">
Lusaka show rooms provides a unique opportunity for emerging Zambian
designers to promote their brands to an international audience of buyers and will be
at playhouse in Lusaka from 6th June to 11th June 2022 with selected designers
</p>
<p class="m-logo-description">
The main runway display and its stunning view from the event.
</p>
<div class="the-logo-container">
<img src="images/main1.jpg" alt="Logo of the training">
</div>
</div>
</section>
<section id="past-training">
<div class="past-training desktop-padding">
<h2 class="past-training-title the-underline">Previous Events</h2>
<p>Looking back at the last two Lusaka fashion events</p>
<div class="past-training-container">
<div class="past-training-item aau">
<h3>2021</h3>
<p>Lusaka Fashion Week 2021</p>
</div>
<div class="past-training-item ju">
<h3>2020</h3>
<p>The Lusaka Fashion Week 2020</p>
</div>
</div>
</div>
</section>
<section id="about-partners">
<h2 class="partners-section-title the-underline">Partners</h2>
<div class="partners-container">
<img
class="partner-image"
src="images/social/mtn.svg"
alt="mtn"
/>
<img
class="partner-image"
src="images/social/Louis_Vuitton.svg"
alt="Louis_Vuitton"
/>
<img
class="partner-image"
src="images/social/New_Balance.svg"
alt="Google"
/>
<img
class="partner-image"
src="images/social/toyota.svg"
alt="toyota"
/>
<img
class="partner-image"
src="images/social/airtel.svg"
alt="airtel"
/>
<img
class="partner-image"
src="images/social/shoprite.svg"
alt="shoprite"
/>
</div>
</section>
</main>
<footer class="about-footer">
<a href="/">
<img class="black-footer-logo" src="images/log02.svg" alt="Logo" />
</a>
<p>2022 Lusaka Fashion Week. All rights reserved.</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>