-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
163 lines (159 loc) · 7.58 KB
/
about.html
File metadata and controls
163 lines (159 loc) · 7.58 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Future</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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=Gothic+A1:wght@600;700;800;900&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="./css/about.css">
</head>
<body>
<header >
<div id="nav-banner">
<div class="screen-width nav-banner-list" >
<ul>
<li><a href="#"><img src="./assets/icons/facebook.svg" alt="facebook icon"></a></li>
<li><a href="#"><img src="./assets/icons/twitter (1).svg" alt="twitter icon"></a></li>
<li><a href="#">English</a></li>
<li><a href="#">My Page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
</div>
<div class="navbar-container">
<nav class="navbar screen-width">
<a class="navbar-brand" href="./index.html"><img id="navbrand" src="./assets/icons/sefwi-tech-low-resolution-logo-black-on-transparent-background.png" alt=""></a>
<button type="button" class="hamburger-btn " id="header-button">
<img
id="hamburger-image"
class="header-toggle"
src="./assets/icons/button-menu.png"
alt="Menu icon on the mobile version"
/>
</button>
<ul class="nav-items header-nav-inactive header-list" >
<li ><a class="nav-link active" href="./index.html">Home</a></li>
<li ><a class="nav-link" href="#">Program</a></li>
<li ><a class="nav-link" href="#">Join</a></li>
<li ><a class="nav-link" href="#">Sponsor</a></li>
<li ><a class="nav-link" href="#">News</a></li>
<li ><a class="nav-link cc-campaign" href="#">CC Campaign</a></li>
</ul>
</nav>
</div>
</header>
<main >
<section class="headline">
<div class="overlay"></div>
<div class="hero-section screen-width">
<divt class="hero-content">
<h1>Sefwi Zone Developers Hackathon 2023</h1>
<div class="about-text">
<p>
The Sefwi Zone Hackathon envisions a global summit that unites experts, activists, and academics from around the world. It aims to foster collaboration and innovation in support
of the Commons, free culture, and open knowledge.
</p>
</div>
<div class="contact">
<p class="contact-inner">
Please contact us per Email for any further
questions about Sefwi Hackathon 2021
</p>
<p><a class="contact-inner" id="contact-email href="#">andohfrancis9187@gmail.com</a></p>
</div>
</div>
</div>
</section>
<section class="logo-info">
<div class="screen-width">
<div class="logo-info-content">
<div class="flex-col">
<h2>
Sefwi Zonal Hackathon 2023! Logo
</h2>
<img class="underline" src="./assets/photos/underline.svg" alt="bar">
</div>
<p class="logo-description">
The logo of Sefwi Zonal Hackathon was decided,through the logo competition from 8, June to 7, July.
After online public voting and Selection Committee’s judging process, the logo from Naresh Agrawal won the prize.
</p>
<img class="hackathon-logo" src="./assets/icons/sefwi-tech-high-resolution-logo-black-on-transparent-background.png" alt="hackathon logo">
</div>
</div>
</section>
<section class="previous-summit">
<div class="screen-width">
<div class="previous-summit-inner mx-auto">
<div id="previous-summit-header">
<h2 class="title">See the past Zonal Hackathons</h2>
<img class="underline" src="./assets/photos/underline.svg" alt="bar">
<p class="sub-title">
Take a look at the past three Hackathons which took place in Sefwi Bibiani at BAB
</p>
</div>
<div class="gallery row">
<div class="col-sm-12 col-md-5 each-image ">
<figcaption>
<span class="date">2023</span>
<small>Schools Outreach Program</small>
</figcaption>
<div class="gallery-overlay" ></div>
<img class="each-image-single" src="./assets/photos/bta students.jpg" alt="">
</div>
<div class="col-sm-12 col-md-5 each-image">
<figcaption>
<span class="date">2023</span>
<small>Schools Outreach Program</small>
</figcaption>
<div class="gallery-overlay"></div>
<img class="each-image-single" src="./assets/photos/bta-students.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="sponsors-section" id="sponsors-section">
<div class="screen-width sponsors-section-container ">
<div class="flex-col">
<h3 class="sponsors-section-title">Partner</h3>
<img class="underline" src="./assets/photos/underline.svg" alt="bar">
</div>
<ul class="sponsors">
<li>
<a href=""><img src="./assets/icons/mozilla 1.svg" alt=""></a>
</li>
<li>
<a href=""><img src="./assets/icons/googlekorea 1 (1).svg" alt=""></a>
</li>
<li>
<a href=""><img src="./assets/icons/naver 1.svg" alt=""></a>
</li>
<li>
<a href=""><img src="./assets/icons/daumkakaologo 1.svg" alt=""></a>
</li>
<li>
<a href=""><img src="./assets/icons/airbnb 1 (1).svg" alt=""></a>
</li>
</ul>
</div>
</section>
</main>
<footer>
<div class="credit container">
<img id="footer-logo-desktop" src="./assets/icons//sefwi-tech-high-resolution-logo-white-on-transparent-background.png" alt="">
<img id="footer-logo-mobile" src="./assets/icons/sefwi-tech-high-resolution-logo-black-on-transparent-background.png" alt="">
<div class="credit-text">
<h4 class="title">2023 Sefwi Zone Hackathon. Some Rights Reserved.</h4>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="./js/script.js"></script>
</body>
</html>