-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
223 lines (223 loc) · 13.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
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html>
<head>
<title>MeetUp</title>
<meta charset="utf-8">
<meta name="description" content="The biggest envato community meetup in Bangladesh is happening right now! And you can be a part of it too!">
<meta name="keywords" content="Envato, Bangladesh, rewards, speakers">
<meta name="author" content="Amber, Yuriy">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header-content">
<div class="header-content__bg">
<div class="header-top container">
<div class="header-top__logo">
<img src="img/logo.png" alt="Logo" width="230" height="62">
<span class="header-top__area">Bangladesh</span>
</div>
<nav class="header-top-menu">
<ul class="header-top-menu__list">
<li class="header-top-menu__item"><a class="header-top-menu__link" href="#">Event details</a></li>
<li class="header-top-menu__item"><a class="header-top-menu__link" href="#">Speakers</a></li>
<li class="header-top-menu__item"><a class="header-top-menu__link" href="#">Sponsors</a></li>
<li class="header-top-menu__item"><a class="header-top-menu__link" href="#">Past events</a></li>
<li class="header-top-menu__item"><a class="header-top-menu__link" href="#">Contact</a></li>
</ul>
</nav>
</div>
<div class="countdown"></div>
</div>
<div class="header-content__angle">
<div class="header-bottom container">
<div class="welcome">
<h2 class="welcome__title">Welcome!</h2>
<p class="welcome__content">The biggest envato community meetup in Bangladesh is happening right now! And you can be a part of it too...</p>
<p class="welcome__content">Get together with members of the Envato community to talk shop, trade war stories, make new friends and see the faces behind the avatars. Whether you’re an author on Envato Market, a client on Envato Studio, or a learner on Tuts+, you are invited!</p>
<p class="welcome__content">It doesn’t matter as long as you have the motivation and interest to work at the envato and bring cookies to our event. Just kidding, but we don’t mind having more cookies! ;)Head over and fill up the sign up form here so that we can keep track of our guests. Don’t forget to register on our <b>nvite</b> page here too!</p>
</div>
<div class="authorize">
<h2 class="authorize__heading">Sign up for our event</h2>
<form action="#" method ="post" class="signup-form">
<input type="text" class="signup-form__field" placeholder="Enter your name">
<input type="email" class="signup-form__field" placeholder="Enter your email">
<input type="phone" class="signup-form__field" placeholder="Phone number">
<input type="text" class="signup-form__field" placeholder="Envato Username">
<button type="submit" class="btn signup-form__btn">Let me in!</button>
</form>
<p class="authorize__note">Hurry up, Limited seats availble<br /> *we will never spam your email</p>
</div>
</div>
</div>
</header>
<main>
<section class="advantages">
<h2 class="advantages__title"></h2>
<div class="advantages-item advantages-item--item1">
<h2 class="advantages-item__title">Community</h2>
<p class="advantages-item__text">Meet the Community you’ve always talked with, in real life! This meetup will be all about authors engaging each other with interesting coversation
and topics. We will have loads of fun.</p>
</div>
<div class="advantages-item advantages-item--item2">
<h2 class="advantages-item__title">Talk shop</h2>
<p class="advantages-item__text">In this meetup you will get to know the marketplaces better, because that’s why were all here for right? Learn a few tips and tricks from experienced authors from all over the country.</p>
</div>
<div class="advantages-item advantages-item--item3">
<h2 class="advantages-item__title">War stories</h2>
<p class="advantages-item__text">Gather round fellow authors!<br>Hear the stories of success from your favorite authors and learn how they we able to tackle their problems and become successful.</p>
</div>
</section>
<section class="program">
<h2 class="program__title"></h2>
<table class="program-table">
<tr class="program-table__title">
<th>Time</th>
<th colspan="2">Stuff that will happen</th>
</tr>
<tr class="program-table__row">
<td class="program-table__time">10am - 12pm</td>
<td class="program-table__program">Introduction and presentations about Envato</td>
<td class="program-table__plus"><button></button></td>
</tr>
<tr class="program-table__description">
<td colspan="3" class="program-table__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, at?</td>
</tr>
<tr class="program-table__row">
<td class="program-table__time">12pm - 02pm</td>
<td class="program-table__program">Sessions by honorable guests and Speakers</td>
<td class="program-table__plus"><button></button></td>
</tr>
<tr class="program-table__description">
<td colspan="3" class="program-table__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, ex.</td>
</tr>
<tr class="program-table__row">
<td class="program-table__time">02pm - 03pm</td>
<td class="program-table__program">Break and Mingle time with the authors</td>
<td class="program-table__plus"><button></button></td>
</tr>
<tr class="program-table__description">
<td colspan="3" class="program-table__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, pariatur!</td>
</tr>
<tr class="program-table__row">
<td class="program-table__time">03pm - 05pm</td>
<td class="program-table__program">Portfolio Review, Rewards and Ending Presentation</td>
<td class="program-table__plus"><button></button></td>
</tr>
<tr class="program-table__description">
<td colspan="3" class="program-table__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, aliquam?</td>
</tr>
</table>
<div class="program__description">
<p>Please keep in mind that the timings may differ according to the flow of the event. The even is actually day long and we do plan to finish it within our set time but it doesn’t have to be, if we all agree to hangour for some time more, what harm could it do? :)</p>
</div>
</section>
<section class="reward">
<div class="reward__content container">
<div class="reward__article">
<h2 class="reward__title">We reward the Elites!</h2>
<div class="reward__desc">
<p>Are you an Elite author in the Envato Marketplaces? If so we are proud of you! We want to give our thanks in achieving great success in the marketplace and we want to make known to the people of our country that you are amazing! Our Elite gifting program includes giving you special merchandize from our community and also promote your works in our community.</p>
<p>All you have to do is contact us by clicking the button here and then its just going to the event, saying something motivational and taking that swag while looking amazing infront of thousands of other community members.</p>
<p>*Be advised, we will only give you Elite thank you swag for each level of elite you cross.That means if you do not cross to the next elite level before the next event, you cannot claim your prizes.</p>
</div>
<a href="#" class="btn reward__link">Bring on the swag!</a>
</div>
</div>
</section>
<section class="speakers container">
<h2 class="speakers__title">Speakers</h2>
<p class="speakers__promo">Meet our Valuable speakers who will be each giving 10 minutes sessions on different subjects regarding being a digital product author, working at envato and marketing your business. Hope you will have a great time listening to our presentations!</p>
<div class="speakers__box speakers-catalogue">
<article class="speakers-item speakers-item--item1"></article>
<article class="speakers-item speakers-item--item2">
<h3 class="speakers-item__name">Shahriyer<br />
Shuvo</h3>
<p class="speakers-item__desc">
<a href="#">More about selling in the
Envato Marketplaces</a>
</p>
<div class="speakers-item__social social-box">
<a href="#" class="social-box__link social-box__link--fb">facebook</a>
<a href="#" class="social-box__link social-box__link--tw">twitter</a>
<a href="#" class="social-box__link social-box__link--be">behance</a>
<a href="#" class="social-box__link social-box__link--db">dribbble</a>
</div>
</article>
<article class="speakers-item speakers-item--item3"></article>
<article class="speakers-item speakers-item--item4"></article>
<div class="speakers-item speakers-item--picture"></div>
<article class="speakers-item speakers-item--item5"></article>
<article class="speakers-item speakers-item--item6"></article>
<article class="speakers-item speakers-item--item7"></article>
<article class="speakers-item speakers-item--item8"></article>
</div>
</section>
<section class="sponsor">
<h2 class="sponsor__title">Sponsor our event!</h2>
<p class="sponsor__text">If you want to help us making this event lively and successful, help us by sponsoring our event!<br>This will help us bring in more people, have better livestreaming equipment, maybe even our own chef! You can also sponsor us by giving away free swag at the event!</p>
<div class="sponsor-list">
<h3 class="sponsor-list__title">Here’s who have sponsored us already:</h3>
<div class="sponsor-list__item sponsor-list__item--sponsor1">
<img src="img/sponsor-mountains.png" alt="mountains group">
</div>
<div class="sponsor-list__item sponsor-list__item--sponsor2">
<img src="img/sponsor-em.png" alt="Polygraphy">
</div>
<div class="sponsor-list__item sponsor-list__item--sponsor3">
<img src="img/sponsor-envato.png" alt="Envato group">
</div>
</div>
<a href="#" class="btn sponsor__become">Sponsor us</a>
</section>
<section class="events container">
<h2 class="events__title">Past Events</h2>
<p class="events__text">Check out the photos of our previous events where we rocked with a lot of Famous and enthusiatic authors! We’re always planning to make our future events feel fresh and fun to be at. :)</p>
<div class="events-list">
<div class="events-list__item events-list__item--event1"></div>
<div class="events-list__item events-list__item--event2"></div>
<div class="events-list__item events-list__item--event3"></div>
<div class="events-list__item events-list__item--event4"></div>
</div>
<a href="#" class="btn events__more">View More</a>
</section>
<section class="map">
<div class="map-inform" id="google-map"></div>
<!-- <div><img src="http://www.korabli.eu/users/andrey/images/unnamed-gallery/full/002053jpg.jpg" alt=""></div>-->
<div class="map__container">
<!--Добавить интерактивную карту на всю ширину экрана-->
<!--продумать и сделать overlay для блока с картой-->
<div class="communication">
<div class="communication-address">
<p class="communication-address__text">Lorem Ipsum Avenue, 420/2 elm street, Melbourne, Sydney - 2122, Kingdom of Australia</p>
<a href="#" class="btn communication-address__btn">View map</a>
</div>
<div class="communication-form">
<form action="" method="" class="send-message">
<input type="email" class="send-message__field" placeholder="Enter your email">
<textarea name="message" id="#message" class="send-message__field" placeholder="Type your message" cols="30" rows="10"></textarea>
<button type="submit" class="btn send-message__btn">Send Message</button>
</form>
</div>
</div>
</div>
</section>
</main>
<footer class="footer-page">
<div class="footer-social">
<a href="https://www.facebook.com" class="footer-social__link footer-social__link--fb"></a>
<a href="https://www.twitter.com" class="footer-social__link footer-social__link--tw"></a>
<a href="https://www.instagram.com" class="footer-social__link footer-social__link--in"></a>
<a href="https://www.google.com" class="footer-social__link footer-social__link--gg"></a>
<a href="#" class="footer-social__link footer-social__link--t"></a>
</div>
<p class="footer-page__text">Hope we see you at the event!<br>All Rights Reserved. Envato Bangladesh © 2015</p>
<a href="#" class="btn footer-page--up"></a>
</footer>
<script src="js/program_animated.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCZQH2tdOe33rFooMdAJFhTRvflnBKYNLg&callback=initMap" async defer></script>
<script src="js/map.js"></script>
</body>
</html>