-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (155 loc) · 7.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:image" content="https://i.postimg.cc/W17TS4qW/project-desktop-v.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css">
<link rel="stylesheet" href="./assets/styles/style.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<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=Lato&display=swap" rel="stylesheet">
<link href="//db.onlinewebfonts.com/c/d14035f6b1afeabafbee4abb2ebf0fc6?family=COCOGOOSE" rel="stylesheet"
type="text/css" />
<title>Microverse Capstone One</title>
</head>
<body>
<header>
<nav class="header-menu">
<a href="#" class="mx-3 text-white"><i class="fab fa-facebook"></i></a>
<a href="#" class="mx-3 text-white"><i class="fab fa-twitter"></i></a>
<a href="#" class="mx-3 text-white">English</a>
<a href="#" class="mx-3 text-white">MyPage</a>
<a href="#" class="mx-3 text-white">Logout</a>
</nav>
<nav class="desktop-menu">
<a class="os-logo" href="index.html">
<i class="fab fa-osi"></i>
<span>Open Source Global<br></span>
<span>Submit 2021</span>
</a>
<ul class="nav-list">
<li><a class="about" href="about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
<li><a class="OS-campaign" href="#">OS Campaign</a></li>
</ul>
</nav>
</header>
<div class="mobile-top-page">
<div class="mobile-top-pag-bg">
<div class="menu1">
<span class="menu"><a href="about.html"></a></span>
<span class="menu"><a href="about.html"></a></span>
<span class="menu"><a href="about.html"></a></span>
</div>
</div>
<div class="mobile-menu">
<div class="sidebar-cancel">
<i class="far fa-times-circle fa-3x closeBtn"></i>
</div>
<div class="menuPopUp">
<a href="index.html" class="anchor-link">Home</a>
<a href="about.html" class="anchor-link">About</a>
<a href="index.html" class="anchor-link">Program</a>
<a href="index.html" class="anchor-link">Join</a>
<a href="index.html" class="anchor-link">Sponsor</a>
<a href="index.html" class="anchor-link">News</a>
</div>
</div>
<main>
<section id="program">
<div class="mobile-first-page">
<h1>"Welcome To"</h1>
<h2>Open Source<br>Global Summit<br>2021</h2>
<p>An open source community that believes in the value of openness, sharing, creativity and tech
empowerment. Creating a positive change with people all over the world.
We are hosting Africa biggest open source conference this November, in Lagos, Nigeria.</p>
<h3>2021.11.15(MON) ~ 16(TUE)</h3>
<h4>@ CC-hub Yaba, Lagos, Nigeria</h4>
</div>
</div>
</div>
</div>
</section>
<section id="main-program">
<div class="mobile-second-page">
<h2>Main Program</h2>
<div class="card-flex">
<div class="card-1">
<a href="/"><i class="fas fa-book-reader"></i></a>
<h3>Lecture</h3>
<p>Listen to the speakers from various countries about contributing to open source projects</p>
</div>
<div class="card-2">
<a href="/"><i class="fas fa-cogs"></i></a>
<h3>Language<br>Exhibition</h3>
<p>Designing same product in different languages. Diversity of knowledge</p>
</div>
<div class="card-3">
<a href="/"><i class="far fa-comment-dots"></i></a>
<h3>Forum</h3>
<p>Have the chance to share your thoughts and opinions on open source contribution.
None coders are
welcome.</p>
</div>
<div class="card-4">
<a href="/"><i class="fas fa-chalkboard-teacher"></i></a>
<h3>Workshop</h3>
<p>Our workshop will cover a hands-on session on JavaScript and React.</p>
</div>
<div class="card-5">
<a href="/"><i class="fas fa-handshake"></i></a>
<h3>OS Ignite</h3>
<p>Get opportunity to network with language experts around the world, and an after-event-mentorship
</p>
</div>
<button class="join-event-btn">Join the OS Global Summit 2021</button>
</div>
<a class="all-program-link" href="/">
<p>SEE THE WHOLE PROGRAM</p>
</a>
</div>
</section>
<section class="event-speakes">
<div class="mobile-third-page">
<h2 id="event">Event Speakers</h2>
<div class="image-display-1" id="image-display">
</div>
<button class="more-btn"><span>MORE</span><i class="fas fa-chevron-down arrow"></i></button>
</div>
</section>
<section id="event-partners">
<div class="partners">
<h2>Partner</h2>
<div class="partners-logo">
<img class="google" src="./assets/images/google-logo.png" alt="chrome-image">
<img class="github" src="./assets/images/github-logo.png" alt="google-image">
<img class="freepik" src="./assets/images/freepik-logo.png" alt="facebook-image">
<img class="microverse" src="./assets/images/microverse-logo.png" alt="microverse-image">
<img class="behance" src="./assets/images/behance.png" alt="behance-image">
</div>
</div>
</section>
<footer>
<div class="mobile-about-footer">
<a class="os-logo" href="index.html">
<i class="fab fa-osi"></i>
<span>Open Source<br></span>
</a>
<div class="footer-p">
<p>2021 Open Source Global summit. All right reserved</p><br>
<p> Grow with open source Africa!</p>
</div>
</div>
</footer>
</main>
<script src="./js/script.js"></script>
</body>
</html>