-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (200 loc) · 8.83 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
191
192
193
194
195
196
197
198
199
200
<!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">
<meta property="og:url" content="https://helio3197.github.io/conference-page/">
<meta property="og:type" content="website">
<meta property="og:title" content="WBS 2022 | Conference Page">
<meta property="og:description" content="A conference website for an important incoming event.">
<meta property="og:image" content="https://raw.githubusercontent.com/helio3197/conference-page/main/thumbnail.png">
<meta name="description" content="A conference website for an important incoming event." />
<title>WBS 2022</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<script src="https://kit.fontawesome.com/4f5822c69a.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid p-0 background-header">
<header id="navbar">
<div class="container-fluid p-0 d-none d-md-block top-navbar">
<div class="container-md p-0">
<nav class="nav justify-content-end second-nav" id="second-nav">
<a href="#" class="nav-item nav-link a"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="nav-item nav-link a"><i class="fab fa-twitter"></i></a>
<a href="#" class="nav-item nav-link a">English</a>
<a href="#" class="nav-item nav-link a">My page</a>
<a href="#" class="nav-item nav-link a">Logout</a>
</nav>
</div>
</div>
<div class="container-fluid p-0 navbar-bg shadow-nav">
<div class="container-md navbar navbar-expand-md navbar-light">
<button type="button" class="navbar-toggler border-0" data-bs-toggle="offcanvas" data-bs-target="#navbarSlide">
<span class="navbar-toggler-icon"></span>
</button>
<nav class="offcanvas offcanvas-start navbar-collapse border-0 align-items-stretch" tabindex="-1" id="navbarSlide">
<div class="offcanvas-header align-self-stretch me-md-auto p-md-0 logo-container">
<div class="offcanvas-title">
<a href="./index.html">
<img src="images/WBS-logo.png" alt="wbs logo" class="logo">
</a>
</div>
<button type="button" class="btn-close text-reset d-md-none" data-bs-dismiss="offcanvas" id="closeMenu"></button>
</div>
<div class="navbar-nav navbar-items gap-md-4 align-items-center nav-wrap">
<a href="./about.html" class="nav-item nav-link current-page">About</a>
<a href="#" class="nav-item nav-link">Program</a>
<a href="#" class="nav-item nav-link">Sponsors</a>
<a href="#" class="nav-item nav-link">News</a>
<div class="button-join">
<a href="#">Join WBS</a>
</div>
<div class="second-nav d-flex d-md-none align-self-stretch mt-auto top-navbar justify-content-around flex-wrap" id="second-nav-mobile"></div>
</div>
</nav>
</div>
</div>
</header>
<section class="container-md px-4 px-md-0 py-md-5" id="headline">
<span>"Metaverse and NFTs"</span>
<h1>WORLD BLOCKCHAIN SUMMIT 2022</h1>
<p>
Re-Imagining the future of finance and world commerce: the most influential crypto & blockchain
conference, will return to an in-person format event in March 2022.
</p>
<h2>2022.03.23(WED) ~ 24(THU)</h2>
<h3 class="fs-4">@ Atlantis, The Palm, Dubai</h3>
</section>
</div>
<div class="container-fluid p-0" id="main-program">
<section class="container-md py-5">
<h1 class="text-center mb-3">Main Program</h1>
<hr>
<div class="row row-cols-1 row-cols-md-3 row-cols-lg-5 mx-0 my-5 justify-content-md-center">
<div class="col d-flex flex-md-column align-items-center px-3 py-3">
<div class="icon-container">
<span class="connect-icon"></span>
</div>
<div class="program-title">
<h2>Connect</h2>
</div>
<div class="program-description">
<p class="text-md-center">
Meet with Institutional Investors, Family Offices, Hedge Funds, Asset Allocators and Angel Investors.
</p>
</div>
</div>
<div class="col d-flex flex-md-column align-items-center px-3 py-3">
<div class="icon-container">
<span class="enlightening-icon"></span>
</div>
<div class="program-title">
<h2>Enlightening</h2>
</div>
<div class="program-description">
<p class="text-md-center">
Listen to enlightening sessions from some of the greatest minds in the Blockchain and Crypto.
</p>
</div>
</div>
<div class="col d-flex flex-md-column align-items-center px-3 py-3">
<div class="icon-container">
<span class="showcase-icon"></span>
</div>
<div class="program-title">
<h2>Showcase</h2>
</div>
<div class="program-description">
<p class="text-md-center">
The show features presentations, use-case-studies and educational sessions by global technology providers.
</p>
</div>
</div>
<div class="col d-flex flex-md-column align-items-center px-3 py-3">
<div class="icon-container">
<span class="forum-icon"></span>
</div>
<div class="program-title">
<h2>Forum</h2>
</div>
<div class="program-description">
<p class="text-md-center">
Interchange thoughts and opinions with experts and participants.
</p>
</div>
</div>
<div class="col d-flex flex-md-column align-items-center px-3 py-3">
<div class="icon-container">
<span class="discussion-icon"></span>
</div>
<div class="program-title">
<h2>Discussion</h2>
</div>
<div class="program-description">
<p class="text-md-center">
NFTs and the future of the Metaverse.
</p>
</div>
</div>
</div>
<div class="button-join">
<a href="#">Join WBS 2022</a>
</div>
</section>
</div>
<div class="container-fluid p-0" id="featured-speakers">
<section class="container-md py-5">
<h1 class="text-center mb-3">Featured Speakers</h1>
<hr>
<div class="row g-0 mt-5" id="speakers">
</div>
<div class="mt-5 d-flex d-lg-none">
<button type="button" class="button-more btn-outline-dark btn w-100 py-2" id="more-btn">MORE<i class="fas fa-angle-down caret"></i></button>
</div>
</section>
</div>
<div class="container-fluid p-0 pb-5" id="partners">
<section class="container-md py-5">
<h1 class="text-center mb-3">Partners</h1>
<hr>
<div class="row row-cols-3 row-cols-lg-5 align-items-center justify-content-center mt-4">
<div class="col">
<img src="images/google-logo.png" alt="google logo" class="partner-logo">
</div>
<div class="col">
<img src="images/mozilla-logo.png" alt="mozilla logo" class="partner-logo">
</div>
<div class="col">
<img src="images/microsoft-logo.png" alt="microsoft logo" class="partner-logo">
</div>
<div class="col">
<img src="images/coinbase-logo.png" alt="binance logo" class="partner-logo">
</div>
<div class="col">
<img src="images/ibm-logo.png" alt="ibm logo" class="partner-logo-ibm">
</div>
</div>
</section>
</div>
<div class="container-fluid p-0" id="footer">
<footer class="container-md py-3">
<div class="container-fluid">
<div class="row justify-content-evenly">
<div class="col-5 d-flex justify-content-center align-items-center">
<img src="images/WBS-logo.png" alt="wbs logo" class="logo logo-container">
</div>
<div class="col-5 d-flex flex-column justify-content-center">
<h2 class="fs-6">World Blockchain Summit 2022</h2>
<h2 class="fs-6 footer-description">Project page for demonstrative purposes only</h2>
</div>
</div>
</div>
</footer>
</div>
<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>
<script src="scripts/index.js"></script>
<script src="scripts/navbar.js"></script>
</body>
</html>