-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
191 lines (190 loc) · 6.14 KB
/
about.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
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/343a51aa95.js"
crossorigin="anonymous"
></script>
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,700;1,300&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<title>Conference page</title>
</head>
<body>
<header id="header" class="header">
<div class="top-info">
<div class="info-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#">English</a>
<a href="#">My Page</a>
<a href="#">Logout</a>
</div>
</div>
<nav class="navbar">
<div class="nav-links">
<a href="index.html"
><img src="./Images/logo.png" width="197" height="57" alt="logo"
/></a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#main-program">Program</a></li>
<li><a href="tickets.html">Join</a></li>
<li><a href="#partner">Partners</a></li>
<li><a href="#featured-speakers">News</a></li>
<li><a href="#">CC Campaign</a></li>
</ul>
</div>
</nav>
<!-- Mobile Navigation Menu -->
<div class="mobilenav">
<div id="myLinks">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="tickets.html">Join</a>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<section class="about-wrapper">
<div class="about-info-text">
<h2>"Hello! Sharing World"</h2>
<h1>Creative commons global summit 2020</h1>
</div>
<div class="about-dsc">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam,
deleniti iste quas, delectus pariatur sint ipsa labore ex sed porro
reiciendis ducimus suscipit eos at iusto libero perspiciatis facere,
consequatur debitis? Vero eius aspernatur optio alias natus quod
dolorem vel.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum sint
commodi consequuntur ex est molestias nobis recusandae aperiam
expedita, magnam corrupti nemo magni suscipit voluptates mollitia
quod repellat aut adipisci?
</p>
</div>
<div class="about-date">
Please contact us per Email for any futher questions about CC Global
Summit 2020
</div>
<div class="about-date-dsc">
<address>
<a href="mailto:webmaster@example.com">webmaster@example.com</a>
</address>
</div>
</section>
</header>
<main class="main-container">
<section id="about-wrapper" class="about-wrapper">
<div class="about-logo-title">
<h2>Microverse Finishing Course Celebration Meeting 2020 Logo</h2>
</div>
<div class="speakers-cards">
<div class="about-card">
<img src="./Images/logo.png" alt="Visvaldas Rapalis" />
<div class="about-logo-dsc">
<h2>Team Sphynx Meeting</h2>
<i
>Lorem ipsum dolor sit amet consectetur adipisicing elit. A,
maxime ea.</i
>
<h4>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero
ex, dolorem obcaecati voluptates ut a qui quos quisquam facilis
vitae ducimus est minus consequatur reiciendis?
</h4>
<h4>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
nobis consequuntur ex cupiditate nostrum nihil voluptate
assumenda! Corporis distinctio fugiat, eum iusto debitis tempora
est eos magni similique, harum repellat quia exercitationem!
Minus ipsa vero rem adipisci odit, labore illo dolore? Incidunt
quam quasi repellendus perferendis saepe sequi ratione rem
consequuntur, culpa quod dolore esse enim tempora aut facilis
assumenda.
</h4>
</div>
</div>
</div>
</section>
<section class="meetings">
<div class="containers">
<div class="container">
<h3 class="title">2019 meeting</h3>
<div class="content">
<a href="index.html">
<div class="content-overlay"></div>
<img
class="content-image"
src="./Images/Visvaldas.jpg"
alt="Visvaldas"
/>
<div class="content-details fadeIn-left">
<h3>2019 Meeting</h3>
<p>2019 Meeting short description</p>
</div>
</a>
</div>
</div>
<div class="container">
<h3 class="title">2018 meeting</h3>
<div class="content">
<a href="index.html">
<div class="content-overlay"></div>
<img
class="content-image"
src="./Images/Visvaldas.jpg"
alt="Visvaldas"
/>
<div class="content-details fadeIn-left">
<h3>2018 Meeting</h3>
<p>2018 Meeting short description</p>
</div>
</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-info">
<div class="footer-logo">
<img
src="./Images/logo.png"
width="197"
height="57"
alt="footer-logo"
/>
</div>
<div class="footer-text">
<h4>© 2020 Visva.dev Some Rights Reserved.</h4>
<h5>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus
facilis ratione placeat. Minima deleniti rerum quidem cupiditate
pariatur, ipsam cum.
</h5>
</div>
</div>
</footer>
<script>
function myFunction() {
var x = document.getElementById('myLinks');
if (x.style.display === 'block') {
x.style.display = 'none';
} else {
x.style.display = 'block';
}
}
</script>
</body>
</html>