-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
265 lines (262 loc) · 10.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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<div class="container-s">
<div class="logo-nav clearfix">
<div class="logo">
<img src="img/logo.png" alt="LogoMain" class="logo-img">
<div class="logo-text">Bangladesh</div>
</div>
<nav>
<ul>
<li><a href="#">Event details</a></li>
<li><a href="#">Speakers</a></li>
<li><a href="#">Sponsors</a></li>
<li><a href="#">Past events</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<div class="counter">
<div class="counter-item">
<div class="value">20</div>
<div class="counter-legend">days</div>
</div>
<div class="counter-item">
<div class="value">03</div>
<div class="counter-legend">hours</div>
</div>
<div class="counter-item">
<div class="value">06</div>
<div class="counter-legend">minutes</div>
</div>
<div class="counter-item">
<div class="value">52</div>
<div class="counter-legend">seconds</div>
</div>
<!-- <div class="time-left">20 : 03 : 06 : 52</div>
<div class="legend">
<div class="item">days</div>
<div class="item">hours</div>
<div class="item">minutes</div>
<div class="item">seconds</div>
</div> -->
</div>
<div class="icons">
<img src="img/Icon1.png" alt="placeholder+image"></img>
<img src="img/Icon2.png" alt="placeholder+image"></img>
<img src="img/Icon3.png" alt="placeholder+image"></img>
<img src="img/Icon4.png" alt="placeholder+image"></img>
<img src="img/Icon5.png" alt="placeholder+image"></img>
</div>
</div>
</header>
<section class="white">
<div class="container-s">
<div class="section-summary">
<div class="title">
Welcome!
</div>
<div class="content">
<p>The biggest envato community meetup in Bangladesh is happening right now! And you can be a part of it too...</p>
<p>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>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!</br>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 nvite page here too!</p>
</div>
</div>
<div class="form clearfix">
<form action="#" method="post">
<div class="form-title">
Sign up for our event!
</div>
<input type="text" name="name" placeholder="Enter your name">
<input type="text" name="email" placeholder="Enter your email">
<input type="text" name="phone" placeholder="Phone number">
<input type="text" name="username" placeholder="Envato username">
<input type="button" name="button" value="Let me in!">
<div class="cta">
Hurry up, Limited seats availble</br>
*we will never spam your email
</div>
</form>
</div>
<div class="icons-welcome clearfix">
<div class="community">
<img src="img/communityIcon.png" alt="">
<div class="title">Community</div>
<div class="content">
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.
</div>
</div>
<div class="talk-shop">
<img src="img/talkshopIcon.png" alt="">
<div class="title">Talk Shop</div>
<div class="content">
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.
</div>
</div>
<div class="war-stories">
<img src="img/warstoriesIcon.png" alt="">
<div class="title">War Stories</div>
<div class="content">
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.
</div>
</div>
</div>
<div class="schedule">
<div class="line">
<div class="time">Time</div>
<div class="stuff">Stuff that will happen</div>
<div class="icon"></div>
</div>
<div class="line">
<div class="time">10am - 12pm</div>
<div class="stuff">Introduction and presentations about Envato</div>
<div class="icon"></div>
</div>
<div class="line">
<div class="time">12pm - 02pm</div>
<div class="stuff">Sessions by honorable guests and Speakers</div>
<div class="icon"></div>
</div>
<div class="line">
<div class="time">02pm - 03pm</div>
<div class="stuff">Break and Mingle time with the authors</div>
<div class="icon"></div>
</div>
<div class="line">
<div class="time">03pm - 05pm</div>
<div class="stuff">Portfolio Review, Rewards and Ending Presentation</div>
<div class="icon"></div>
</div>
</div>
<div class="attention">
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? :)
</div>
<div class="img-envato"></div>
</div>
</section>
<section class="gray">
<div class="container-s clearfix">
<div class="section-summary right">
<div class="title">
We reward the Elites!
</div>
<div class="content">
<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.</br>
That means if you do not cross to the next elite level before the next event, you cannot claim your prizes.
</p>
</div>
<div class="btn">Bring on the swag!</div>
</div>
</div>
</section>
<section class="white">
<div class="container-xs">
<div class="section-summary left">
<div class="title">Speakers</div>
<div class="content">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.</br>Hope you will have a great time listening to our presentations!</div>
</div>
<div class="speakers-container clearfix">
<div class="speaker-icon"></div>
<div class="speaker-icon">
<div class="icon-container">
<div class="speaker-title">Shahriyer Shuvo
</div>
<div class="speaker-divider"></div>
<div class="speaker-agenda">More about selling in the Envato Marketplaces</div>
<div class="speaker-social">
<div class="fb"></div>
<div class="twtr"></div>
<div class="bhnce"></div>
<div class="drbl"></div>
</div>
</div>
</div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
<div class="speaker-icon"></div>
</div>
</div>
</section>
<section class="gray">
<div class="container-sponsor">
<div class="section-summary">
<div class="title">Sponsor Our Event!</div>
<div class="content">
<p>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!</br>
You can also sponsor us by giving away free swag at the event!</p>
<p>Here’s who have sponsored us already:</p>
</div>
</div>
<div class="sponsor-icons">
<img src="img/Mountain.png" alt="">
<img src="img/S.png" alt="">
<img src="img/envato.png" alt="">
</div>
<div class="btn">Sponsor Us</div>
</div>
</section>
<section class="white">
<div class="container-xs">
<div class="section-summary pastevents">
<div class="title">Past Events</div>
<div class="content">
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. :)</div>
</div>
</div>
<div class="container pastevents clearfix">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="btn pastevents">View More</div>
</section>
<div class="map">
<div class="form-bottom clearfix">
<div class="left-cont">
<img src="img/envatoContactUs.png" alt="">
<div>Lorem Ipsum Avenue, 420/2 elm street, Melbourne, Sydney - 2122, Kingdom of Australia</div>
<div class="btn">View Map</div>
</div>
<form action="#" method="post">
<input type="text" name="email" placeholder="Enter your email">
<textarea placeholder="Type your message"></textarea>
<button>Send Message</button>
</form>
</div>
</div>
<footer>
<div class="cont-footer">
<div class="cont-footer-soc">
<img src="img/facebookfooter.png" alt="">
<img src="img/twitterfooter.png" alt="">
<img src="img/linkedinfooter.png" alt="">
<img src="img/googleplusfooter.png" alt="">
<img src="img/twitterfooter.png" alt="">
</div>
<div>Hope we see you at the event!</br>All Rights Reserved. Envato Bangladesh © 2015</div>
</div>
<img src="img/GoUpButton.png" alt="">
</footer>
</body>
</html>