-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (163 loc) · 7.54 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
<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">
<meta name="title" property="og:title" content="Web3-Hackathon">
<meta property="og:type" content="Website">
<meta name="image" property="og:image" content="https://github.com/V-Blaze/Web3_Hackathon/raw/main/assets/images/web3-hackathon-project-screenshot.png">
<meta name="description" property="og:description" content="Web3 Hackathon is a conference event Web-App built with the latest technologies. It is responsive and it showcases a detailed information about an upcoming hackathon event. It was built using HTML, CSS and JavaScript.">
<meta name="author" content="Valentine Blaze">
<title>WEB3 HACKATHON</title>
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicons/favicon-16x16.png">
<link rel="manifest" href="./assets/favicons/site.webmanifest">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,600,0,0" />
</head>
<body>
<header id="hero">
<ul class="top-menu">
<li><a href="" class="top-nav-link"><img src="https://img.icons8.com/small/32/FFFFFF/facebook.png"/></a></li>
<li><a href="" class="top-nav-link"><img src="https://img.icons8.com/small/32/FFFFFF/twitter.png"/></a></li>
<li><a href="" class="top-nav-link">English</a></li>
<li><a href="" class="top-nav-link">My Page</a></li>
<li><a href="" class="top-nav-link">Logout</a></li>
</ul>
<div class="hero-section">
<nav class="nav-bar">
<a href="/" class="logo">
<img src="./assets/images/Web3-Hackathon.png" alt="web3 Hackathon Logo">
</a>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="menu">
<li><a href="./about.html" class="nav-link">About</a></li>
<li><a href="./#program" class="nav-link">Program</a></li>
<li><a href="" class="nav-link">Join</a></li>
<li><a href="" class="nav-link">Sponsor</a></li>
<li><a href="" class="nav-link">News</a></li>
<li><a href="" class="nav-link">CC Campaign</a></li>
</ul>
</nav>
<main class="headline">
<h1 class="title">Build The Next Big Thing On Web3</h1>
<h3 class="sub-title">
Meet new challenges - Hack your way to the top
</h3>
<p class="title-description">
WEB3 is here to help reimagine your world and empower users to have full control and responsibility over their data. Build simple, scalable and secure dApps, DeFi, infrastructure apps and tools, or migrate an existing web2 app to Web3.
</p>
<h2 class="title-date">
2022.11.1(TUE) ~ 3(THU)
</h2>
<p class="title-venue">
@Tech-Blaze E-center, Remmy Close
</p>
</main>
</div>
</header>
<section class="program-section" id="program">
<div class="main-program">
<h2 class="program-title">
Main Program
</h2>
<hr>
<div class="programs">
<div class="program-item">
<span class="material-symbols-outlined">
co_present
</span>
<h3 class="program-name">
Presentation
</h3>
<p class="program-description">
Listen to various speakers present their work and also explain their journey in the Web3 Industry
</p>
</div>
<div class="program-item">
<span class="material-symbols-outlined">
computer
</span>
<h3 class="program-name">
Hackathon Challenge
</h3>
<p class="program-description">
The Hackathon will showcase Web3-based solutions for different sectors on the continent. The top three winners will be selected by judges.
</p>
</div>
<div class="program-item">
<span class="material-symbols-outlined">
analytics
</span>
<h3 class="program-name">
Breakout sessions
</h3>
<p class="program-description">
We’ll get down to the nitty-gritty of topics such as decentralised finance (DeFI), (NFTs), and decentralised autonomous organizations (DAOs).
</p>
</div>
<div class="program-item">
<span class="material-symbols-outlined">
museum
</span>
<h3 class="program-name">
Exhibitions
</h3>
<p class="program-description">
Get to interact with blockchain/Web3-focused brands and companies and discover how they provide their services.
</p>
</div>
<div class="program-item">
<span class="material-symbols-outlined">
diversity_3
</span>
<h3 class="program-name">
Networking
</h3>
<p class="program-description">
If you’re looking to immerse yourself deeply into any part of Web3, it will help if you get like-minded people going down the same road.
</p>
</div>
</div>
<a href="" class="program-btn"> Join Web3 Hackathon 2022 </a>
</div>
</section>
<section class="speaker-section" id="speaker">
<div class="featured-speakers">
<h2 class="speaker-title">
Featured Speakers
</h2>
<hr>
<div class="speaker-list">
</div>
</div>
</section>
<section class="partner-footer-mobile">
<h2 class="partner-title">
Partners
</h2>
<hr>
<div class="partner-logos">
<img src="./assets/images/FintechSurge-Logo_new.png" alt="FintechSurge Logo">
<img src="./assets/images/Gitex-logo-2.png" alt="Gitex logo">
<img src="./assets/images/NORTH-STAR-DUBAI-LOGO-New-2.png" alt="NORTH STAR DUBAI LOGO New">
</div>
</section>
<footer class="footer-section" id="footer">
<div class="mobile-footer">
<span>
<a href="/" class="footer-logo">
<img src="./assets/images/Web3-Hackathon.png" alt="web3 Hackathon Logo">
</a>
</span>
<span>CopyRight of V-BLAZE 2022. All RIght Reserved</span>
</div>
</footer>
<script src="./main.js"></script>
</body>
</html>