generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
180 lines (173 loc) · 8.51 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
<!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">
<title>eventWork ||</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div id='header' class="header">
<!-- Top Header -->
<div class="top-header">
<div class="container top-header-container">
<ul class='top-header-content'>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#">English</a></li>
<li><a href="#" class='login-btn'>Login</a></li>
</ul>
</div>
<!-- user popup -->
<div id='user-popup-layer'>
<div class="user-login-popup">
<div class="user-login-popup-content">
<div class="user-login-popup-content-header">
<div class="user-login-popup-content-header-title">
<h3>Login</h3>
</div>
<div class="user-login-popup-content-header-close">
<i class="userpopup-close | fas fa-times"></i>
</div>
</div>
<div class="user-login-popup-content-body">
<div class="user-login-popup-content-body-form">
<form action="https://formspree.io/f/mqknjqvv" method="post">
<div class="user-login-popup-content-body-form-input">
<input type="text" placeholder="Email">
</div>
<div class="user-login-popup-content-body-form-input">
<input type="password" placeholder="Password">
</div>
<div class="remember-f user-login-popup-content-body-form-input">
<input type="checkbox" id="remember-me">
<label for="remember-me">Remember me</label>
</div>
<div class="user-login-popup-content-body-form-input">
<button class='btn btn-primary' type="submit">Login</button>
</div>
</form>
</div>
<div class="user-login-popup-content-body-register">
<p>Don't have an account? <a href="#">Register</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Top Header -->
<!-- Navbar -->
<nav id='navbar' class="navbar">
<div class="container navbar-container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand logo">event<span>Work</span></a>
</div>
<div class="navbar-right">
<ul class="navbar-nav">
<li class='nav-item'><a href="index.html">Home</a></li>
<li class='nav-item'><a href="#program">Program</a></li>
<li class='nav-item'><a href="#feature">Feature</a></li>
<li class='nav-item'><a href="#partner">Sponsor</a></li>
<li class='nav-item'><a href="about.html">About</a></li>
<li class='nav-item'><a href="#" class="nav-btn">Ew campaign</a></li>
</ul>
</div>
<div class="menu-btn">
<div class="menu-btn__burger"></div>
</div>
</div>
</nav>
</div>
<!-- Main content -->
<div class="main">
<!-- about landing section -->
<section class="landing">
<div class="container">
<div class="about-content">
<h3 class="about-welcome-text">"Hello! Sharing world"</h3>
<h1>CREATIVE COMMONS <br> GLOBAL SUMMIT 2015</h1>
<p class="about-p">
Finding the right (freelancer) professionals in the event and creative
industry can be a difficult and time-consuming
task. This platform helps with that, makes it easy and takes work
off your hands. Get stimulated with inspiration, and
save time and money.
</p>
<p class="contact-message">Please contact us per
Email for any further questions about CC Global Summit 2015</p>
<a href="mailto:[email protected]" class="Email-btn">[email protected] <i class="fa-solid fa-chevron-right"></i></a>
</div>
</div>
</section>
<!-- logo expo section -->
<section class="logo-exposition">
<div class="container">
<div class="logo-exposition-content">
<h3 class="logo-exposition-title">Creative Commons Global Summit 2015 Logo</h3>
<p class="logo-exposition-p">
Become visible in our catalog and get automatically introduced
to new clients on an international scale. Through us,
your findability in Google will be improved, and you will hitch
a ride on our marketing activities.
</p>
<h1 class="logo-exposition-l logo">event<span>Work</span></h1>
</div>
</div>
</section>
<!-- history section -->
<section class="history">
<div class="container">
<div class="history-content">
<div class="history-content-desc">
<h3 class="section-title history-title ">See the past CC Global Summits</h3>
<p class="history-p">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec euismod.
</p>
</div>
<div class="history-cards">
<div class="history-card card-1">
<div class="card-overlay">
<div class="history-card-content">
<h3 class="history-card-title">2022</h3>
<p class="history-card-p">
Increase your (international) visibility.
</p>
</div>
</div>
</div>
<div class="history-card card-2">
<div class="card-overlay">
<div class="history-card-content">
<h3 class="history-card-title">2021</h3>
<p class="history-card-p">
Increase your (international) visibility.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="footer about-footer">
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<h1 class="logo">event<span>Work</span></h1>
</div>
<div class="footer-adress">
<p>2015 Creative Commons Korea <br> Some Rights Reserved</p>
</div>
</div>
</div>
</footer>
<script defer src="main.js"></script>
</body>
</html>