-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (129 loc) · 7.15 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
<!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://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="./styles/about.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link
rel="preload"
as="style"
onload="this.onload = null; this.rel = 'stylesheet'"
href="https://fonts.googleapis.com/css2?family=Raleway:wght@200;400;500;600;700;800&display=swap">
<title>Hackfiery Conference</title>
</head>
<body>
<!--header-->
<header>
<div class="nav-top">
<ul class="nav-top-content">
<li><i class="bi bi-facebook"></i></li>
<li><i class="bi bi-twitter"></i></li>
<li>English</li>
<li>My page</li>
<li>Logout</li>
</ul>
</div>
<nav class="navbar navbar-expand-md navbar-parent sticky-top">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand mt-0">
<img src="./assets/images/logo.png" alt="logo" width="60" height="50" class="img-fluid">
</a>
<button type="button" class="navbar-toggler toggler" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#navbarID">
<i class="bi bi-list toggle-icon"></i>
</button>
<div class="collapse navbar-collapse navlinks-container" id="navbarID">
<ul class="navbar-nav mb-lg-0 ff">
<li class="nav-item me-lg-4" >
<a href="./about.html" class="nav-link">About</a>
</li>
<li class="nav-item me-lg-4">
<a href="" class="nav-link">Program</a>
</li>
<li class="nav-item me-lg-4">
<a href="" class="nav-link">Join</a>
</li>
<li class="nav-item me-lg-4">
<a href="" class="nav-link">Sponsor</a>
</li>
<li class="nav-item me-lg-4">
<a href="" class="nav-link">News</a>
</li>
<li class="nav-item me-lg-4">
<a href="" class="nav-link campaign-link ">Hf Campaign</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--header ends here-->
<!--headline section-->
<section class="container">
<div class="headline">
<h1 data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1500">"Hello! Hackfierist"</h1>
<h2 data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1300" class="ms-md-2">HACKFIERY DEVELOPERS GLOBAL SUMMIT 2022</h2>
<p data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1100" class="ms-md-2 message">Its time for the hackfiery community to gather again!. We are excited to
annouce our 2022 summit which will be held all around the globe in June.
Come and enrich your skills as a developer.
</p>
<h2 data-aos="fade-right" data-aos-easing="linear" data-aos-duration="900" class="ms-md-2 date">2022.10.06(WED) ~ 10(THU)</h2>
<p data-aos="fade-right" data-aos-easing="linear" data-aos-duration="800" class="ms-md-2 location">@Accra Internation Conference Center, Ghana</p>
</div>
</section>
<!--headline section ends here-->
<!--programs section-->
<section class="programs">
<h2 class="programs-section-title text-center mt-md-5">Main Program</h2>
<hr class="programs-line">
<div class="programs-container">
<div class="program-card" data-aos="fade-up" data-aos-anchor-placement="center-bottom">
<i class="bi bi-person-fill program-icon"></i>
<h3>LECTURES</h3>
<p class="program-description">Listen to the speakers from various countries about the new cool technologies in 2022, usage, maintainance and the next big things to expect in the beyond future</p>
</div>
<div class="program-card" data-aos="fade-up" data-aos-anchor-placement="center-bottom">
<i class="bi bi-basket-fill program-icon "></i>
<h3>EXHIBITION</h3>
<p class="program-description">Walk the talk, don't just talk the talk. Exhibit your creations using our virtual reality platform vit. Receive feedback, grow and build up to become a better developer</p>
</div>
<div class="program-card" data-aos="fade-up" data-aos-anchor-placement="center-bottom">
<i class="bi bi-chat-dots-fill program-icon"></i>
<h3>FORUM</h3>
<p class="program-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et molestias blanditiis sed omnis excepturi, beatae enim error soluta repellendus animi libero quidem</p>
</div>
<div class="program-card" data-aos="fade-up" data-aos-anchor-placement="center-bottom">
<i class="bi bi-person-workspace program-icon"></i>
<h3>WORKSHOP</h3>
<p class="program-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et molestias blanditiis sed omnis excepturi, beatae enim error soluta repellendus animi libero quidem</p>
</div>
<div class="program-card" data-aos="fade-up" data-aos-anchor-placement="center-bottom">
<i class="bi bi-pc-display-horizontal program-icon"></i>
<h3>HACKATHON</h3>
<p class="program-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et molestias blanditiis sed omnis excepturi, beatae enim error soluta repellendus animi libero quidem</p>
</div>
</div>
<button type="button" class="join-button">Join Hackfiery Developers Summit</button>
<a href="#" class="whole-program-button">See the whole program</a>
</section>
<!--programs section ends here-->
<!--featured speakers section-->
<section class="speakers-container">
<div class="speakers">
</div>
</section>
<!--featured speakers ends here-->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init()
</script>
<script defer src="main.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>