generated from Lucas-Erkana/html-css_js_template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
190 lines (187 loc) · 6.02 KB
/
index.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Lato:wght@300;400;700;900&family=Lobster+Two:wght@400;700&family=Poppins:wght@300;400;500;600;700;800&family=Satisfy&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<title>Lucas' Programming Competition Page</title>
</head>
<body>
<!-- Header class -->
<header class="header">
<nav class="nav1">
<ul>
<li class="microo">
<a rel="noopener" target="_blank" href="https://web.facebook.com/microverseinc/?_rdc=1&_rdr"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="microo">
<a rel="noopener" target="_blank" href="https://twitter.com/microverseinc"><i class="fab fa-twitter"></i></a>
</li>
<li>English</li>
<li>My Page</li>
<li>Logout</li>
</ul>
</nav>
<nav class="head-all">
<i class="fas fa-bars menu"></i>
<ul>
<li class="logo-img">
<a href="./index.html">
<img src="./images/logo.png" alt="NUST logo">
</a>
</li>
<li>
<a href="./index.html"><h2>Home</h2></a>
</li>
<li>
<a href="./about.html"><h2>About</h2></a>
</li>
<li>
<a href="#program"><h2>Program</h2></a>
</li>
<li>
<a href="#guests"><h2>Guests</h2></a>
</li>
<li>
<a href="#partners"><h2>Partners</h2></a>
</li>
<li class="campagn">
<a href="#"><h2>NPC Campaign</h2></a>
</li>
</ul>
</nav>
</header>
<!--Main content section -->
<main>
<section class="menu-sec">
<nav>
<a href="./index.html"><h2 class="links">Home</h2></a>
<a href="./about.html"><h2 class="links">About</h2></a>
<a href="#program"><h2 class="links">Program</h2></a>
<a href="#guests"><h2 class="links">Guests</h2></a>
<a href="#partners"><h2 class="links">Partners</h2></a>
</nav>
<div class="cancel links">
×
</div>
</section>
<article>
<section class="sec1">
<p class="para1">
"I Got 99 Problems, But Writing Code Ain’t One"
</p>
<div class="title">
<h1 class="main-title" data-text="NUST ANNUAL PROGRAMMING COMPETITION">
NUST ANNUAL PROGRAMMING COMPETITION
</h1>
</div>
<p class="para2">
The Faculty of Computing and Informatics is at it again.
We are excited to invite high schools and tertiary students to participate in this year's
7th NUST Annual National Programming Competition(NPC).
There are amazing prizes to be won such as cash prizes, trophies, gadgets, medals and much more. All participants are invited to join us in the Capital of Namibia Winhoek.
</P>
<h2 class="year">
2022.10.10(MON) ~ 17(MON)
</h2>
<p class="differ">
@NUST campus in Namibia, Facaulty of Technology
</p>
</section>
<section id="program" class="sec2">
<h2 class="sec-2-title">
Main Program
</h2>
<hr class="line">
<ul class="program">
<li class="list">
<i class="fas fa-archive"></i>
<h3 class="list-header">
Message
</h3>
<p class="list-para">
Listen and get the messages from Professors from Universities.
</p>
</li>
<li class="list">
<i class="fas fa-clipboard-list"></i>
<h3 class="list-header">
NPC Exhibition
</h3>
<p class="list-para">
Appreciate various creations from different coders across Namibia.
</p>
</li>
<li class="list">
<i class="fas fa-mail-bulk"></i>
<h3 class="list-header">
Forum
</h3>
<p class="list-para">
Have time to share your thoughts and opinions with experts.
</p>
</li>
<li class="list">
<i class="fas fa-edit"></i>
<h3 class="list-header">
Workshop
</h3>
<p class="list-para">
Try to create your own program using open source license like Python.
</p>
</li>
<li class="list">
<i class="far fa-sun"></i>
<h3 class="list-header">
CC Ignite
</h3>
<p class="list-para">
Get oppotunities to work with Programmers from all around Namibia.
</p>
</li>
</ul>
<p class="parr"><a href="#">SEE THE WHOLE PROGRAM</a>
</p>
<div class="join">
<h3>
Join Programming Competition
</h3>
</div>
</section>
<section id="guests" class="sec3">
<h2 class="sec-2-title">
Guests of Honour
</h2>
<hr class="line">
<ul class="speakers">
</ul>
</section>
</article>
</main>
<footer>
<section id="partners" class="foot-1">
<h2 class="footer-title">Partner</h2>
<hr class="line">
<ul>
<li><big>mozilla</big></li>
<li>Google</li>
<li><big>NAVER</big></li>
<li><small>daumakao</small></li>
<li><i class="fab fa-airbnb"></i>Airbnb</li>
</ul>
</section>
<div class="foot-last">
<h2>
<span>NPC</span><big>NUST Programming Competition</big>
</h2>
<h3>
2022 NUST Programming Competiton<br>
</h3>
</div>
</footer>
</body>
<script src="./main.js"></script>
</html>