Tarandeep Singh / open

Download as
Browse Code »

Commit d94564a86f1924c2845277d30806e142192b0811

Authored by kuldeep kumar
1 parent 57da7fcba0
Exists in master

ui change fix

Showing 7 changed files with 259 additions and 265 deletions   Show diff stats
assets/images/gaurav_saini.jpg
Diff comments   View file @d94564a

37.2 KB
assets/images/speaker_1.jpg
Diff comments   View file @d94564a

29.8 KB
assets/images/sponsor-logo-1.png
Diff comments   View file @d94564a

1.37 KB | W: | H:

19.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
assets/images/sponsor-logo-2.jpg
Diff comments   View file @d94564a

3.21 KB
assets/images/sponsor-logo-2.png
View file @57da7fc

1.37 KB
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8 <title>Eventoz : Home</title> 8 <title>OPEN. : Home</title>
9 <!-- Favicon --> 9 <!-- Favicon -->
10 <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/> 10 <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
11 <!-- Font Awesome --> 11 <!-- Font Awesome -->
12 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> 12 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
13 <!-- Bootstrap --> 13 <!-- Bootstrap -->
14 <link href="assets/css/bootstrap.min.css" rel="stylesheet"> 14 <link href="assets/css/bootstrap.min.css" rel="stylesheet">
15 <!-- Slick slider --> 15 <!-- Slick slider -->
16 <link href="assets/css/slick.css" rel="stylesheet"> 16 <link href="assets/css/slick.css" rel="stylesheet">
17 <!-- Theme color --> 17 <!-- Theme color -->
18 <link id="switcher" href="assets/css/theme-color/default-theme.css" rel="stylesheet"> 18 <link id="switcher" href="assets/css/theme-color/default-theme.css" rel="stylesheet">
19 19
20 <!-- Main Style --> 20 <!-- Main Style -->
21 <link href="style.css" rel="stylesheet"> 21 <link href="style.css" rel="stylesheet">
22 22
23 <!-- Fonts --> 23 <!-- Fonts -->
24 24
25 <!-- Open Sans for body font --> 25 <!-- Open Sans for body font -->
26 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet"> 26 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">
27 <!-- Montserrat for title --> 27 <!-- Montserrat for title -->
28 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 28 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
29 29
30 30
31 31
32 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 32 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
33 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 33 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
34 <!--[if lt IE 9]> 34 <!--[if lt IE 9]>
35 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 35 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
36 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 36 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
37 <![endif]--> 37 <![endif]-->
38 </head> 38 </head>
39 <body> 39 <body>
40 40
41 <!-- Start Header --> 41 <!-- Start Header -->
42 <header id="mu-hero" class="" role="banner"> 42 <header id="mu-hero" class="" role="banner">
43 <!-- Start menu --> 43 <!-- Start menu -->
44 <nav class="navbar navbar-fixed-top navbar-default mu-navbar"> 44 <nav class="navbar navbar-fixed-top navbar-default mu-navbar">
45 <div class="container"> 45 <div class="container">
46 <!-- Brand and toggle get grouped for better mobile display --> 46 <!-- Brand and toggle get grouped for better mobile display -->
47 <div class="navbar-header"> 47 <div class="navbar-header">
48 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 48 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
49 <span class="sr-only">Toggle navigation</span> 49 <span class="sr-only">Toggle navigation</span>
50 <span class="icon-bar"></span> 50 <span class="icon-bar"></span>
51 <span class="icon-bar"></span> 51 <span class="icon-bar"></span>
52 <span class="icon-bar"></span> 52 <span class="icon-bar"></span>
53 </button> 53 </button>
54 54
55 <!-- Logo --> 55 <!-- Logo -->
56 <a class="navbar-brand" href="index.html">Eventoz</a> 56 <a class="navbar-brand" href="index.html">OPEN.</a>
57 57
58 </div> 58 </div>
59 59
60 <!-- Collect the nav links, forms, and other content for toggling --> 60 <!-- Collect the nav links, forms, and other content for toggling -->
61 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 61 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
62 <ul class="nav navbar-nav mu-menu navbar-right"> 62 <ul class="nav navbar-nav mu-menu navbar-right">
63 <li><a href="#mu-hero">Home</a></li> 63 <li><a href="#mu-hero">Home</a></li>
64 <li><a href="#mu-about">About Us</a></li> 64 <li><a href="#mu-about">About Us</a></li>
65 <li><a href="#mu-schedule">Schedule</a></li> 65 <li><a href="#mu-schedule">Schedule</a></li>
66 <li><a href="#mu-speakers">Speakers</a></li> 66 <li><a href="#mu-speakers">Speakers</a></li>
67 <li><a href="#mu-pricing">Price</a></li> 67 <li><a href="#mu-faq">FAQ</a></li>
68 <li><a href="#mu-register">Register</a></li> 68 <li><a href="#mu-register">Register</a></li>
69 <li><a href="#mu-sponsors">Sponsors</a></li> 69 <li><a href="#mu-sponsors">Sponsors</a></li>
70 <li><a href="#mu-contact">Contact</a></li> 70 <li><a href="#mu-contact">Contact</a></li>
71 </ul> 71 </ul>
72 </div><!-- /.navbar-collapse --> 72 </div><!-- /.navbar-collapse -->
73 </div><!-- /.container-fluid --> 73 </div><!-- /.container-fluid -->
74 </nav> 74 </nav>
75 <!-- End menu --> 75 <!-- End menu -->
76 76
77 <div class="mu-hero-overlay"> 77 <div class="mu-hero-overlay">
78 <div class="container"> 78 <div class="container">
79 <div class="mu-hero-area"> 79 <div class="mu-hero-area">
80 80
81 <!-- Start hero featured area --> 81 <!-- Start hero featured area -->
82 <div class="mu-hero-featured-area"> 82 <div class="mu-hero-featured-area">
83 <!-- Start center Logo --> 83 <!-- Start center Logo -->
84 <div class="mu-logo-area"> 84 <div class="mu-logo-area">
85 <!-- text based logo --> 85 <!-- text based logo -->
86 <a class="mu-logo" href="#">Eventoz</a> 86 <a class="mu-logo" href="#">OPEN.</a>
87 <!-- image based logo --> 87 <!-- image based logo -->
88 <!-- <a class="mu-logo" href="#"><img src="assets/images/logo.jpg" alt="logo img"></a> --> 88 <!-- <a class="mu-logo" href="#"><img src="assets/images/logo.jpg" alt="logo img"></a> -->
89 </div> 89 </div>
90 <!-- End center Logo --> 90 <!-- End center Logo -->
91 91
92 <div class="mu-hero-featured-content"> 92 <div class="mu-hero-featured-content">
93 93
94 <h1>HELLO! WELCOME TO EVENTOZ</h1> 94 <h1>HELLO! WELCOME TO OPEN.</h1>
95 <h2>The Biggest International IT Professional Conference</h2> 95 <h2>The Biggest International IT Professional Conference</h2>
96 <p class="mu-event-date-line">19 - 21 February, 2018. New York, USA</p> 96 <p class="mu-event-date-line">17 - 18 March, 2018. Chandigarh, IND</p>
97 97
98 <div class="mu-event-counter-area"> 98 <div class="mu-event-counter-area">
99 <div id="mu-event-counter"> 99 <div id="mu-event-counter">
100 100
101 </div> 101 </div>
102 </div> 102 </div>
103 103
104 </div> 104 </div>
105 </div> 105 </div>
106 <!-- End hero featured area --> 106 <!-- End hero featured area -->
107 107
108 </div> 108 </div>
109 </div> 109 </div>
110 </div> 110 </div>
111 </header> 111 </header>
112 <!-- End Header --> 112 <!-- End Header -->
113 113
114 <!-- Start main content --> 114 <!-- Start main content -->
115 <main role="main"> 115 <main role="main">
116 <!-- Start About --> 116 <!-- Start About -->
117 <section id="mu-about"> 117 <section id="mu-about">
118 <div class="container"> 118 <div class="container">
119 <div class="row"> 119 <div class="row">
120 <div class="col-md-12"> 120 <div class="col-md-12">
121 <div class="mu-about-area"> 121 <div class="mu-about-area">
122 <!-- Start Feature Content --> 122 <!-- Start Feature Content -->
123 <div class="row"> 123 <div class="row">
124 <div class="col-md-6"> 124 <div class="col-md-6">
125 <div class="mu-about-left"> 125 <div class="mu-about-left">
126 <img class="" src="assets/images/about.jpg" alt="Men Speaker"> 126 <img class="" src="assets/images/about.jpg" alt="Men Speaker">
127 </div> 127 </div>
128 </div> 128 </div>
129 <div class="col-md-6"> 129 <div class="col-md-6">
130 <div class="mu-about-right"> 130 <div class="mu-about-right">
131 <h2>About The Conference</h2> 131 <h2>About The Event</h2>
132 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam aliquam distinctio magni enim error commodi suscipit nobis alias nulla, itaque ex, vitae repellat amet neque est voluptatem iure maxime eius!</p> 132 <p>In our country, we use a lot of open source projects but do not contribute back enough to them. We are experiencing a period where everyone is in a habit of taking from the surroundings and never desire to return in back.</p>
133 <p>OPEN. presented and organised by Viithiisys Technologies aims at bringing a change to the developer community by contributing to the multiple open source projects. It is just like a social cause with a solid and realistic support system for their long journey towards a unicorn. We are looking forward to welcome anyone who is willing to devote their knowledge and time. As the saying goes ‘Charity begins at home’. Hence, we will make an initiative to start from our city itself.</p>
133 134
134 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus in accusamus qui sequi nisi, sint magni, ipsam, porro nesciunt id veritatis quaerat ipsum consequatur laborum, provident veniam quibusdam placeat quam?</p> 135 <p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.
136 </p>
135 137
136 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate perspiciatis magni omnis excepturi, cumque reiciendis.</p>
137 </div> 138 </div>
138 </div> 139 </div>
139 </div> 140 </div>
140 <!-- End Feature Content --> 141 <!-- End Feature Content -->
141 142
142 </div> 143 </div>
143 </div> 144 </div>
144 </div> 145 </div>
145 </div> 146 </div>
146 </section> 147 </section>
147 <!-- End About --> 148 <!-- End About -->
148 149
149 <!-- Start Video --> 150 <!-- Start Video -->
150 <section id="mu-video"> 151 <section id="mu-video">
151 <div class="mu-video-overlay"> 152 <div class="mu-video-overlay">
152 <div class="container"> 153 <div class="container">
153 <div class="row"> 154 <div class="row">
154 <div class="col-md-12"> 155 <div class="col-md-12">
155 <div class="mu-video-area"> 156 <div class="mu-video-area">
156 <h2>Watch Previous Event Video</h2> 157 <h2>Watch Previous Event Video</h2>
157 <a class="mu-video-play-btn" href="#"><i class="fa fa-play" aria-hidden="true"></i></a> 158 <a class="mu-video-play-btn" href="#"><i class="fa fa-play" aria-hidden="true"></i></a>
158 </div> 159 </div>
159 </div> 160 </div>
160 </div> 161 </div>
161 </div> 162 </div>
162 </div> 163 </div>
163 164
164 <!-- Start Video content --> 165 <!-- Start Video content -->
165 <div class="mu-video-content"> 166 <div class="mu-video-content">
166 <div class="mu-video-iframe-area"> 167 <div class="mu-video-iframe-area">
167 <a class="mu-video-close-btn" href="#"><i class="fa fa-times" aria-hidden="true"></i></a> 168 <a class="mu-video-close-btn" href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
168 <iframe width="854" height="480" src="https://www.youtube.com/embed/n9AVEl9764s" frameborder="0" allowfullscreen></iframe> 169 <iframe width="854" height="480" src="https://www.youtube.com/embed/n9AVEl9764s" frameborder="0" allowfullscreen></iframe>
169 </div> 170 </div>
170 </div> 171 </div>
171 <!-- End Video content --> 172 <!-- End Video content -->
172 173
173 </section> 174 </section>
174 <!-- End Video --> 175 <!-- End Video -->
175 176
176 <!-- Start Schedule --> 177 <!-- Start Schedule -->
177 <section id="mu-schedule"> 178 <section id="mu-schedule">
178 <div class="container"> 179 <div class="container">
179 <div class="row"> 180 <div class="row">
180 <div class="colo-md-12"> 181 <div class="colo-md-12">
181 <div class="mu-schedule-area"> 182 <div class="mu-schedule-area">
182 183
183 <div class="mu-title-area"> 184 <div class="mu-title-area">
184 <h2 class="mu-title">Schedule Detail</h2> 185 <h2 class="mu-title">Schedule Detail</h2>
185 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> 186 <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
186 </div> 187 </div>
187 188
188 <div class="mu-schedule-content-area"> 189 <div class="mu-schedule-content-area">
189 <!-- Nav tabs --> 190 <!-- Nav tabs -->
190 <ul class="nav nav-tabs mu-schedule-menu" role="tablist"> 191 <ul class="nav nav-tabs mu-schedule-menu" role="tablist">
191 <li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 19 Feb</a></li> 192 <li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 17 March</a></li>
192 <li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 20 Feb</a></li> 193 <li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 18 March</a></li>
193 <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> 194 <!-- <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> -->
194 195
195 </ul> 196 </ul>
196 197
197 <!-- Tab panes --> 198 <!-- Tab panes -->
198 <div class="tab-content mu-schedule-content"> 199 <div class="tab-content mu-schedule-content">
199 <div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day"> 200 <div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day">
200 <ul> 201 <ul>
201 <li> 202 <li>
202 <div class="mu-single-event"> 203 <div class="mu-single-event">
203 <p class="mu-event-time">9.00 AM</p> 204 <img src="assets/images/speaker-1.jpg" alt="event speaker">
204 <h3>Breakfast</h3> 205 <p class="mu-event-time">09:00AM-10:00AM</p>
206 <h3>Registeration and Networking</h3>
205 </div> 207 </div>
206 </li> 208 </li>
207 <li> 209 <li>
208 <div class="mu-single-event"> 210 <div class="mu-single-event">
209 <img src="assets/images/speaker-1.jpg" alt="event speaker"> 211 <img src="assets/images/speaker-1.jpg" alt="event speaker">
210 <p class="mu-event-time">10.00 AM</p> 212 <p class="mu-event-time">10:00AM-11:00AM</p>
211 <h3>Advanced SVG Animations</h3> 213 <h3>Welcome #OPEN. and Introduction</h3>
212 <span>By Karl Groves</span> 214 <!-- <span>By Karl Groves</span> -->
213 </div> 215 </div>
214 </li> 216 </li>
215 <li> 217 <li>
216 <div class="mu-single-event"> 218 <div class="mu-single-event">
217 <img src="assets/images/speaker-2.jpg" alt="event speaker"> 219 <img src="assets/images/speaker-2.jpg" alt="event speaker">
218 <p class="mu-event-time">11.00 AM</p> 220 <p class="mu-event-time">11:00AM-12:30PM</p>
219 <h3>Presenting Work with Confidence</h3> 221 <h3>Learning Session #Open Source Community</h3>
220 <span>By Sarah Dransner</span> 222 <!-- <span>By Sarah Dransner</span> -->
221 </div> 223 </div>
222 </li> 224 </li>
223 <li> 225 <li>
224 <div class="mu-single-event"> 226 <div class="mu-single-event">
225 <img src="assets/images/speaker-3.jpg" alt="event speaker"> 227 <img src="assets/images/speaker-3.jpg" alt="event speaker">
226 <p class="mu-event-time">12.00 AM</p> 228 <p class="mu-event-time">12.30PM-01:00PM</p>
227 <h3>Keynote on UX & UI Design</h3> 229 <h3>Mentor Walkthrough</h3>
228 <span>By Ned Stark</span> 230 <!-- <span>By Ned Stark</span> -->
229 </div> 231 </div>
230 </li> 232 </li>
231 <li> 233 <li>
232 <div class="mu-single-event"> 234 <div class="mu-single-event">
233 <p class="mu-event-time">1.00 PM</p> 235 <img src="assets/images/speaker-1.jpg" alt="event speaker">
234 <h3>The End</h3> 236 <p class="mu-event-time">01:00PM onwards</p>
237 <h3>Lunch</h3>
238 </div>
239 </li>
240 <li>
241 <div class="mu-single-event">
242 <img src="assets/images/speaker-1.jpg" alt="event speaker">
243 <p class="mu-event-time">02:00PM-02:30PM</p>
244 <h3>Brainstrom Session</h3>
245 </div>
246 </li>
247 <li>
248 <div class="mu-single-event">
249 <img src="assets/images/speaker-1.jpg" alt="event speaker">
250 <p class="mu-event-time">02:30PM onwards</p>
251 <h3>Dev Sprint 1</h3>
252 </div>
253 </li>
254 <li>
255 <div class="mu-single-event">
256 <img src="assets/images/speaker-1.jpg" alt="event speaker">
257 <p class="mu-event-time">03:45PM-04:15PM</p>
258 <h3>Mentor Walkthrough</h3>
259 </div>
260 </li>
261 <li>
262 <div class="mu-single-event">
263 <img src="assets/images/speaker-1.jpg" alt="event speaker">
264 <p class="mu-event-time">5:45PM-6:15PM</p>
265 <h3>Coffee/Tea Break</h3>
266 </div>
267 </li>
268 <li>
269 <div class="mu-single-event">
270 <img src="assets/images/speaker-1.jpg" alt="event speaker">
271 <p class="mu-event-time">07:00PM onwards</p>
272 <h3>Dev Sprint 2</h3>
273 </div>
274 </li>
275 <li>
276 <div class="mu-single-event">
277 <img src="assets/images/speaker-1.jpg" alt="event speaker">
278 <p class="mu-event-time">08:00PM-0835PM</p>
279 <h3>Dinner</h3>
280 </div>
281 </li>
282 <li>
283 <div class="mu-single-event">
284 <img src="assets/images/speaker-1.jpg" alt="event speaker">
285 <p class="mu-event-time">08:45PM-09:00PM</p>
286 <h3>Brainstrom Session</h3>
287 </div>
288 </li>
289 <li>
290 <div class="mu-single-event">
291 <img src="assets/images/speaker-1.jpg" alt="event speaker">
292 <p class="mu-event-time">09:00PM onwards</p>
293 <h3>Dev Sprint 2 continues..</h3>
235 </div> 294 </div>
236 </li> 295 </li>
237 </ul> 296 </ul>
238 </div> 297 </div>
239 <div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day"> 298 <div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day">
240 <ul> 299 <ul>
241 <li> 300 <li>
242 <div class="mu-single-event"> 301 <div class="mu-single-event">
243 <p class="mu-event-time">9.00 AM</p> 302 <img src="assets/images/speaker-1.jpg" alt="event speaker">
303 <p class="mu-event-time">08:30AM-09:30AM</p>
244 <h3>Breakfast</h3> 304 <h3>Breakfast</h3>
245 </div> 305 </div>
246 </li> 306 </li>
247 <li> 307 <li>
248 <div class="mu-single-event"> 308 <div class="mu-single-event">
249 <img src="assets/images/speaker-1.jpg" alt="event speaker"> 309 <img src="assets/images/speaker-1.jpg" alt="event speaker">
250 <p class="mu-event-time">10.00 AM</p> 310 <p class="mu-event-time">09:30AM-10:30AM</p>
251 <h3>Advanced SVG Animations</h3> 311 <h3>Registeration and Networking</h3>
252 <span>By Karl Groves</span> 312 </div>
313 </li>
314 <li>
315 <div class="mu-single-event">
316 <img src="assets/images/speaker-1.jpg" alt="event speaker">
317 <p class="mu-event-time">10:30AM-11:00AM</p>
318 <h3>Mentor Walkthrough</h3>
253 </div> 319 </div>
254 </li> 320 </li>
255 <li> 321 <li>
256 <div class="mu-single-event"> 322 <div class="mu-single-event">
257 <img src="assets/images/speaker-2.jpg" alt="event speaker"> 323 <img src="assets/images/speaker-1.jpg" alt="event speaker">
258 <p class="mu-event-time">11.00 AM</p> 324 <p class="mu-event-time">11:15AM onwards</p>
259 <h3>Presenting Work with Confidence</h3> 325 <h3>Dev Sprint 3</h3>
260 <span>By Sarah Dransner</span>
261 </div> 326 </div>
262 </li> 327 </li>
263 <li> 328 <li>
264 <div class="mu-single-event"> 329 <div class="mu-single-event">
265 <img src="assets/images/speaker-3.jpg" alt="event speaker"> 330 <img src="assets/images/speaker-1.jpg" alt="event speaker">
266 <p class="mu-event-time">12.00 AM</p> 331 <p class="mu-event-time">02:00PM-02:35PM</p>
267 <h3>Keynote on UX & UI Design</h3> 332 <h3>Lunch</h3>
268 <span>By Ned Stark</span>
269 </div> 333 </div>
270 </li> 334 </li>
271 <li> 335 <li>
272 <div class="mu-single-event"> 336 <div class="mu-single-event">
273 <p class="mu-event-time">1.00 PM</p> 337 <img src="assets/images/speaker-1.jpg" alt="event speaker">
274 <h3>The End</h3> 338 <p class="mu-event-time">04:00PM onwards</p>
339 <div style="overflow: hidden">
340 <h3>Wrapup</h3>
341 <h3>Finalization of the results</h3>
342 <h3>Winner selection and Prize distribution</h3>
343 <h3>Thanks giving session</h3>
344 </div>
275 </div> 345 </div>
276 </li> 346 </li>
277 </ul> 347 </ul>
278 </div> 348 </div>
279 <div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day"> 349 <div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day">
280 <ul> 350 <ul>
281 <li> 351 <li>
282 <div class="mu-single-event"> 352 <div class="mu-single-event">
283 <p class="mu-event-time">9.00 AM</p> 353 <p class="mu-event-time">9.00 AM</p>
284 <h3>Breakfast</h3> 354 <h3>Breakfast</h3>
285 </div> 355 </div>
286 </li> 356 </li>
287 <li> 357 <li>
288 <div class="mu-single-event"> 358 <div class="mu-single-event">
289 <img src="assets/images/speaker-1.jpg" alt="event speaker"> 359 <img src="assets/images/speaker-1.jpg" alt="event speaker">
290 <p class="mu-event-time">10.00 AM</p> 360 <p class="mu-event-time">10.00 AM</p>
291 <h3>Advanced SVG Animations</h3> 361 <h3>Advanced SVG Animations</h3>
292 <span>By Karl Groves</span> 362 <span>By Karl Groves</span>
293 </div> 363 </div>
294 </li> 364 </li>
295 <li> 365 <li>
296 <div class="mu-single-event"> 366 <div class="mu-single-event">
297 <img src="assets/images/speaker-2.jpg" alt="event speaker"> 367 <img src="assets/images/speaker-2.jpg" alt="event speaker">
298 <p class="mu-event-time">11.00 AM</p> 368 <p class="mu-event-time">11.00 AM</p>
299 <h3>Presenting Work with Confidence</h3> 369 <h3>Presenting Work with Confidence</h3>
300 <span>By Sarah Dransner</span> 370 <span>By Sarah Dransner</span>
301 </div> 371 </div>
302 </li> 372 </li>
303 <li> 373 <li>
304 <div class="mu-single-event"> 374 <div class="mu-single-event">
305 <img src="assets/images/speaker-3.jpg" alt="event speaker"> 375 <img src="assets/images/speaker-3.jpg" alt="event speaker">
306 <p class="mu-event-time">12.00 AM</p> 376 <p class="mu-event-time">12.00 AM</p>
307 <h3>Keynote on UX & UI Design</h3> 377 <h3>Keynote on UX & UI Design</h3>
308 <span>By Ned Stark</span> 378 <span>By Ned Stark</span>
309 </div> 379 </div>
310 </li> 380 </li>
311 <li> 381 <li>
312 <div class="mu-single-event"> 382 <div class="mu-single-event">
313 <p class="mu-event-time">1.00 PM</p> 383 <p class="mu-event-time">1.00 PM</p>
314 <h3>The End</h3> 384 <h3>The End</h3>
315 </div> 385 </div>
316 </li> 386 </li>
317 </ul> 387 </ul>
318 </div> 388 </div>
319 389
320 </div> 390 </div>
321 391
322 </div> 392 </div>
323 393
324 </div> 394 </div>
325 </div> 395 </div>
326 </div> 396 </div>
327 </div> 397 </div>
328 </section> 398 </section>
329 <!-- End Schedule --> 399 <!-- End Schedule -->
330 400
331 <!-- Start Speakers --> 401 <!-- Start Speakers -->
332 <section id="mu-speakers"> 402 <section id="mu-speakers">
333 <div class="container"> 403 <div class="container">
334 <div class="row"> 404 <div class="row">
335 <div class="col-md-12"> 405 <div class="col-md-12">
336 <div class="mu-speakers-area"> 406 <div class="mu-speakers-area">
337 407
338 <div class="mu-title-area"> 408 <div class="mu-title-area">
339 <h2 class="mu-title">Our Speakers</h2> 409 <h2 class="mu-title">Our Speakers</h2>
340 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> 410 <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
341 </div> 411 </div>
342 412
343 <!-- Start Speakers Content --> 413 <!-- Start Speakers Content -->
344 <div class="mu-speakers-content"> 414 <div class="mu-speakers-content">
345 415
346 <div class="mu-speakers-slider"> 416 <div class="mu-speakers-slider">
347 417
348 <!-- Start single speaker --> 418 <!-- Start single speaker -->
349 <div class="mu-single-speakers"> 419 <div class="mu-single-speakers">
350 <img src="assets/images/speaker-1.jpg" alt="speaker img"> 420 <img src="assets/images/gaurav_saini.jpg" alt="speaker img">
351 <div class="mu-single-speakers-info"> 421 <div class="mu-single-speakers-info">
352 <h3>Karl Groves</h3> 422 <h3>Gaurav Saini</h3>
353 <p>Digital Artist</p> 423 <p>Director Viithiisys</p>
354 <ul class="mu-single-speakers-social"> 424 <ul class="mu-single-speakers-social">
355 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 425 <li><a href="https://www.facebook.com/gauravsaini03"><i class="fa fa-facebook"></i></a></li>
356 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 426 <li><a href="https://twitter.com/gauravsaini03?lang=en"><i class="fa fa-twitter"></i></a></li>
357 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 427 <li><a href="https://in.linkedin.com/in/gauravsaini03"><i class="fa fa-linkedin"></i></a></li>
358 </ul> 428 </ul>
359 </div> 429 </div>
360 </div> 430 </div>
361 <!-- End single speaker --> 431 <!-- End single speaker -->
362 432
363 <!-- Start single speaker --> 433 <!-- Start single speaker -->
364 <div class="mu-single-speakers"> 434 <div class="mu-single-speakers">
365 <img src="assets/images/speaker-2.jpg" alt="speaker img"> 435 <img src="assets/images/speaker-2.jpg" alt="speaker img">
366 <div class="mu-single-speakers-info"> 436 <div class="mu-single-speakers-info">
367 <h3>Sarah Dransner</h3> 437 <h3>Sarah Dransner</h3>
368 <p>Business Consultant</p> 438 <p>Business Consultant</p>
369 <ul class="mu-single-speakers-social"> 439 <ul class="mu-single-speakers-social">
370 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 440 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
371 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 441 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
372 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 442 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
373 </ul> 443 </ul>
374 </div> 444 </div>
375 </div> 445 </div>
376 <!-- End single speaker --> 446 <!-- End single speaker -->
377 447
378 448
379 <!-- Start single speaker --> 449 <!-- Start single speaker -->
380 <div class="mu-single-speakers"> 450 <div class="mu-single-speakers">
381 <img src="assets/images/speaker-3.jpg" alt="speaker img"> 451 <img src="assets/images/speaker-3.jpg" alt="speaker img">
382 <div class="mu-single-speakers-info"> 452 <div class="mu-single-speakers-info">
383 <h3>Ned Stark</h3> 453 <h3>Ned Stark</h3>
384 <p>UI/UX Specialist</p> 454 <p>UI/UX Specialist</p>
385 <ul class="mu-single-speakers-social"> 455 <ul class="mu-single-speakers-social">
386 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 456 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
387 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 457 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
388 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 458 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
389 </ul> 459 </ul>
390 </div> 460 </div>
391 </div> 461 </div>
392 <!-- End single speaker --> 462 <!-- End single speaker -->
393 463
394 464
395 <!-- Start single speaker --> 465 <!-- Start single speaker -->
396 <div class="mu-single-speakers"> 466 <div class="mu-single-speakers">
397 <img src="assets/images/speaker-4.jpg" alt="speaker img"> 467 <img src="assets/images/speaker-4.jpg" alt="speaker img">
398 <div class="mu-single-speakers-info"> 468 <div class="mu-single-speakers-info">
399 <h3>Michaela Lehr </h3> 469 <h3>Michaela Lehr </h3>
400 <p>Digital Marketer</p> 470 <p>Digital Marketer</p>
401 <ul class="mu-single-speakers-social"> 471 <ul class="mu-single-speakers-social">
402 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 472 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
403 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 473 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
404 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 474 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
405 </ul> 475 </ul>
406 </div> 476 </div>
407 </div> 477 </div>
408 <!-- End single speaker --> 478 <!-- End single speaker -->
409 479
410 <!-- Start single speaker --> 480 <!-- Start single speaker -->
411 <div class="mu-single-speakers"> 481 <div class="mu-single-speakers">
412 <img src="assets/images/speaker-1.jpg" alt="speaker img"> 482 <img src="assets/images/speaker-1.jpg" alt="speaker img">
413 <div class="mu-single-speakers-info"> 483 <div class="mu-single-speakers-info">
414 <h3>Karl Groves</h3> 484 <h3>Karl Groves</h3>
415 <p>Digital Artist</p> 485 <p>Digital Artist</p>
416 <ul class="mu-single-speakers-social"> 486 <ul class="mu-single-speakers-social">
417 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 487 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
418 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 488 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
419 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 489 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
420 </ul> 490 </ul>
421 </div> 491 </div>
422 </div> 492 </div>
423 <!-- End single speaker --> 493 <!-- End single speaker -->
424 494
425 <!-- Start single speaker --> 495 <!-- Start single speaker -->
426 <div class="mu-single-speakers"> 496 <div class="mu-single-speakers">
427 <img src="assets/images/speaker-2.jpg" alt="speaker img"> 497 <img src="assets/images/speaker-2.jpg" alt="speaker img">
428 <div class="mu-single-speakers-info"> 498 <div class="mu-single-speakers-info">
429 <h3>Sarah Dransner</h3> 499 <h3>Sarah Dransner</h3>
430 <p>Business Consultant</p> 500 <p>Business Consultant</p>
431 <ul class="mu-single-speakers-social"> 501 <ul class="mu-single-speakers-social">
432 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 502 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
433 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 503 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
434 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 504 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
435 </ul> 505 </ul>
436 </div> 506 </div>
437 </div> 507 </div>
438 <!-- End single speaker --> 508 <!-- End single speaker -->
439 509
440 510
441 <!-- Start single speaker --> 511 <!-- Start single speaker -->
442 <div class="mu-single-speakers"> 512 <div class="mu-single-speakers">
443 <img src="assets/images/speaker-3.jpg" alt="speaker img"> 513 <img src="assets/images/speaker-3.jpg" alt="speaker img">
444 <div class="mu-single-speakers-info"> 514 <div class="mu-single-speakers-info">
445 <h3>Ned Stark</h3> 515 <h3>Ned Stark</h3>
446 <p>UI/UX Specialist</p> 516 <p>UI/UX Specialist</p>
447 <ul class="mu-single-speakers-social"> 517 <ul class="mu-single-speakers-social">
448 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 518 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
449 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 519 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
450 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 520 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
451 </ul> 521 </ul>
452 </div> 522 </div>
453 </div> 523 </div>
454 <!-- End single speaker --> 524 <!-- End single speaker -->
455 525
456 526
457 <!-- Start single speaker --> 527 <!-- Start single speaker -->
458 <div class="mu-single-speakers"> 528 <div class="mu-single-speakers">
459 <img src="assets/images/speaker-4.jpg" alt="speaker img"> 529 <img src="assets/images/speaker-4.jpg" alt="speaker img">
460 <div class="mu-single-speakers-info"> 530 <div class="mu-single-speakers-info">
461 <h3>Michaela Lehr </h3> 531 <h3>Michaela Lehr </h3>
462 <p>Digital Marketer</p> 532 <p>Digital Marketer</p>
463 <ul class="mu-single-speakers-social"> 533 <ul class="mu-single-speakers-social">
464 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 534 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
465 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 535 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
466 <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 536 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
467 </ul> 537 </ul>
468 </div> 538 </div>
469 </div> 539 </div>
470 <!-- End single speaker --> 540 <!-- End single speaker -->
471 </div> 541 </div>
472 </div> 542 </div>
473 <!-- End Speakers Content --> 543 <!-- End Speakers Content -->
474 544
475 </div> 545 </div>
476 </div> 546 </div>
477 </div> 547 </div>
478 </div> 548 </div>
479 </section> 549 </section>
480 <!-- End Speakers --> 550 <!-- End Speakers -->
481 551
482 <!-- Start Venue --> 552 <!-- Start Venue -->
483 <section id="mu-venue"> 553 <section id="mu-venue">
484 <div class="mu-venue-area"> 554 <div class="mu-venue-area">
485 <div class="row"> 555 <div class="row">
486 556
487 <div class="col-md-6"> 557 <div class="col-md-6">
488 <div class="mu-venue-map"> 558 <iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=SCO%2050-51%2C%203rd%20Floor%2C%20Sector%2034A%2C%20Sub.%20City%20Center%2C%20Chandigarh%2C%20160022&key=AIzaSyB_WETOVwJC46DAId1CKs64QrEbbZLWUZI" allowfullscreen></iframe>
489 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3508.8176744277202!2d-81.47150788457147!3d28.424757900613237!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88e77e378ec5a9a9%3A0x2feec9271ed22c5b!2sOrange+County+Convention+Center!5e0!3m2!1sen!2sbd!4v1503833952781" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
490 </div>
491 </div> 559 </div>
492 560
493 <div class="col-md-6"> 561 <div class="col-md-6">
494 <div class="mu-venue-address"> 562 <div class="mu-venue-address">
495 <h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2> 563 <h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2>
496 <h3>Orange County Convention Center</h3> 564 <h3>Spacejam</h3>
497 <h4>9800 International Dr, Orlando, FL 32819, USA</h4> 565 <h4>SCO 50-51, 3rd Floor, Sector 34A, Sub. City Center, Chandigarh, 160022</h4>
498 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem reiciendis incidunt accusantium porro amet repellendus hic corporis fugiat officiis, sequi iste distinctio possimus dignissimos, veniam quae delectus. Fuga, modi, perferendis!</p> 566 <p>SpaceJam is the coworking space in Chandigarh you have always wanted. We all have ideas and concepts, but it takes more than sheer will to transform them in to products that the World can enjoy. SpaceJam provides you with a shared office space that allows you to co-work with like-minded creative individuals and transform your ideas in to tangible products! With high-speed business Internet, world-class meeting room, ergonomic seating, optimum work-lighting and the best location in Chandigarh, SpaceJam is the go to coworking space in the Tricity!</p>
499 </div> 567 </div>
500 </div> 568 </div>
501
502 </div> 569 </div>
503 </div> 570 </div>
504 </section> 571 </section>
505 <!-- End Venue --> 572 <!-- End Venue -->
506
507 <!-- Start Pricing -->
508 <section id="mu-pricing">
509 <div class="container">
510 <div class="row">
511 <div class="col-md-12">
512 <div class="mu-pricing-area">
513
514 <div class="mu-title-area">
515 <h2 class="mu-title">Pricing plans</h2>
516 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p>
517 </div>
518
519 <div class="mu-pricing-conten">
520 <div class="row">
521
522 <!-- single price item -->
523 <div class="col-md-4">
524 <div class="mu-single-price">
525
526 <div class="mu-single-price-head">
527 <span class="mu-currency">$</span>
528 <span class="mu-rate">12</span>
529 <span class="mu-time">/all days</span>
530 </div>
531 <h3 class="mu-price-title">BASIC</h3>
532 <ul>
533 <li>Basic Class Ticket</li>
534 <li>Access to all sessions</li>
535 <li>Free Breakfast</li>
536 </ul>
537 <a class="mu-register-btn" href="#"> Register Now</a>
538 </div>
539 </div>
540 <!-- / single price item -->
541
542 <!-- single price item -->
543 <div class="col-md-4">
544 <div class="mu-single-price mu-popular-price">
545 <span class="mu-price-tag">Popular</span>
546 <div class="mu-single-price-head">
547 <span class="mu-currency">$</span>
548 <span class="mu-rate">22</span>
549 <span class="mu-time">/all days</span>
550 </div>
551 <h3 class="mu-price-title">STANDARD</h3>
552 <ul>
553 <li>Basic Class Ticket</li>
554 <li>Access to all sessions</li>
555 <li>Free Breakfast</li>
556 </ul>
557 <a class="mu-register-btn" href="#"> Register Now</a>
558 </div>
559 </div>
560 <!-- / single price item -->
561
562 <!-- single price item -->
563 <div class="col-md-4">
564 <div class="mu-single-price">
565
566 <div class="mu-single-price-head">
567 <span class="mu-currency">$</span>
568 <span class="mu-rate">45</span>
569 <span class="mu-time">/all days</span>
570 </div>
571 <h3 class="mu-price-title">PREMIUM</h3>
572 <ul>
573 <li>Basic Class Ticket</li>
574 <li>Access to all sessions</li>
575 <li>Free Breakfast</li>
576 </ul>
577 <a class="mu-register-btn" href="#"> Register Now</a>
578 </div>
579 </div>
580 <!-- / single price item -->
581
582 </div>
583 </div>
584
585 </div>
586 </div>
587 </div>
588 </div>
589 </section>
590 <!-- End Pricing -->
591
592 <!-- Start Register -->
593 <section id="mu-register">
594 <div class="container">
595 <div class="row">
596 <div class="col-md-12">
597 <div class="mu-register-area">
598
599 <div class="mu-title-area">
600 <h2 class="mu-title">Register Form</h2>
601 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p>
602 </div>
603
604 <div class="mu-register-content">
605 <form class="mu-register-form">
606
607 <div class="row">
608 <div class="col-md-6">
609 <div class="form-group">
610 <input type="text" class="form-control" placeholder="Your Full Name" id="name" name="name" required="">
611 </div>
612 </div>
613
614 <div class="col-md-6">
615 <div class="form-group">
616 <input type="email" class="form-control" placeholder="Enter Your Email" id="email" name="email" required="">
617 </div>
618 </div>
619 </div>
620
621 <div class="row">
622 <div class="col-md-6">
623 <div class="form-group">
624 <input type="text" class="form-control" placeholder="Your Phone Number" id="telephone" name="telephone" required="">
625 </div>
626 </div>
627 <div class="col-md-6">
628
629 <div class="form-group">
630 <select class="form-control" name="ticket" id="ticket">
631 <option value="0">Basic ($12)</option>
632 <option value="1">Standard ($22)</option>
633 <option value="2">Premium ($45)</option>
634 </select>
635 </div>
636 </div>
637 </div>
638
639 <button type="submit" class="mu-reg-submit-btn">SUBMIT</button>
640
641 </form>
642 </div>
643
644 </div>
645 </div>
646 </div>
647 </div>
648 </section>
649 <!-- End Register -->
650
651 <!-- Start FAQ --> 573 <!-- Start FAQ -->
652 <section id="mu-faq"> 574 <section id="mu-faq">
653 <div class="container"> 575 <div class="container">
654 <div class="row"> 576 <div class="row">
655 <div class="col-md-12"> 577 <div class="col-md-12">
656 <div class="mu-faq-area"> 578 <div class="mu-faq-area">
657 579
658 <div class="mu-title-area"> 580 <div class="mu-title-area">
659 <h2 class="mu-title">FAQ</h2> 581 <h2 class="mu-title">FAQ</h2>
660 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> 582 <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->
661 </div> 583 </div>
662 584
663 <div class="mu-faq-content"> 585 <div class="mu-faq-content">
664 586
665 <div class="panel-group" id="accordion"> 587 <div class="panel-group" id="accordion">
666 588 <!-- collapseone start -->
667 <div class="panel panel-default"> 589 <div class="panel panel-default">
668 <div class="panel-heading"> 590 <div class="panel-heading">
669 <h4 class="panel-title"> 591 <h4 class="panel-title">
670 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"> 592 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
671 <span class="fa fa-angle-down"></span> Lorem ipsum dolor sit amet. 593 <span class="fa fa-angle-down"></span> Who all can participate?
672 </a> 594 </a>
673 </h4> 595 </h4>
674 </div> 596 </div>
675 <div id="collapseOne" class="panel-collapse collapse in"> 597 <div id="collapseOne" class="panel-collapse collapse in">
676 <div class="panel-body"> 598 <div class="panel-body">
677 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 599 Developers both professionals as well as students, any age.
678 </div> 600 </div>
679 </div> 601 </div>
680 </div> 602 </div>
681 603 <!-- collapseone end -->
604 <!-- collapseTwo start -->
682 <div class="panel panel-default"> 605 <div class="panel panel-default">
683 <div class="panel-heading"> 606 <div class="panel-heading">
684 <h4 class="panel-title"> 607 <h4 class="panel-title">
685 <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 608 <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
686 <span class="fa fa-angle-up"></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. 609 <span class="fa fa-angle-up"></span> What is the event about?
687 </a> 610 </a>
688 </h4> 611 </h4>
689 </div> 612 </div>
690 <div id="collapseTwo" class="panel-collapse collapse"> 613 <div id="collapseTwo" class="panel-collapse collapse">
691 <div class="panel-body"> 614 <div class="panel-body">
692 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 615 The event is all about contributing to the open source community from where most of us use open source projects to save time, money and energy. and building a sharing culture in the society.
693 </div> 616 </div>
694 </div> 617 </div>
695 </div> 618 </div>
696 619 <!-- collapseTwo End -->
620 <!-- collapseThree start -->
697 <div class="panel panel-default"> 621 <div class="panel panel-default">
698 <div class="panel-heading"> 622 <div class="panel-heading">
699 <h4 class="panel-title"> 623 <h4 class="panel-title">
700 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> 624 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
701 <span class="fa fa-angle-up"></span> Lorem ipsum dolor sit amet, consectetur. 625 <span class="fa fa-angle-up"></span> How will the developers contribute?
702 </a> 626 </a>
703 </h4> 627 </h4>
704 </div> 628 </div>
705 <div id="collapseThree" class="panel-collapse collapse"> 629 <div id="collapseThree" class="panel-collapse collapse">
706 <div class="panel-body"> 630 <div class="panel-body">
707 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 631 Developers will have to work on different bugs/tasks spread across multiple open source projects.
708 </div> 632 </div>
709 </div> 633 </div>
710 </div> 634 </div>
711 635 <!-- collapseThree End -->
636 <!-- collapseFour start -->
712 <div class="panel panel-default"> 637 <div class="panel panel-default">
713 <div class="panel-heading"> 638 <div class="panel-heading">
714 <h4 class="panel-title"> 639 <h4 class="panel-title">
715 <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"> 640 <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
716 <span class="fa fa-angle-up"></span> Lorem ipsum dolor sit amet, consectetur adipisicing. 641 <span class="fa fa-angle-up"></span> Is this an overnight event?
717 </a> 642 </a>
718 </h4> 643 </h4>
719 </div> 644 </div>
720 <div id="collapseFour" class="panel-collapse collapse"> 645 <div id="collapseFour" class="panel-collapse collapse">
721 <div class="panel-body"> 646 <div class="panel-body">
722 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 647 Yes, the event shall takes place for entire night. Developers can work on the bugs overnight.
723 </div> 648 </div>
724 </div> 649 </div>
725 </div> 650 </div>
726 651 <!-- collapseFour End -->
652 <!-- collapseFive start -->
727 <div class="panel panel-default"> 653 <div class="panel panel-default">
728 <div class="panel-heading"> 654 <div class="panel-heading">
729 <h4 class="panel-title"> 655 <h4 class="panel-title">
730 <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"> 656 <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
731 <span class="fa fa-angle-up"></span> Lorem ipsum dolor sit amet, consectetur. 657 <span class="fa fa-angle-up"></span> How will the winners be chosen?
732 </a> 658 </a>
733 </h4> 659 </h4>
734 </div> 660 </div>
735 <div id="collapseFive" class="panel-collapse collapse"> 661 <div id="collapseFive" class="panel-collapse collapse">
736 <div class="panel-body"> 662 <div class="panel-body">
737 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 663 The team which solves the maximum number of assigned bugs in the given time interval will be chosen as the winner of the event.
664 </div>
665 </div>
666 </div>
667 <!-- collapseFive End -->
668 <!-- collapseSix start -->
669 <div class="panel panel-default">
670 <div class="panel-heading">
671 <h4 class="panel-title">
672 <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
673 <span class="fa fa-angle-up"></span> Can teams/groups apply ?
674 </a>
675 </h4>
676 </div>
677 <div id="collapseSix" class="panel-collapse collapse">
678 <div class="panel-body">
679 Yes, teams/group of max. three people, can apply in the event.
680 </div>
681 </div>
682 </div>
683 <!-- collapseSix End -->
684 <!-- collapseSeven start -->
685 <div class="panel panel-default">
686 <div class="panel-heading">
687 <h4 class="panel-title">
688 <a data-toggle="collapse" data-parent="#accordion" href="#collapSeven">
689 <span class="fa fa-angle-up"></span> How will I be notified for further process and any updates?
690 </a>
691 </h4>
692 </div>
693 <div id="collapSeven" class="panel-collapse collapse">
694 <div class="panel-body">
695 We will send you emails regarding all the updates on your registered mail Ids and you'll be notified on a regular basis. You can also follow our page on facebook. /open for regular notifications and updates.
738 </div> 696 </div>
739 </div> 697 </div>
740 </div> 698 </div>
699 <!-- collapseSeven End -->
700 <!-- collapseEight start -->
701 <div class="panel panel-default">
702 <div class="panel-heading">
703 <h4 class="panel-title">
704 <a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
705 <span class="fa fa-angle-up"></span> What are the key dates ?
706 </a>
707 </h4>
708 </div>
709 <div id="collapseEight" class="panel-collapse collapse">
710 <div class="panel-body">
711 Feburary 12 - Online registrations
712 Feburary 10- Applications closed
713 </div>
714 </div>
715 </div>
716 <!-- collapseEight End -->
717 </div>
718 </div>
719 </div>
720 </div>
721 </div>
722 </section>
723 <!-- End FAQ -->
724
725 <!-- Start Register -->
726 <section id="mu-register">
727 <div class="container">
728 <div class="row">
729 <div class="col-md-12">
730 <div class="mu-register-area">
731
732 <div class="mu-title-area">
733 <h2 class="mu-title">Register Form</h2>
734 <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
735 </div>
736
737 <div class="mu-register-content">
738 <form class="mu-register-form">
739
740 <div class="row">
741 <div class="col-md-6">
742 <div class="form-group">
743 <input type="text" class="form-control" placeholder="Your Full Name" id="name" name="name" required="">
744 </div>
745 </div>
746
747 <div class="col-md-6">
748 <div class="form-group">
749 <input type="email" class="form-control" placeholder="Enter Your Email" id="email" name="email" required="">
750 </div>
751 </div>
752 </div>
753
754 <div class="row">
755 <div class="col-md-6">
756 <div class="form-group">
757 <input type="text" class="form-control" placeholder="Your Phone Number" id="telephone" name="telephone" required="">
758 </div>
759 </div>
760 <div class="col-md-6">
761
762 <div class="form-group">
763 <select class="form-control" name="Background" id="Background">
764 <option value="" disabled selected>Background</option>
765 <option value="0">Student</option>
766 <option value="1">Working</option>
767 </select>
768 </div>
769 </div>
770 </div>
741 771
772 <button type="submit" class="mu-reg-submit-btn">SUBMIT</button>
742 773
743 </div> 774 </form>
744 </div> 775 </div>
745 776
746 </div> 777 </div>
747 </div> 778 </div>
748 </div> 779 </div>
749 </div> 780 </div>
750 </section> 781 </section>
751 <!-- End FAQ --> 782 <!-- End Register -->
783
784
752 785
753 <!-- Start Sponsors --> 786 <!-- Start Sponsors -->
754 <section id="mu-sponsors"> 787 <section id="mu-sponsors">
755 <div class="container"> 788 <div class="container">
756 <div class="row"> 789 <div class="row">
757 <div class="col-md-12"> 790 <div class="col-md-12">
758 <div class="mu-sponsors-area"> 791 <div class="mu-sponsors-area">
759 792
760 <div class="mu-title-area"> 793 <div class="mu-title-area">
761 <h2 class="mu-title">Our Sponsors</h2> 794 <h2 class="mu-title">Our Sponsors</h2>
762 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> 795 <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->
1 1
2 /* 2 /*
3 Template Name: Eventoz 3 Template Name: Eventoz
4 Author: MarkUps 4 Author: MarkUps
5 Author URI: http://www.markups.io/ 5 Author URI: http://www.markups.io/
6 Version: 1.0 6 Version: 1.0
7 */ 7 */
8 8
9 9
10 /* Table of Content 10 /* Table of Content
11 ================================================== 11 ==================================================
12 #BASIC TYPOGRAPHY 12 #BASIC TYPOGRAPHY
13 #HEADER 13 #HEADER
14 #MENU 14 #MENU
15 #ABOUT US 15 #ABOUT US
16 #VIDEO 16 #VIDEO
17 #SCHEDULE 17 #SCHEDULE
18 #SPEAKERS 18 #SPEAKERS
19 #VENUE 19 #VENUE
20 #PRICING PLANS 20 #PRICING PLANS
21 #REGISTER FORM 21 #REGISTER FORM
22 #FAQ 22 #FAQ
23 #OUR 23 #OUR
24 #CONTACT US 24 #CONTACT US
25 #FOOTER 25 #FOOTER
26 #RESPONSIVE STYLE 26 #RESPONSIVE STYLE
27 */ 27 */
28 28
29 29
30 /*--------------------*/ 30 /*--------------------*/
31 /* BASIC TYPOGRAPHY */ 31 /* BASIC TYPOGRAPHY */
32 /*--------------------*/ 32 /*--------------------*/
33 33
34 body, 34 body,
35 html { 35 html {
36 overflow-x:hidden; 36 overflow-x:hidden;
37 } 37 }
38 38
39 body { 39 body {
40 font-family: 'Open Sans', sans-serif; 40 font-family: 'Open Sans', sans-serif;
41 font-size: 15px; 41 font-size: 15px;
42 letter-spacing: 0.5px; 42 letter-spacing: 0.5px;
43 line-height: 1.5; 43 line-height: 1.5;
44 color: #1c1b1b; 44 color: #1c1b1b;
45 } 45 }
46 46
47 ul { 47 ul {
48 padding: 0; 48 padding: 0;
49 margin: 0; 49 margin: 0;
50 } 50 }
51 51
52 ul li { 52 ul li {
53 list-style: disc; 53 list-style: disc;
54 font-size: 17px; 54 font-size: 17px;
55 line-height: 1.59; 55 line-height: 1.59;
56 } 56 }
57 57
58 a { 58 a {
59 text-decoration: none; 59 text-decoration: none;
60 color: #2f2f2f; 60 color: #2f2f2f;
61 } 61 }
62 62
63 a:hover, 63 a:hover,
64 a:focus { 64 a:focus {
65 outline: none; 65 outline: none;
66 text-decoration: none; 66 text-decoration: none;
67 } 67 }
68 68
69 h1, 69 h1,
70 h2, 70 h2,
71 h3, 71 h3,
72 h4, 72 h4,
73 h5, 73 h5,
74 h6 { 74 h6 {
75 font-family: 'Montserrat', sans-serif; 75 font-family: 'Montserrat', sans-serif;
76 font-weight: 700; 76 font-weight: 700;
77 margin-top: 0; 77 margin-top: 0;
78 } 78 }
79 79
80 80
81 h1 { 81 h1 {
82 font-size: 38px; 82 font-size: 38px;
83 } 83 }
84 84
85 h2 { 85 h2 {
86 font-size: 32px; 86 font-size: 32px;
87 line-height: 1.13; 87 line-height: 1.13;
88 } 88 }
89 89
90 h3 { 90 h3 {
91 font-size: 26px; 91 font-size: 26px;
92 } 92 }
93 93
94 h4 { 94 h4 {
95 font-size: 22px; 95 font-size: 22px;
96 } 96 }
97 97
98 h5 { 98 h5 {
99 font-size: 20px; 99 font-size: 20px;
100 } 100 }
101 101
102 h6 { 102 h6 {
103 font-size: 18px; 103 font-size: 18px;
104 } 104 }
105 105
106 img { 106 img {
107 border: none; 107 border: none;
108 max-width: 100%; 108 max-width: 100%;
109 } 109 }
110 110
111 code { 111 code {
112 background-color: #ee6e73; 112 background-color: #ee6e73;
113 border-radius: 2px; 113 border-radius: 2px;
114 color: #fff; 114 color: #fff;
115 padding: 2px 4px; 115 padding: 2px 4px;
116 } 116 }
117 117
118 pre { 118 pre {
119 background-color: #f8f8f8; 119 background-color: #f8f8f8;
120 border: 1px solid #eee; 120 border: 1px solid #eee;
121 border-radius: 4px; 121 border-radius: 4px;
122 padding: 10px; 122 padding: 10px;
123 } 123 }
124 124
125 pre code { 125 pre code {
126 background-color: transparent; 126 background-color: transparent;
127 color: #333; 127 color: #333;
128 } 128 }
129 129
130 del{ 130 del{
131 text-decoration-color: #ee6e73; 131 text-decoration-color: #ee6e73;
132 } 132 }
133 133
134 kbd { 134 kbd {
135 background-color: #ddd; 135 background-color: #ddd;
136 padding: 4px 6px; 136 padding: 4px 6px;
137 border-radius: 2px; 137 border-radius: 2px;
138 color: ; 138 color: ;
139 } 139 }
140 140
141 address { 141 address {
142 line-height: 1.5; 142 line-height: 1.5;
143 padding-left: 10px; 143 padding-left: 10px;
144 } 144 }
145 145
146 dl dt { 146 dl dt {
147 font-weight: 700; 147 font-weight: 700;
148 } 148 }
149 149
150 dl dd { 150 dl dd {
151 margin-left: 0; 151 margin-left: 0;
152 } 152 }
153 153
154 blockquote { 154 blockquote {
155 background-color: #f8f8f8; 155 background-color: #f8f8f8;
156 border-radius: 0 4px 4px 0; 156 border-radius: 0 4px 4px 0;
157 padding: 5px 15px; 157 padding: 5px 15px;
158 158
159 } 159 }
160 160
161 blockquote p { 161 blockquote p {
162 margin-top: 10px; 162 margin-top: 10px;
163 } 163 }
164 164
165 button { 165 button {
166 padding: 5px 15px; 166 padding: 5px 15px;
167 border: none; 167 border: none;
168 } 168 }
169 169
170 button:focus { 170 button:focus {
171 outline: none; 171 outline: none;
172 border: none; 172 border: none;
173 } 173 }
174 174
175 175
176 /* ========= BUTTON =========*/ 176 /* ========= BUTTON =========*/
177 177
178 .mu-primary-btn { 178 .mu-primary-btn {
179 background-color: transparent; 179 background-color: transparent;
180 border-radius: 4px; 180 border-radius: 4px;
181 border: 2px solid #ffffff; 181 border: 2px solid #ffffff;
182 color: #fff; 182 color: #fff;
183 display: inline-block; 183 display: inline-block;
184 font-size: 14px; 184 font-size: 14px;
185 font-weight: 700; 185 font-weight: 700;
186 letter-spacing: 1.5px; 186 letter-spacing: 1.5px;
187 padding: 12px 35px; 187 padding: 12px 35px;
188 -webkit-transition: all 0.5s; 188 -webkit-transition: all 0.5s;
189 transition: all 0.5s; 189 transition: all 0.5s;
190 } 190 }
191 191
192 .mu-primary-btn:hover, 192 .mu-primary-btn:hover,
193 .mu-primary-btn:focus { 193 .mu-primary-btn:focus {
194 background-color: #fff; 194 background-color: #fff;
195 } 195 }
196 196
197 .mu-send-msg-btn { 197 .mu-send-msg-btn {
198 color: #555; 198 color: #555;
199 font-size: 13px; 199 font-size: 13px;
200 font-weight: 600; 200 font-weight: 600;
201 letter-spacing: 1px; 201 letter-spacing: 1px;
202 text-align: center; 202 text-align: center;
203 padding: 14px 24px; 203 padding: 14px 24px;
204 margin-top: 10px; 204 margin-top: 10px;
205 -webkit-transition: all 0.5s; 205 -webkit-transition: all 0.5s;
206 transition: all 0.5s; 206 transition: all 0.5s;
207 width: 250px; 207 width: 250px;
208 color: #fff; 208 color: #fff;
209 border-radius: 5px; 209 border-radius: 5px;
210 } 210 }
211 211
212 .mu-send-msg-btn:hover, 212 .mu-send-msg-btn:hover,
213 .mu-send-msg-btn:focus { 213 .mu-send-msg-btn:focus {
214 background-color: #fff; 214 background-color: #fff;
215 } 215 }
216 216
217 217
218 218
219 /*--------------------*/ 219 /*--------------------*/
220 /* HEADER */ 220 /* HEADER */
221 /*--------------------*/ 221 /*--------------------*/
222 222
223 #mu-hero { 223 #mu-hero {
224 background-image: url("assets/images/head-featured-bg.jpg"); 224 background-image: url("assets/images/head-featured-bg.jpg");
225 display: inline; 225 display: inline;
226 float: left; 226 float: left;
227 width: 100%; 227 width: 100%;
228 background-position: center center; 228 background-position: center center;
229 background-attachment: fixed; 229 background-attachment: fixed;
230 -webkit-background-size: cover; 230 -webkit-background-size: cover;
231 background-size: cover; 231 background-size: cover;
232 } 232 }
233 233
234 .mu-hero-overlay { 234 .mu-hero-overlay {
235 display: inline; 235 display: inline;
236 float: left; 236 float: left;
237 opacity: 0.94; 237 opacity: 0.94;
238 width: 100%; 238 width: 100%;
239 } 239 }
240 240
241 .mu-logo-area { 241 .mu-logo-area {
242 display: inline; 242 display: inline;
243 float: left; 243 float: left;
244 text-align: center; 244 text-align: center;
245 width: 100%; 245 width: 100%;
246 } 246 }
247 247
248 .mu-logo { 248 .mu-logo {
249 font-size: 35px; 249 font-size: 35px;
250 font-family: 'Montserrat', sans-serif; 250 font-family: 'Montserrat', sans-serif;
251 display: inline-block; 251 display: inline-block;
252 font-weight: 600; 252 font-weight: 600;
253 background: #fff; 253 background: #fff;
254 padding: 5px 20px; 254 padding: 5px 20px;
255 margin-bottom: 30px; 255 margin-bottom: 30px;
256 } 256 }
257 257
258 258
259 .mu-menu-btn { 259 .mu-menu-btn {
260 position: fixed; 260 position: fixed;
261 right: 15%; 261 right: 15%;
262 top: 50px; 262 top: 50px;
263 color: #fff; 263 color: #fff;
264 font-size: 25px; 264 font-size: 25px;
265 border: 2px solid #fff; 265 border: 2px solid #fff;
266 padding: 5px 14px; 266 padding: 5px 14px;
267 z-index: 999; 267 z-index: 999;
268 -webkit-transition: all 0.5s; 268 -webkit-transition: all 0.5s;
269 -o-transition: all 0.5s; 269 -o-transition: all 0.5s;
270 transition: all 0.5s; 270 transition: all 0.5s;
271 } 271 }
272 272
273 .mu-menu-btn:hover, 273 .mu-menu-btn:hover,
274 .mu-menu-btn:focus { 274 .mu-menu-btn:focus {
275 border: 2px solid #fff; 275 border: 2px solid #fff;
276 } 276 }
277 277
278 278
279 279
280 /*=== Featured section ===*/ 280 /*=== Featured section ===*/
281 281
282 .mu-hero-featured-area { 282 .mu-hero-featured-area {
283 display: inline; 283 display: inline;
284 float: left; 284 float: left;
285 padding: 60px 0 150px; 285 padding: 60px 0 150px;
286 width: 100%; 286 width: 100%;
287 } 287 }
288 288
289 .mu-hero-featured-content { 289 .mu-hero-featured-content {
290 display: inline; 290 display: inline;
291 float: right; 291 float: right;
292 margin-top: 50px; 292 margin-top: 50px;
293 text-align: center; 293 text-align: center;
294 width: 100%; 294 width: 100%;
295 } 295 }
296 296
297 .mu-hero-featured-content h1 { 297 .mu-hero-featured-content h1 {
298 font-size: 45px; 298 font-size: 45px;
299 color: #fff; 299 color: #fff;
300 font-weight: 300; 300 font-weight: 300;
301 margin-bottom: 15px; 301 margin-bottom: 15px;
302 } 302 }
303 303
304 304
305 .mu-hero-featured-content h2 { 305 .mu-hero-featured-content h2 {
306 color: #fff; 306 color: #fff;
307 font-size: 25px; 307 font-size: 25px;
308 font-weight: 300; 308 font-weight: 300;
309 } 309 }
310 310
311 .mu-event-date-line { 311 .mu-event-date-line {
312 background-color: #fff; 312 background-color: #fff;
313 color: #333; 313 color: #333;
314 padding: 5px 10px; 314 padding: 5px 10px;
315 display: inline-block; 315 display: inline-block;
316 margin-top: 10px; 316 margin-top: 10px;
317 font-weight: 600; 317 font-weight: 600;
318 } 318 }
319 319
320 .mu-event-counter-area { 320 .mu-event-counter-area {
321 display: inline; 321 display: inline;
322 float: left; 322 float: left;
323 margin-top: 50px; 323 margin-top: 50px;
324 width: 100%; 324 width: 100%;
325 } 325 }
326 326
327 #mu-event-counter{ 327 #mu-event-counter{
328 display: inline; 328 display: inline;
329 float: left; 329 float: left;
330 width: 100%; 330 width: 100%;
331 text-align: center; 331 text-align: center;
332 } 332 }
333 333
334 .mu-event-counter-block { 334 .mu-event-counter-block {
335 border: 2px solid #fff; 335 border: 2px solid #fff;
336 border-radius: 50%; 336 border-radius: 50%;
337 display: inline-block; 337 display: inline-block;
338 height: 180px; 338 height: 180px;
339 width: 180px; 339 width: 180px;
340 text-align: center; 340 text-align: center;
341 font-size: 22px; 341 font-size: 22px;
342 color: #fff; 342 color: #fff;
343 margin: 0 20px; 343 margin: 0 20px;
344 font-weight: 300; 344 font-weight: 300;
345 } 345 }
346 346
347 .mu-event-counter-block span { 347 .mu-event-counter-block span {
348 display: block; 348 display: block;
349 font-size: 40px; 349 font-size: 40px;
350 font-weight: 700; 350 font-weight: 700;
351 padding-top: 56px; 351 padding-top: 56px;
352 line-height: 40px; 352 line-height: 40px;
353 } 353 }
354 354
355 /*--------------------*/ 355 /*--------------------*/
356 /* MENU */ 356 /* MENU */
357 /*--------------------*/ 357 /*--------------------*/
358 358
359 #mu-hero .navbar-default { 359 #mu-hero .navbar-default {
360 background-color: #fff; 360 background-color: #fff;
361 border-color: #e7e7e7; 361 border-color: #e7e7e7;
362 padding: 5px 0; 362 padding: 5px 0;
363 } 363 }
364 364
365 .mu-navbar { 365 .mu-navbar {
366 top: -150px; 366 top: -150px;
367 transition: all 0.5s; 367 transition: all 0.5s;
368 } 368 }
369 369
370 .mu-nav-show { 370 .mu-nav-show {
371 top: 0px; 371 top: 0px;
372 } 372 }
373 373
374 #mu-hero .navbar-default .navbar-brand { 374 #mu-hero .navbar-default .navbar-brand {
375 padding: 15px 15px; 375 padding: 15px 15px;
376 font-size: 28px; 376 font-size: 28px;
377 line-height: 20px; 377 line-height: 20px;
378 } 378 }
379 379
380 .mu-navbar .mu-menu li a { 380 .mu-navbar .mu-menu li a {
381 color: #333; 381 color: #333;
382 -webkit-transition: all 0.5s; 382 -webkit-transition: all 0.5s;
383 -o-transition: all 0.5s; 383 -o-transition: all 0.5s;
384 transition: all 0.5s; 384 transition: all 0.5s;
385 } 385 }
386 386
387 .navbar-default .navbar-nav > .active > a, 387 .navbar-default .navbar-nav > .active > a,
388 .navbar-default .navbar-nav > .active > a:focus, 388 .navbar-default .navbar-nav > .active > a:focus,
389 .navbar-default .navbar-nav > .active > a:hover { 389 .navbar-default .navbar-nav > .active > a:hover {
390 color: #fff; 390 color: #fff;
391 } 391 }
392 392
393 393
394 394
395 /*--------------------*/ 395 /*--------------------*/
396 /* ABOUT US */ 396 /* ABOUT US */
397 /*--------------------*/ 397 /*--------------------*/
398 398
399 399
400 #mu-about { 400 #mu-about {
401 background-color: #fff; 401 background-color: #fff;
402 display: inline; 402 display: inline;
403 float: left; 403 float: left;
404 width: 100%; 404 width: 100%;
405 } 405 }
406 406
407 .mu-about-area { 407 .mu-about-area {
408 display: inline; 408 display: inline;
409 float: left; 409 float: left;
410 padding: 100px 0; 410 padding: 100px 0;
411 width: 100%; 411 width: 100%;
412 } 412 }
413 413
414 .mu-title-area { 414 .mu-title-area {
415 display: inline; 415 display: inline;
416 float: left; 416 float: left;
417 text-align: center; 417 text-align: center;
418 padding: 0 120px; 418 padding: 0 120px;
419 width: 100%; 419 width: 100%;
420 } 420 }
421 421
422 .mu-title { 422 .mu-title {
423 color: #1c1b1b; 423 color: #1c1b1b;
424 margin-bottom: 15px; 424 margin-bottom: 15px;
425 padding: 0; 425 padding: 0;
426 z-index: 10; 426 z-index: 10;
427 text-transform: capitalize; 427 text-transform: capitalize;
428 } 428 }
429 429
430 .mu-about-left { 430 .mu-about-left {
431 display: inline; 431 display: inline;
432 float: left; 432 float: left;
433 width: 100%; 433 width: 100%;
434 } 434 }
435 435
436 .mu-about-right { 436 .mu-about-right {
437 display: inline; 437 display: inline;
438 float: left; 438 float: left;
439 margin-top: 30px; 439 margin-top: 30px;
440 width: 100%; 440 width: 100%;
441 } 441 }
442 442
443 443
444 444
445 /*--------------------*/ 445 /*--------------------*/
446 /* VIDEO */ 446 /* VIDEO */
447 /*--------------------*/ 447 /*--------------------*/
448 448
449 449
450 #mu-video { 450 #mu-video {
451 background-image: url("assets/images/about-video-bg.jpg"); 451 background-image: url("assets/images/about-video-bg.jpg");
452 background-attachment: fixed; 452 background-attachment: fixed;
453 background-position: center center; 453 background-position: center center;
454 -webkit-background-size: cover; 454 -webkit-background-size: cover;
455 background-size: cover; 455 background-size: cover;
456 display: inline; 456 display: inline;
457 float: left; 457 float: left;
458 width: 100%; 458 width: 100%;
459 } 459 }
460 460
461 .mu-video-overlay { 461 .mu-video-overlay {
462 display: inline; 462 display: inline;
463 float: left; 463 float: left;
464 opacity: 0.85; 464 opacity: 0.85;
465 width: 100%; 465 width: 100%;
466 } 466 }
467 467
468 .mu-video-area { 468 .mu-video-area {
469 display: inline; 469 display: inline;
470 float: left; 470 float: left;
471 padding: 200px 0; 471 padding: 200px 0;
472 text-align: center; 472 text-align: center;
473 width: 100%; 473 width: 100%;
474 } 474 }
475 475
476 .mu-video-area h2 { 476 .mu-video-area h2 {
477 color: #fff; 477 color: #fff;
478 } 478 }
479 479
480 .mu-video-content { 480 .mu-video-content {
481 display: inline; 481 display: inline;
482 float: left; 482 float: left;
483 width: 100%; 483 width: 100%;
484 } 484 }
485 485
486 .mu-video-play-btn, 486 .mu-video-play-btn,
487 .mu-video-close-btn { 487 .mu-video-close-btn {
488 color: #fff; 488 color: #fff;
489 font-size: 22px; 489 font-size: 22px;
490 border: 2px solid #fff; 490 border: 2px solid #fff;
491 border-radius: 50%; 491 border-radius: 50%;
492 width: 60px; 492 width: 60px;
493 display: inline-block; 493 display: inline-block;
494 height: 60px; 494 height: 60px;
495 line-height: 55px; 495 line-height: 55px;
496 text-align: center; 496 text-align: center;
497 margin-top: 100px; 497 margin-top: 100px;
498 -webkit-transition: all 0.5s; 498 -webkit-transition: all 0.5s;
499 -o-transition: all 0.5s; 499 -o-transition: all 0.5s;
500 transition: all 0.5s; 500 transition: all 0.5s;
501 } 501 }
502 502
503 .mu-video-play-btn:hover, 503 .mu-video-play-btn:hover,
504 .mu-video-play-btn:focus { 504 .mu-video-play-btn:focus {
505 color: #fff; 505 color: #fff;
506 -webkit-transform: scale(1.2); 506 -webkit-transform: scale(1.2);
507 transform: scale(1.2); 507 transform: scale(1.2);
508 } 508 }
509 509
510 .mu-video-close-btn { 510 .mu-video-close-btn {
511 border-radius: 50%; 511 border-radius: 50%;
512 color: #fff; 512 color: #fff;
513 font-size: 18px; 513 font-size: 18px;
514 border: 2px solid #fff; 514 border: 2px solid #fff;
515 position: absolute; 515 position: absolute;
516 top: 0; 516 top: 0;
517 right: 15%; 517 right: 15%;
518 display: inline-block; 518 display: inline-block;
519 height: 50px; 519 height: 50px;
520 line-height: 45px; 520 line-height: 45px;
521 text-align: center; 521 text-align: center;
522 margin-top: 100px; 522 margin-top: 100px;
523 -webkit-transition: all 0.5s; 523 -webkit-transition: all 0.5s;
524 -o-transition: all 0.5s; 524 -o-transition: all 0.5s;
525 transition: all 0.5s; 525 transition: all 0.5s;
526 width: 50px; 526 width: 50px;
527 } 527 }
528 528
529 .mu-video-close-btn:hover, 529 .mu-video-close-btn:hover,
530 .mu-video-close-btn:focus { 530 .mu-video-close-btn:focus {
531 color: #fff; 531 color: #fff;
532 -webkit-transform: scale(1.2); 532 -webkit-transform: scale(1.2);
533 transform: scale(1.2); 533 transform: scale(1.2);
534 } 534 }
535 535
536 .mu-video-iframe-area { 536 .mu-video-iframe-area {
537 background-color: rgba(0,0,0,0.84); 537 background-color: rgba(0,0,0,0.84);
538 position: fixed; 538 position: fixed;
539 top: 0; 539 top: 0;
540 left: 0; 540 left: 0;
541 right: 0; 541 right: 0;
542 bottom: 0; 542 bottom: 0;
543 width: 100%; 543 width: 100%;
544 height: 100%; 544 height: 100%;
545 padding: 12% 0; 545 padding: 12% 0;
546 text-align: center; 546 text-align: center;
547 z-index: 9999; 547 z-index: 9999;
548 display: none; 548 display: none;
549 -webkit-transition: all 0.5s; 549 -webkit-transition: all 0.5s;
550 -o-transition: all 0.5s; 550 -o-transition: all 0.5s;
551 transition: all 0.5s; 551 transition: all 0.5s;
552 } 552 }
553 553
554 .mu-video-iframe-display { 554 .mu-video-iframe-display {
555 display: block; 555 display: block;
556 } 556 }
557 557
558 .mu-video-iframe-area iframe { 558 .mu-video-iframe-area iframe {
559 559
560 } 560 }
561 561
562 562
563 /*--------------------*/ 563 /*--------------------*/
564 /* EVENT SCHEDULE */ 564 /* EVENT SCHEDULE */
565 /*--------------------*/ 565 /*--------------------*/
566 566
567 #mu-schedule { 567 #mu-schedule {
568 background-color: #f8f8f8; 568 background-color: #f8f8f8;
569 display: inline; 569 display: inline;
570 float: left; 570 float: left;
571 width: 100%; 571 width: 100%;
572 } 572 }
573 573
574 .mu-schedule-area { 574 .mu-schedule-area {
575 display: inline; 575 display: inline;
576 float: left; 576 float: left;
577 padding: 100px 0; 577 padding: 100px 0;
578 width: 100%; 578 width: 100%;
579 } 579 }
580 580
581 .mu-schedule-content-area { 581 .mu-schedule-content-area {
582 display: inline; 582 display: inline;
583 float: left; 583 float: left;
584 margin-top: 50px; 584 margin-top: 50px;
585 width: 100%; 585 width: 100%;
586 } 586 }
587 587
588 .mu-schedule-menu { 588 .mu-schedule-menu {
589 text-align: center; 589 text-align: center;
590 border: none; 590 border: none;
591 } 591 }
592 592
593 593
594 .mu-schedule-menu li { 594 .mu-schedule-menu li {
595 float: none; 595 float: none;
596 display: inline-block; 596 display: inline-block;
597 } 597 }
598 598
599 .mu-schedule-menu li a { 599 .mu-schedule-menu li a {
600 border-radius: 0; 600 border-radius: 0;
601 margin: 0 10px; 601 margin: 0 10px;
602 -webkit-transition: all 0.5s; 602 -webkit-transition: all 0.5s;
603 -o-transition: all 0.5s; 603 -o-transition: all 0.5s;
604 transition: all 0.5s; 604 transition: all 0.5s;
605 } 605 }
606 606
607 .mu-schedule-menu li a:hover, 607 .mu-schedule-menu li a:hover,
608 .mu-schedule-menu li a:focus, 608 .mu-schedule-menu li a:focus,
609 .mu-schedule-menu li.active a, 609 .mu-schedule-menu li.active a,
610 .mu-schedule-menu li.active a:hover, 610 .mu-schedule-menu li.active a:hover,
611 .mu-schedule-menu li.active a:focus { 611 .mu-schedule-menu li.active a:focus {
612 color: #fff; 612 color: #fff;
613 } 613 }
614 614
615 .mu-schedule-content{ 615 .mu-schedule-content{
616 margin-top: 50px; 616 margin-top: 50px;
617 } 617 }
618 618
619 .mu-event-timeline ul li { 619 .mu-event-timeline ul li {
620 list-style-type: none; 620 list-style-type: none;
621 position: relative; 621 position: relative;
622 width: 2px; 622 width: 2px;
623 margin: 0 auto; 623 margin: 0 auto;
624 padding-top: 50px; 624 padding-top: 50px;
625 background-color: #ddd; 625 background-color: #ddd;
626 -webkit-transition: all 0.5s; 626 -webkit-transition: all 0.5s;
627 -o-transition: all 0.5s; 627 -o-transition: all 0.5s;
628 transition: all 0.5s; 628 transition: all 0.5s;
629 } 629 }
630 630
631 .mu-event-timeline ul li::after { 631 .mu-event-timeline ul li::after {
632 content: ''; 632 content: '';
633 position: absolute; 633 position: absolute;
634 left: 50%; 634 left: 50%;
635 top: 70px; 635 top: 70px;
636 transform: translateX(-50%); 636 transform: translateX(-50%);
637 height: 24px; 637 height: 24px;
638 width: 24px; 638 width: 24px;
639 border-radius: 50%; 639 border-radius: 50%;
640 background: inherit; 640 background: inherit;
641 } 641 }
642 642
643 643
644 .mu-event-timeline ul li .mu-single-event { 644 .mu-event-timeline ul li .mu-single-event {
645 background-color: #fff; 645 background-color: #fff;
646 -webkit-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16); 646 -webkit-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
647 -moz-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16); 647 -moz-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
648 box-shadow: 0 0 16px 0 rgba(32,32,47,0.16); 648 box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
649 position: relative; 649 position: relative;
650 top: 0; 650 top: 0;
651 width: 400px; 651 width: 400px;
652 padding: 15px; 652 padding: 15px;
653 text-align: left; 653 text-align: left;
654 } 654 }
655 655
656 .mu-event-timeline ul li:nth-child(2n) .mu-single-event { 656 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
657 left: 50px; 657 left: 50px;
658 } 658 }
659 659
660 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event { 660 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
661 left: -450px; 661 left: -450px;
662 text-align: right; 662 text-align: right;
663 } 663 }
664 664
665 .mu-event-timeline ul li .mu-single-event img { 665 .mu-event-timeline ul li .mu-single-event img {
666 height: 80px; 666 height: 60px;
667 width: 80px; 667 width: 60px;
668 float: left; 668 float: left;
669 border-radius: 50%; 669 border-radius: 50%;
670 margin-right: 15px; 670 margin-right: 15px;
671 } 671 }
672 672
673 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img { 673 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
674 float: right; 674 float: right;
675 margin-right: 0; 675 margin-right: 0;
676 margin-left: 15px; 676 margin-left: 15px;
677 } 677 }
678 678
679 .mu-event-timeline ul li .mu-single-event::before { 679 .mu-event-timeline ul li .mu-single-event::before {
680 content: ''; 680 content: '';
681 position: absolute; 681 position: absolute;
682 top: 23px; 682 top: 23px;
683 width: 0; 683 width: 0;
684 height: 0; 684 height: 0;
685 border-style: solid; 685 border-style: solid;
686 } 686 }
687 687
688 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before { 688 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
689 right: -15px; 689 right: -15px;
690 border-width: 8px 0 8px 16px; 690 border-width: 8px 0 8px 16px;
691 border-color: transparent transparent transparent #fff; 691 border-color: transparent transparent transparent #fff;
692 } 692 }
693 693
694 .mu-event-timeline ul li:nth-child(2n) .mu-single-event::before { 694 .mu-event-timeline ul li:nth-child(2n) .mu-single-event::before {
695 left: -16px; 695 left: -16px;
696 border-width: 8px 16px 8px 0; 696 border-width: 8px 16px 8px 0;
697 border-color: transparent #fff transparent transparent; 697 border-color: transparent #fff transparent transparent;
698 } 698 }
699 699
700 .mu-event-timeline ul li .mu-single-event h3 { 700 .mu-event-timeline ul li .mu-single-event h3 {
701 margin-bottom: 5px; 701 margin-bottom: 5px;
702 font-size: 16px; 702 font-size: 14px;
703 } 703 }
704 704
705 .mu-event-timeline ul li .mu-single-event p { 705 .mu-event-timeline ul li .mu-single-event p {
706 margin-bottom: 5px; 706 margin-bottom: 5px;
707 } 707 }
708 708
709 .mu-event-timeline ul li .mu-single-event span { 709 .mu-event-timeline ul li .mu-single-event span {
710 font-size: 12px; 710 font-size: 12px;
711 } 711 }
712 712
713 713
714 /*--------------------*/ 714 /*--------------------*/
715 /* SPEAKERS */ 715 /* SPEAKERS */
716 /*--------------------*/ 716 /*--------------------*/
717 717
718 718
719 #mu-speakers { 719 #mu-speakers {
720 background-color: #fff; 720 background-color: #fff;
721 display: inline; 721 display: inline;
722 float: left; 722 float: left;
723 width: 100%; 723 width: 100%;
724 } 724 }
725 725
726 .mu-speakers-area { 726 .mu-speakers-area {
727 display: inline; 727 display: inline;
728 float: left; 728 float: left;
729 padding: 100px 0; 729 padding: 100px 0;
730 width: 100%; 730 width: 100%;
731 } 731 }
732 732
733 .mu-speakers-content{ 733 .mu-speakers-content{
734 display: inline; 734 display: inline;
735 float: left; 735 float: left;
736 margin-top: 50px; 736 margin-top: 50px;
737 width: 100%; 737 width: 100%;
738 } 738 }
739 739
740 .mu-single-speakers { 740 .mu-single-speakers {
741 padding: 0 10px; 741 padding: 0 10px;
742 outline: none; 742 outline: none;
743 text-align: center; 743 text-align: center;
744 -webkit-transition: all 0.3s ease 0s; 744 -webkit-transition: all 0.3s ease 0s;
745 transition: all 0.3s ease 0s; 745 transition: all 0.3s ease 0s;
746 } 746 }
747 747
748 .mu-speakers-slider .slick-next { 748 .mu-speakers-slider .slick-next {
749 right: -60px; 749 right: -60px;
750 } 750 }
751 751
752 .mu-speakers-slider .slick-prev { 752 .mu-speakers-slider .slick-prev {
753 left: -60px; 753 left: -60px;
754 } 754 }
755 755
756 .mu-single-speakers-info { 756 .mu-single-speakers-info {
757 display: inline; 757 display: inline;
758 float: left; 758 float: left;
759 margin-top: 20px; 759 margin-top: 20px;
760 width: 100%; 760 width: 100%;
761 } 761 }
762 762
763 .mu-single-speakers-info h3 { 763 .mu-single-speakers-info h3 {
764 margin-bottom: 4px; 764 margin-bottom: 4px;
765 font-size: 22px; 765 font-size: 22px;
766 } 766 }
767 767
768 .mu-single-speakers-info p { 768 .mu-single-speakers-info p {
769 margin-bottom: 5px; 769 margin-bottom: 5px;
770 } 770 }
771 771
772 .mu-single-speakers-social { 772 .mu-single-speakers-social {
773 773
774 } 774 }
775 775
776 .mu-single-speakers-social li { 776 .mu-single-speakers-social li {
777 display: inline-block; 777 display: inline-block;
778 } 778 }
779 779
780 .mu-single-speakers-social li a { 780 .mu-single-speakers-social li a {
781 display: inline-block; 781 display: inline-block;
782 margin-right: 5px; 782 margin-right: 5px;
783 -webkit-transition: all 0.5s; 783 -webkit-transition: all 0.5s;
784 -o-transition: all 0.5s; 784 -o-transition: all 0.5s;
785 transition: all 0.5s; 785 transition: all 0.5s;
786 } 786 }
787 787
788 788
789 /*--------------------*/ 789 /*--------------------*/
790 /* VENUE */ 790 /* VENUE */
791 /*--------------------*/ 791 /*--------------------*/
792 792
793 #mu-venue { 793 #mu-venue {
794 display: inline; 794 display: inline;
795 float: left; 795 float: left;
796 width: 100%; 796 width: 100%;
797 } 797 }
798 798
799 .mu-venue-area { 799 .mu-venue-area {
800 display: inline; 800 display: inline;
801 float: left; 801 float: left;
802 width: 100%; 802 width: 100%;
803 } 803 }
804 804
805 .mu-venue-map { 805 .mu-venue-map {
806 display: inline; 806 display: inline;
807 float: left; 807 float: left;
808 width: 100%; 808 width: 100%;
809 } 809 }
810 810
811 .mu-venue-map iframe { 811 .mu-venue-map iframe {
812 margin-bottom: -8px; 812 margin-bottom: -8px;
813 } 813 }
814 814
815 .mu-venue-address { 815 .mu-venue-address {
816 display: inline; 816 display: inline;
817 float: left; 817 float: left;
818 width: 100%; 818 width: 100%;
819 padding: 10% 5%; 819 padding: 10% 5%;
820 color: #fff; 820 color: #fff;
821 } 821 }
822 822
823 .mu-venue-address h2 i { 823 .mu-venue-address h2 i {
824 margin-top: -4px; 824 margin-top: -4px;
825 font-size: 22px; 825 font-size: 22px;
826 display: inline-block; 826 display: inline-block;
827 vertical-align: middle; 827 vertical-align: middle;
828 } 828 }
829 829
830 .mu-venue-address h3 { 830 .mu-venue-address h3 {
831 margin-top: 15px; 831 margin-top: 15px;
832 margin-bottom: 0px; 832 margin-bottom: 0px;
833 } 833 }
834 834
835 .mu-venue-address h4 { 835 .mu-venue-address h4 {
836 font-size: 18px; 836 font-size: 18px;
837 font-weight: 300; 837 font-weight: 300;
838 margin-top: 10px; 838 margin-top: 10px;
839 margin-bottom: 25px; 839 margin-bottom: 25px;
840 } 840 }
841 841
842 842
843 /*--------------------*/ 843 /*--------------------*/
844 /* PRICING */ 844 /* PRICING */
845 /*--------------------*/ 845 /*--------------------*/
846 846
847 847
848 #mu-pricing { 848 /*#mu-pricing {
849 background-color: #fff; 849 background-color: #fff;
850 display: inline; 850 display: inline;
851 float: left; 851 float: left;
852 width: 100%; 852 width: 100%;
853 } 853 }
854 854
855 .mu-pricing-area { 855 .mu-pricing-area {
856 display: inline; 856 display: inline;
857 float: left; 857 float: left;
858 padding: 100px 0; 858 padding: 100px 0;
859 width: 100%; 859 width: 100%;
860 } 860 }
861 861
862 .mu-pricing-conten { 862 .mu-pricing-conten {
863 display: inline; 863 display: inline;
864 float: left; 864 float: left;
865 margin-top: 50px; 865 margin-top: 50px;
866 width: 100%; 866 width: 100%;
867 } 867 }
868 868
869 .mu-single-price { 869 .mu-single-price {
870 background-color: #f8f8f8; 870 background-color: #f8f8f8;
871 display: inline; 871 display: inline;
872 float: left; 872 float: left;
873 text-align: center; 873 text-align: center;
874 position: relative; 874 position: relative;
875 width: 100%; 875 width: 100%;
876 padding: 15px; 876 padding: 15px;
877 overflow: hidden; 877 overflow: hidden;
878 } 878 }
879 879
880 .mu-single-price-head { 880 .mu-single-price-head {
881 color: #555; 881 color: #555;
882 display: inline; 882 display: inline;
883 float: left; 883 float: left;
884 width: 100%; 884 width: 100%;
885 margin-bottom: 10px; 885 margin-bottom: 10px;
886 margin-top: 10px; 886 margin-top: 10px;
887 } 887 }
888 888
889 .mu-single-price-head .mu-currency { 889 .mu-single-price-head .mu-currency {
890 font-weight: bold; 890 font-weight: bold;
891 font-size: 30px; 891 font-size: 30px;
892 } 892 }
893 893
894 .mu-single-price-head .mu-rate { 894 .mu-single-price-head .mu-rate {
895 font-size: 60px; 895 font-size: 60px;
896 font-weight: bold; 896 font-weight: bold;
897 line-height: 0.9; 897 line-height: 0.9;
898 letter-spacing: 3px; 898 letter-spacing: 3px;
899 } 899 }
900 900
901 .mu-single-price-head .mu-time { 901 .mu-single-price-head .mu-time {
902 font-size: 16px; 902 font-size: 16px;
903 font-weight: 300; 903 font-weight: 300;
904 line-height: 0; 904 line-height: 0;
905 font-style: italic; 905 font-style: italic;
906 } 906 }
907 907
908 .mu-single-price .mu-price-title { 908 .mu-single-price .mu-price-title {
909 color: #555; 909 color: #555;
910 font-size: 22px; 910 font-size: 22px;
911 padding: 10px 0; 911 padding: 10px 0;
912 } 912 }
913 913
914 .mu-single-price ul { 914 .mu-single-price ul {
915 list-style: none; 915 list-style: none;
916 } 916 }
917 917
918 .mu-single-price ul li{ 918 .mu-single-price ul li{
919 list-style: none; 919 list-style: none;
920 color: #555; 920 color: #555;
921 } 921 }
922 922
923 .mu-register-btn { 923 .mu-register-btn {
924 background-color: #fff; 924 background-color: #fff;
925 border: 1px solid #555; 925 border: 1px solid #555;
926 color: #555; 926 color: #555;
927 margin-top: 20px; 927 margin-top: 20px;
928 padding: 10px 40px; 928 padding: 10px 40px;
929 text-align: center; 929 text-align: center;
930 display: inline-block; 930 display: inline-block;
931 margin-bottom: 20px; 931 margin-bottom: 20px;
932 text-transform: uppercase; 932 text-transform: uppercase;
933 letter-spacing: 1.5px; 933 letter-spacing: 1.5px;
934 -webkit-transition: all 0.5s; 934 -webkit-transition: all 0.5s;
935 -o-transition: all 0.5s; 935 -o-transition: all 0.5s;
936 transition: all 0.5s; 936 transition: all 0.5s;
937 } 937 }
938 938
939 .mu-register-btn:hover, 939 .mu-register-btn:hover,
940 .mu-register-btn:focus, 940 .mu-register-btn:focus,
941 .mu-popular-price .mu-register-btn { 941 .mu-popular-price .mu-register-btn {
942 color: #fff; 942 color: #fff;
943 } 943 }
944 944
945 .mu-popular-price .mu-price-tag { 945 .mu-popular-price .mu-price-tag {
946 color: #fff; 946 color: #fff;
947 display: inline-block; 947 display: inline-block;
948 position: absolute; 948 position: absolute;
949 top: 15px; 949 top: 15px;
950 left: -62px; 950 left: -62px;
951 padding: 10px 60px; 951 padding: 10px 60px;
952 font-size: 15px; 952 font-size: 15px;
953 text-transform: uppercase; 953 text-transform: uppercase;
954 letter-spacing: 1.5px; 954 letter-spacing: 1.5px;
955 font-weight: 700; 955 font-weight: 700;
956 transform: rotate(-45deg); 956 transform: rotate(-45deg);
957 text-align: center; 957 text-align: center;
958 } 958 }*/
959 959
960 /*--------------------*/ 960 /*--------------------*/
961 /* REGISTER */ 961 /* REGISTER */
962 /*--------------------*/ 962 /*--------------------*/
963 963
964 #mu-register { 964 #mu-register {
965 background-image: url("assets/images/register-bg.jpg"); 965 background-image: url("assets/images/register-bg.jpg");
966 background-position: center center; 966 background-position: center center;
967 background-size: cover; 967 background-size: cover;
968 background-attachment: fixed; 968 background-attachment: fixed;
969 display: inline; 969 display: inline;
970 float: left; 970 float: left;
971 position: relative; 971 position: relative;
972 width: 100%; 972 width: 100%;
973 } 973 }
974 974
975 #mu-register::before { 975 #mu-register::before {
976 background: rgba(0,0,0,0.9); 976 background: rgba(0,0,0,0.9);
977 bottom: 0; 977 bottom: 0;
978 content: ''; 978 content: '';
979 left: 0; 979 left: 0;
980 top: 0; 980 top: 0;
981 right: 0; 981 right: 0;
982 position: absolute; 982 position: absolute;
983 opacity: 0.9; 983 opacity: 0.9;
984 } 984 }
985 985
986 .mu-register-area { 986 .mu-register-area {
987 display: inline; 987 display: inline;
988 float: left; 988 float: left;
989 padding: 150px 0; 989 padding: 150px 0;
990 width: 100%; 990 width: 100%;
991 } 991 }
992 992
993 .mu-register-area .mu-title, 993 .mu-register-area .mu-title,
994 .mu-register-area p { 994 .mu-register-area p {
995 color: #fff; 995 color: #fff;
996 } 996 }
997 997
998 .mu-register-content { 998 .mu-register-content {
999 display: inline; 999 display: inline;
1000 float: left; 1000 float: left;
1001 width: 100%; 1001 width: 100%;
1002 text-align: center; 1002 text-align: center;
1003 padding: 0 200px; 1003 padding: 0 200px;
1004 margin-top: 50px; 1004 margin-top: 50px;
1005 } 1005 }
1006 1006
1007 .mu-register-form .form-group { 1007 .mu-register-form .form-group {
1008 margin-bottom: 25px; 1008 margin-bottom: 25px;
1009 } 1009 }
1010 1010
1011 .mu-register-form .form-control { 1011 .mu-register-form .form-control {
1012 height: 50px; 1012 height: 50px;
1013 color: #fff; 1013 color: #fff;
1014 background-color: transparent; 1014 background-color: transparent;
1015 border: 2px solid #fff; 1015 border: 2px solid #fff;
1016 } 1016 }
1017 1017
1018 .mu-register-form select.form-control option{ 1018 .mu-register-form select.form-control option{
1019 color: #333; 1019 color: #333;
1020 } 1020 }
1021 1021
1022 .mu-register-form .form-control::-webkit-input-placeholder { 1022 .mu-register-form .form-control::-webkit-input-placeholder {
1023 color: #fff; 1023 color: #fff;
1024 font-size: 15px; 1024 font-size: 15px;
1025 } 1025 }
1026 1026
1027 .mu-register-form .form-control:-moz-placeholder { /* Firefox 18- */ 1027 .mu-register-form .form-control:-moz-placeholder { /* Firefox 18- */
1028 color: #fff; 1028 color: #fff;
1029 font-size: 15px; 1029 font-size: 15px;
1030 } 1030 }
1031 1031
1032 .mu-register-form .form-control::-moz-placeholder { /* Firefox 19+ */ 1032 .mu-register-form .form-control::-moz-placeholder { /* Firefox 19+ */
1033 color: #fff; 1033 color: #fff;
1034 font-size: 15px; 1034 font-size: 15px;
1035 } 1035 }
1036 1036
1037 .mu-register-form .form-control:-ms-input-placeholder { 1037 .mu-register-form .form-control:-ms-input-placeholder {
1038 color: #fff; 1038 color: #fff;
1039 font-size: 15px; 1039 font-size: 15px;
1040 } 1040 }
1041 1041
1042 .mu-reg-submit-btn { 1042 .mu-reg-submit-btn {
1043 background-color: transparent; 1043 background-color: transparent;
1044 border: 2px solid #fff; 1044 border: 2px solid #fff;
1045 color: #fff; 1045 color: #fff;
1046 padding: 12px 75px; 1046 padding: 12px 75px;
1047 margin-top: 20px; 1047 margin-top: 20px;
1048 letter-spacing: 1px; 1048 letter-spacing: 1px;
1049 -webkit-transition: all 0.5s; 1049 -webkit-transition: all 0.5s;
1050 -o-transition: all 0.5s; 1050 -o-transition: all 0.5s;
1051 transition: all 0.5s; 1051 transition: all 0.5s;
1052 } 1052 }
1053 1053
1054 1054
1055 /*--------------------*/ 1055 /*--------------------*/
1056 /* SPONSORS */ 1056 /* SPONSORS */
1057 /*--------------------*/ 1057 /*--------------------*/
1058 1058
1059 #mu-sponsors { 1059 #mu-sponsors {
1060 background-color: #fff; 1060 background-color: #fff;
1061 display: inline; 1061 display: inline;
1062 float: left; 1062 float: left;
1063 width: 100%; 1063 width: 100%;
1064 } 1064 }
1065 1065
1066 .mu-sponsors-area { 1066 .mu-sponsors-area {
1067 display: inline; 1067 display: inline;
1068 float: left; 1068 float: left;
1069 padding: 100px 0; 1069 padding: 100px 0;
1070 width: 100%; 1070 width: 100%;
1071 } 1071 }
1072 1072
1073 .mu-sponsors-content { 1073 .mu-sponsors-content {
1074 display: inline; 1074 display: inline;
1075 float: left; 1075 float: left;
1076 margin-top: 50px; 1076 margin-top: 50px;
1077 width: 100%; 1077 width: 100%;
1078 } 1078 }
1079 1079
1080 .mu-sponsors-single { 1080 .mu-sponsors-single {
1081 background: #eee; 1081 background: #eee;
1082 display: inline; 1082 display: inline;
1083 float: left; 1083 float: left;
1084 margin-top: 10px; 1084 margin-top: 10px;
1085 margin-bottom: 15px; 1085 margin-bottom: 15px;
1086 width: 100%; 1086 width: 100%;
1087 } 1087 }
1088 1088
1089 1089
1090 /*--------------------*/ 1090 /*--------------------*/
1091 /* FAQ */ 1091 /* FAQ */
1092 /*--------------------*/ 1092 /*--------------------*/
1093 1093
1094 #mu-faq { 1094 #mu-faq {
1095 background-color: #f8f8f8; 1095 background-color: #f8f8f8;
1096 display: inline; 1096 display: inline;
1097 float: left; 1097 float: left;
1098 position: relative; 1098 position: relative;
1099 width: 100%; 1099 width: 100%;
1100 } 1100 }
1101 1101
1102 .mu-faq-area { 1102 .mu-faq-area {
1103 display: inline; 1103 display: inline;
1104 float: left; 1104 float: left;
1105 padding: 150px 0; 1105 padding: 150px 0;
1106 width: 100%; 1106 width: 100%;
1107 } 1107 }
1108 1108
1109 .mu-faq-content { 1109 .mu-faq-content {
1110 display: inline; 1110 display: inline;
1111 float: left; 1111 float: left;
1112 width: 100%; 1112 width: 100%;
1113 text-align: center; 1113 text-align: center;
1114 padding: 0 150px; 1114 padding: 0 150px;
1115 margin-top: 50px; 1115 margin-top: 50px;
1116 } 1116 }
1117 1117
1118 .mu-faq-content .panel-default { 1118 .mu-faq-content .panel-default {
1119 border-radius: 0; 1119 border-radius: 0;
1120 border-color: #fff; 1120 border-color: #fff;
1121 box-shadow: 0 2px 3px 0 rgba(0,0,0,0.06); 1121 box-shadow: 0 2px 3px 0 rgba(0,0,0,0.06);
1122 } 1122 }
1123 1123
1124 .mu-faq-content .panel-default > .panel-heading { 1124 .mu-faq-content .panel-default > .panel-heading {
1125 color: #333; 1125 color: #333;
1126 background-color: #fff; 1126 background-color: #fff;
1127 border-color: #ddd; 1127 border-color: #ddd;
1128 padding: 0; 1128 padding: 0;
1129 1129
1130 } 1130 }
1131 1131
1132 .mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body { 1132 .mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
1133 text-align: left; 1133 text-align: left;
1134 } 1134 }
1135 1135
1136 1136
1137 .mu-faq-content .panel-title { 1137 .mu-faq-content .panel-title {
1138 text-align: left; 1138 text-align: left;
1139 font-weight: 300; 1139 font-weight: 300;
1140 } 1140 }
1141 1141
1142 .mu-faq-content .panel-title a { 1142 .mu-faq-content .panel-title a {
1143 display: block; 1143 display: block;
1144 padding: 12px 15px; 1144 padding: 12px 15px;
1145 -webkit-transition: all 0.5s; 1145 -webkit-transition: all 0.5s;
1146 -o-transition: all 0.5s; 1146 -o-transition: all 0.5s;
1147 transition: all 0.5s; 1147 transition: all 0.5s;
1148 } 1148 }
1149 1149
1150 .mu-faq-content .panel-title a>span { 1150 .mu-faq-content .panel-title a>span {
1151 margin-right: 5px; 1151 margin-right: 5px;
1152 } 1152 }
1153 1153
1154 1154
1155 /*--------------------*/ 1155 /*--------------------*/
1156 /* CONTACT US */ 1156 /* CONTACT US */
1157 /*--------------------*/ 1157 /*--------------------*/
1158 1158
1159 #mu-contact { 1159 #mu-contact {
1160 background-color: #f8f8f8; 1160 background-color: #f8f8f8;
1161 display: inline; 1161 display: inline;
1162 float: left; 1162 float: left;
1163 width: 100%; 1163 width: 100%;
1164 } 1164 }
1165 1165
1166 .mu-contact-area { 1166 .mu-contact-area {
1167 display: inline; 1167 display: inline;
1168 float: left; 1168 float: left;
1169 padding: 100px 0 50px; 1169 padding: 100px 0 50px;
1170 width: 100%; 1170 width: 100%;
1171 } 1171 }
1172 1172
1173 .mu-contact-header { 1173 .mu-contact-header {
1174 display: inline; 1174 display: inline;
1175 float: left; 1175 float: left;
1176 text-align: center; 1176 text-align: center;
1177 width: 100%; 1177 width: 100%;
1178 padding: 0 120px; 1178 padding: 0 120px;
1179 } 1179 }
1180 1180
1181 .mu-contact-content{ 1181 .mu-contact-content{
1182 display: inline; 1182 display: inline;
1183 float: left; 1183 float: left;
1184 margin-top: 50px; 1184 margin-top: 50px;
1185 padding: 0 20%; 1185 padding: 0 20%;
1186 width: 100%; 1186 width: 100%;
1187 } 1187 }
1188 1188
1189 1189
1190 .mu-contact-form-area { 1190 .mu-contact-form-area {
1191 display: inline; 1191 display: inline;
1192 float: left; 1192 float: left;
1193 width: 100%; 1193 width: 100%;
1194 } 1194 }
1195 1195
1196 .mu-contact-form { 1196 .mu-contact-form {
1197 text-align: center; 1197 text-align: center;
1198 } 1198 }
1199 1199
1200 .mu-contact-form .form-group input { 1200 .mu-contact-form .form-group input {
1201 background: transparent; 1201 background: transparent;
1202 border-radius: 5px; 1202 border-radius: 5px;
1203 color: #333; 1203 color: #333;
1204 font-size: 15px; 1204 font-size: 15px;
1205 border: 1px solid #888; 1205 border: 1px solid #888;
1206 height: 45px; 1206 height: 45px;
1207 margin-bottom: 24px; 1207 margin-bottom: 24px;
1208 } 1208 }
1209 1209
1210 .mu-contact-form .form-group textarea { 1210 .mu-contact-form .form-group textarea {
1211 background: transparent; 1211 background: transparent;
1212 border: 1px solid #888; 1212 border: 1px solid #888;
1213 border-radius: 5px; 1213 border-radius: 5px;
1214 color: #333; 1214 color: #333;
1215 font-size: 18px; 1215 font-size: 18px;
1216 padding: 10px; 1216 padding: 10px;
1217 height: 190px; 1217 height: 190px;
1218 } 1218 }
1219 1219
1220 .mu-contact-form .form-control:focus { 1220 .mu-contact-form .form-control:focus {
1221 background-color: #fff; 1221 background-color: #fff;
1222 outline: 0; 1222 outline: 0;
1223 box-shadow: none; 1223 box-shadow: none;
1224 } 1224 }
1225 1225
1226 .mu-contact-form .form-control::-webkit-input-placeholder { 1226 .mu-contact-form .form-control::-webkit-input-placeholder {
1227 color: #888; 1227 color: #888;
1228 font-size: 15px; 1228 font-size: 15px;
1229 } 1229 }
1230 1230
1231 .mu-contact-form .form-control:-moz-placeholder { /* Firefox 18- */ 1231 .mu-contact-form .form-control:-moz-placeholder { /* Firefox 18- */
1232 color: #888; 1232 color: #888;
1233 font-size: 15px; 1233 font-size: 15px;
1234 } 1234 }
1235 1235
1236 .mu-contact-form .form-control::-moz-placeholder { /* Firefox 19+ */ 1236 .mu-contact-form .form-control::-moz-placeholder { /* Firefox 19+ */
1237 color: #888; 1237 color: #888;
1238 font-size: 15px; 1238 font-size: 15px;
1239 } 1239 }
1240 1240
1241 .mu-contact-form .form-control:-ms-input-placeholder { 1241 .mu-contact-form .form-control:-ms-input-placeholder {
1242 color: #888; 1242 color: #888;
1243 font-size: 15px; 1243 font-size: 15px;
1244 } 1244 }
1245 1245
1246 .mu-contact-form .button-default::after, 1246 .mu-contact-form .button-default::after,
1247 .mu-contact-form .button-default > span { 1247 .mu-contact-form .button-default > span {
1248 padding: 12px 40px; 1248 padding: 12px 40px;
1249 } 1249 }
1250 1250
1251 #form-messages { 1251 #form-messages {
1252 margin-bottom: 10px; 1252 margin-bottom: 10px;
1253 background-color: #fff; 1253 background-color: #fff;
1254 } 1254 }
1255 1255
1256 .success { 1256 .success {
1257 padding: 1em; 1257 padding: 1em;
1258 margin-bottom: 0.75rem; 1258 margin-bottom: 0.75rem;
1259 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1259 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1260 color: #468847; 1260 color: #468847;
1261 background-color: #dff0d8; 1261 background-color: #dff0d8;
1262 border: 1px solid #d6e9c6; 1262 border: 1px solid #d6e9c6;
1263 -webkit-border-radius: 4px; 1263 -webkit-border-radius: 4px;
1264 -moz-border-radius: 4px; 1264 -moz-border-radius: 4px;
1265 border-radius: 4px; 1265 border-radius: 4px;
1266 } 1266 }
1267 1267
1268 .error { 1268 .error {
1269 padding: 1em; 1269 padding: 1em;
1270 margin-bottom: 0.75rem; 1270 margin-bottom: 0.75rem;
1271 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 1271 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1272 color: #b94a48; 1272 color: #b94a48;
1273 background-color: #f2dede; 1273 background-color: #f2dede;
1274 border: 1px solid rgba(185, 74, 72, 0.3); 1274 border: 1px solid rgba(185, 74, 72, 0.3);
1275 -webkit-border-radius: 4px; 1275 -webkit-border-radius: 4px;
1276 -moz-border-radius: 4px; 1276 -moz-border-radius: 4px;
1277 border-radius: 4px; 1277 border-radius: 4px;
1278 } 1278 }
1279 1279
1280 1280
1281 1281
1282 /*--------------------*/ 1282 /*--------------------*/
1283 /* FOOTER */ 1283 /* FOOTER */
1284 /*--------------------*/ 1284 /*--------------------*/
1285 1285
1286 1286
1287 #mu-footer { 1287 #mu-footer {
1288 background-color: #f8f8f8; 1288 background-color: #f8f8f8;
1289 display: inline; 1289 display: inline;
1290 float: left; 1290 float: left;
1291 width: 100%; 1291 width: 100%;
1292 } 1292 }
1293 1293
1294 .mu-footer-area{ 1294 .mu-footer-area{
1295 display: inline; 1295 display: inline;
1296 float: left; 1296 float: left;
1297 padding: 30px 0; 1297 padding: 30px 0;
1298 text-align: center; 1298 text-align: center;
1299 width: 100%; 1299 width: 100%;
1300 } 1300 }
1301 1301
1302 .mu-footer-top { 1302 .mu-footer-top {
1303 display: inline; 1303 display: inline;
1304 float: left; 1304 float: left;
1305 width: 100%; 1305 width: 100%;
1306 } 1306 }
1307 1307
1308 .mu-social-media { 1308 .mu-social-media {
1309 display: inline; 1309 display: inline;
1310 float: left; 1310 float: left;
1311 padding: 10px 0; 1311 padding: 10px 0;
1312 width: 100%; 1312 width: 100%;
1313 } 1313 }
1314 1314
1315 .mu-social-media a { 1315 .mu-social-media a {
1316 border: 1px solid #19191a; 1316 border: 1px solid #19191a;
1317 border-radius: 50px; 1317 border-radius: 50px;
1318 color: #19191a; 1318 color: #19191a;
1319 display: inline-block; 1319 display: inline-block;
1320 font-size: 12px; 1320 font-size: 12px;
1321 margin-right: 10px; 1321 margin-right: 10px;
1322 text-align: center; 1322 text-align: center;
1323 text-decoration: none; 1323 text-decoration: none;
1324 transition: all 0.2s ease-in-out 0s; 1324 transition: all 0.2s ease-in-out 0s;
1325 width: 35px; 1325 width: 35px;
1326 height: 35px; 1326 height: 35px;
1327 line-height: 35px; 1327 line-height: 35px;
1328 font-size: 15px; 1328 font-size: 15px;
1329 } 1329 }
1330 1330
1331 .mu-footer-bottom { 1331 .mu-footer-bottom {
1332 display: inline; 1332 display: inline;
1333 float: left; 1333 float: left;
1334 width: 100%; 1334 width: 100%;
1335 } 1335 }
1336 1336
1337 .mu-copy-right { 1337 .mu-copy-right {
1338 margin-bottom: 0; 1338 margin-bottom: 0;
1339 } 1339 }
1340 1340
1341 .mu-copy-right a { 1341 .mu-copy-right a {
1342 font-weight: 600; 1342 font-weight: 600;
1343 -webkit-transition: all 0.5s; 1343 -webkit-transition: all 0.5s;
1344 -o-transition: all 0.5s; 1344 -o-transition: all 0.5s;
1345 transition: all 0.5s; 1345 transition: all 0.5s;
1346 } 1346 }
1347 1347
1348 1348
1349 1349
1350 /*--------------------*/ 1350 /*--------------------*/
1351 /* RESPONSIVE STYLE */ 1351 /* RESPONSIVE STYLE */
1352 /*--------------------*/ 1352 /*--------------------*/
1353 1353
1354 @media (max-width: 1199px) { 1354 @media (max-width: 1199px) {
1355 1355
1356 .mu-register-content { 1356 .mu-register-content {
1357 padding: 0 150px; 1357 padding: 0 150px;
1358 } 1358 }
1359 1359
1360 .mu-video-iframe-area { 1360 .mu-video-iframe-area {
1361 padding: 16% 0; 1361 padding: 16% 0;
1362 } 1362 }
1363 1363
1364 .mu-video-close-btn { 1364 .mu-video-close-btn {
1365 top: 5%; 1365 top: 5%;
1366 right: 5%; 1366 right: 5%;
1367 margin-top: 0; 1367 margin-top: 0;
1368 } 1368 }
1369 1369
1370 .mu-apps-screenshot-slider .slick-prev { 1370 .mu-apps-screenshot-slider .slick-prev {
1371 left: -25px; 1371 left: -25px;
1372 } 1372 }
1373 1373
1374 .mu-apps-screenshot-slider .slick-next { 1374 .mu-apps-screenshot-slider .slick-next {
1375 right: -25px; 1375 right: -25px;
1376 } 1376 }
1377 1377
1378 1378
1379 } 1379 }
1380 1380
1381 @media (max-width: 991px) { 1381 @media (max-width: 991px) {
1382 1382
1383 .mu-primary-btn { 1383 .mu-primary-btn {
1384 font-size: 14px; 1384 font-size: 14px;
1385 padding: 12px 22px; 1385 padding: 12px 22px;
1386 } 1386 }
1387 1387
1388 .mu-navbar .mu-menu { 1388 .mu-navbar .mu-menu {
1389 margin-top: 5px; 1389 margin-top: 5px;
1390 } 1390 }
1391 1391
1392 .mu-navbar .mu-menu li a { 1392 .mu-navbar .mu-menu li a {
1393 font-size: 15px; 1393 font-size: 15px;
1394 padding: 10px 6px; 1394 padding: 10px 6px;
1395 } 1395 }
1396 1396
1397 .mu-hero-featured-content h1 { 1397 .mu-hero-featured-content h1 {
1398 font-size: 35px; 1398 font-size: 35px;
1399 } 1399 }
1400 1400
1401 .mu-hero-featured-content h2 { 1401 .mu-hero-featured-content h2 {
1402 font-size: 18px; 1402 font-size: 18px;
1403 } 1403 }
1404 1404
1405 .mu-event-date-line { 1405 .mu-event-date-line {
1406 font-size: 14px; 1406 font-size: 14px;
1407 } 1407 }
1408 1408
1409 .mu-event-counter-block { 1409 .mu-event-counter-block {
1410 height: 130px; 1410 height: 130px;
1411 width: 130px; 1411 width: 130px;
1412 font-size: 16px; 1412 font-size: 16px;
1413 margin: 0 10px; 1413 margin: 0 10px;
1414 } 1414 }
1415 1415
1416 .mu-event-counter-block span { 1416 .mu-event-counter-block span {
1417 font-size: 30px; 1417 font-size: 30px;
1418 padding-top: 32px; 1418 padding-top: 32px;
1419 line-height: 32px; 1419 line-height: 32px;
1420 } 1420 }
1421 1421
1422 .mu-event-timeline ul li { 1422 .mu-event-timeline ul li {
1423 margin-left: 15%; 1423 margin-left: 15%;
1424 } 1424 }
1425 1425
1426 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event { 1426 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
1427 left: 50px; 1427 left: 50px;
1428 text-align: left; 1428 text-align: left;
1429 } 1429 }
1430 1430
1431 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before { 1431 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
1432 right: auto; 1432 right: auto;
1433 left: -16px; 1433 left: -16px;
1434 border-width: 8px 16px 8px 0; 1434 border-width: 8px 16px 8px 0;
1435 border-color: transparent #fff transparent transparent; 1435 border-color: transparent #fff transparent transparent;
1436 } 1436 }
1437 1437
1438 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img { 1438 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
1439 float: left; 1439 float: left;
1440 margin-right: 15px; 1440 margin-right: 15px;
1441 margin-left: 0; 1441 margin-left: 0;
1442 } 1442 }
1443 1443
1444 .mu-video-iframe-area { 1444 .mu-video-iframe-area {
1445 padding: 16% 5%; 1445 padding: 16% 5%;
1446 } 1446 }
1447 1447
1448 .mu-video-iframe-area iframe { 1448 .mu-video-iframe-area iframe {
1449 width: 100%; 1449 width: 100%;
1450 } 1450 }
1451 1451
1452 .mu-title-area { 1452 .mu-title-area {
1453 padding: 0 50px; 1453 padding: 0 50px;
1454 } 1454 }
1455 1455
1456 .mu-faq-content { 1456 .mu-faq-content {
1457 padding: 0; 1457 padding: 0;
1458 } 1458 }
1459 1459
1460 .mu-contact-right { 1460 .mu-contact-right {
1461 margin-top: 50px; 1461 margin-top: 50px;
1462 } 1462 }
1463 1463
1464 .mu-menu-btn { 1464 .mu-menu-btn {
1465 right: 5%; 1465 right: 5%;
1466 } 1466 }
1467 1467
1468 .mu-speakers-slider .slick-next { 1468 .mu-speakers-slider .slick-next {
1469 right: 0; 1469 right: 0;
1470 } 1470 }
1471 1471
1472 .mu-speakers-slider .slick-prev { 1472 .mu-speakers-slider .slick-prev {
1473 left: 0; 1473 left: 0;
1474 } 1474 }
1475 1475
1476 .mu-speakers-slider .slick-next, 1476 .mu-speakers-slider .slick-next,
1477 .mu-speakers-slider .slick-prev { 1477 .mu-speakers-slider .slick-prev {
1478 width: 40px; 1478 width: 40px;
1479 height: 40px; 1479 height: 40px;
1480 } 1480 }
1481 1481
1482 .mu-speakers-slider .slick-prev::before, 1482 .mu-speakers-slider .slick-prev::before,
1483 .mu-speakers-slider .slick-next::before { 1483 .mu-speakers-slider .slick-next::before {
1484 font-size: 18px; 1484 font-size: 18px;
1485 } 1485 }
1486 1486
1487 .mu-single-speakers-info h3 { 1487 .mu-single-speakers-info h3 {
1488 font-size: 18px; 1488 font-size: 18px;
1489 } 1489 }
1490 1490
1491 .mu-pricing-conten { 1491 .mu-pricing-conten {
1492 padding: 0 5%; 1492 padding: 0 5%;
1493 } 1493 }
1494 1494
1495 .mu-single-price { 1495 .mu-single-price {
1496 margin-bottom: 30px; 1496 margin-bottom: 30px;
1497 } 1497 }
1498 1498
1499 1499
1500 1500
1501 } 1501 }
1502 1502
1503 @media (max-width: 767px) { 1503 @media (max-width: 767px) {
1504 1504
1505 .mu-logo img { 1505 .mu-logo img {
1506 width: 150px; 1506 width: 150px;
1507 } 1507 }
1508 1508
1509 1509
1510 .mu-navbar .navbar-toggle .icon-bar { 1510 .mu-navbar .navbar-toggle .icon-bar {
1511 background-color: #fff; 1511 background-color: #fff;
1512 } 1512 }
1513 1513
1514 .mu-navbar .mu-menu { 1514 .mu-navbar .mu-menu {
1515 padding: 0 15px; 1515 padding: 0 15px;
1516 } 1516 }
1517 1517
1518 .mu-video-close-btn { 1518 .mu-video-close-btn {
1519 font-size: 16px; 1519 font-size: 16px;
1520 height: 40px; 1520 height: 40px;
1521 line-height: 35px; 1521 line-height: 35px;
1522 width: 40px; 1522 width: 40px;
1523 } 1523 }
1524 1524
1525 1525
1526 1526
1527 } 1527 }
1528 1528
1529 1529
1530 @media (max-width: 640px){ 1530 @media (max-width: 640px){
1531 1531
1532 .mu-event-counter-block { 1532 .mu-event-counter-block {
1533 height: 100px; 1533 height: 100px;
1534 width: 100px; 1534 width: 100px;
1535 font-size: 15px; 1535 font-size: 15px;
1536 } 1536 }
1537 1537
1538 .mu-event-counter-block span { 1538 .mu-event-counter-block span {
1539 font-size: 22px; 1539 font-size: 22px;
1540 padding-top: 22px; 1540 padding-top: 22px;
1541 line-height: 25px; 1541 line-height: 25px;
1542 } 1542 }
1543 1543
1544 .mu-title-area { 1544 .mu-title-area {
1545 padding: 0; 1545 padding: 0;
1546 } 1546 }
1547 1547
1548 .mu-video-iframe-area { 1548 .mu-video-iframe-area {
1549 padding: 5% 5%; 1549 padding: 5% 5%;
1550 } 1550 }
1551 1551
1552 .mu-video-iframe-area iframe { 1552 .mu-video-iframe-area iframe {
1553 width: 100%; 1553 width: 100%;
1554 height: 100%; 1554 height: 100%;
1555 } 1555 }
1556 1556
1557 .mu-register-content { 1557 .mu-register-content {
1558 padding: 0 100px; 1558 padding: 0 100px;
1559 } 1559 }
1560 1560
1561 .mu-contact-content { 1561 .mu-contact-content {
1562 padding: 0 10%; 1562 padding: 0 10%;
1563 } 1563 }
1564 1564
1565 1565
1566 } 1566 }
1567 1567
1568 1568
1569 @media (max-width: 480px) { 1569 @media (max-width: 480px) {
1570 1570
1571 body { 1571 body {
1572 font-size: 14px; 1572 font-size: 14px;
1573 } 1573 }
1574 1574
1575 .mu-logo { 1575 .mu-logo {
1576 margin-bottom: 10px; 1576 margin-bottom: 10px;
1577 font-size: 30px; 1577 font-size: 30px;
1578 } 1578 }
1579 1579
1580 .mu-hero-featured-area { 1580 .mu-hero-featured-area {
1581 padding: 60px 0 60px; 1581 padding: 60px 0 60px;
1582 } 1582 }
1583 1583
1584 .mu-hero-featured-content { 1584 .mu-hero-featured-content {
1585 margin-top: 20px; 1585 margin-top: 20px;
1586 } 1586 }
1587 1587
1588 .mu-hero-featured-content h1 { 1588 .mu-hero-featured-content h1 {
1589 font-size: 25px; 1589 font-size: 25px;
1590 } 1590 }
1591 1591
1592 .mu-hero-featured-content h2 { 1592 .mu-hero-featured-content h2 {
1593 font-size: 14px; 1593 font-size: 14px;
1594 } 1594 }
1595 1595
1596 .mu-event-date-line { 1596 .mu-event-date-line {
1597 font-size: 12px; 1597 font-size: 12px;
1598 } 1598 }
1599 1599
1600 .mu-event-counter-area { 1600 .mu-event-counter-area {
1601 margin-top: 20px; 1601 margin-top: 20px;
1602 } 1602 }
1603 1603
1604 .mu-event-counter-block span { 1604 .mu-event-counter-block span {
1605 font-size: 18px; 1605 font-size: 18px;
1606 padding-top: 16px; 1606 padding-top: 16px;
1607 line-height: 20px; 1607 line-height: 20px;
1608 } 1608 }
1609 1609
1610 .mu-event-counter-block { 1610 .mu-event-counter-block {
1611 height: 75px; 1611 height: 75px;
1612 width: 75px; 1612 width: 75px;
1613 font-size: 12px; 1613 font-size: 12px;
1614 margin: 0 5px; 1614 margin: 0 5px;
1615 } 1615 }
1616 1616
1617 .mu-video-close-btn { 1617 .mu-video-close-btn {
1618 top: 2%; 1618 top: 2%;
1619 right: 5%; 1619 right: 5%;
1620 height: 40px; 1620 height: 40px;
1621 line-height: 35px; 1621 line-height: 35px;
1622 width: 40px; 1622 width: 40px;
1623 } 1623 }
1624 1624
1625 .mu-menu-close-btn { 1625 .mu-menu-close-btn {
1626 right: 5%; 1626 right: 5%;
1627 top: 30px; 1627 top: 30px;
1628 } 1628 }
1629 1629
1630 .mu-video-area { 1630 .mu-video-area {
1631 padding: 100px 0; 1631 padding: 100px 0;
1632 } 1632 }
1633 1633
1634 .mu-video-iframe-area { 1634 .mu-video-iframe-area {
1635 padding: 10% 5%; 1635 padding: 10% 5%;
1636 } 1636 }
1637 1637
1638 .mu-video-iframe-area iframe { 1638 .mu-video-iframe-area iframe {
1639 height: 250px; 1639 height: 250px;
1640 } 1640 }
1641 1641
1642 h2 { 1642 h2 {
1643 font-size: 28px; 1643 font-size: 28px;
1644 } 1644 }
1645 1645
1646 h3 { 1646 h3 {
1647 font-size: 24px; 1647 font-size: 24px;
1648 } 1648 }
1649 1649
1650 h4 { 1650 h4 {
1651 font-size: 20px; 1651 font-size: 20px;
1652 } 1652 }
1653 1653
1654 .mu-schedule-content { 1654 .mu-schedule-content {
1655 margin-top: 30px; 1655 margin-top: 30px;
1656 } 1656 }
1657 1657
1658 .mu-schedule-menu li { 1658 .mu-schedule-menu li {
1659 margin-bottom: 15px; 1659 margin-bottom: 15px;
1660 } 1660 }
1661 1661
1662 .mu-schedule-menu li a { 1662 .mu-schedule-menu li a {
1663 font-size: 15px; 1663 font-size: 15px;
1664 } 1664 }
1665 1665
1666 .mu-event-timeline ul li { 1666 .mu-event-timeline ul li {
1667 margin-left: 5%; 1667 margin-left: 5%;
1668 } 1668 }
1669 1669
1670 .mu-event-timeline ul li .mu-single-event, 1670 .mu-event-timeline ul li .mu-single-event,
1671 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event, 1671 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
1672 .mu-event-timeline ul li:nth-child(2n) .mu-single-event { 1672 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
1673 left: 30px; 1673 left: 30px;
1674 width: 350px; 1674 width: 350px;
1675 } 1675 }
1676 1676
1677 .mu-event-timeline ul li .mu-single-event h3 { 1677 .mu-event-timeline ul li .mu-single-event h3 {
1678 margin-bottom: 5px; 1678 margin-bottom: 5px;
1679 font-size: 14px; 1679 font-size: 14px;
1680 } 1680 }
1681 1681
1682 .mu-venue-address h4 { 1682 .mu-venue-address h4 {
1683 font-size: 16px; 1683 font-size: 16px;
1684 } 1684 }
1685 1685
1686 .mu-register-content, 1686 .mu-register-content,
1687 .mu-contact-content { 1687 .mu-contact-content {
1688 padding: 0 5%; 1688 padding: 0 5%;
1689 } 1689 }
1690 1690
1691 .mu-faq-content .panel-title { 1691 .mu-faq-content .panel-title {
1692 font-size: 14px; 1692 font-size: 14px;
1693 } 1693 }
1694 1694
1695 1695
1696 } 1696 }
1697 1697
1698 1698
1699 @media (max-width: 360px) { 1699 @media (max-width: 360px) {
1700 1700
1701 .mu-logo img { 1701 .mu-logo img {
1702 width: 120px; 1702 width: 120px;
1703 } 1703 }
1704 1704
1705 .mu-hero-featured-area { 1705 .mu-hero-featured-area {
1706 padding: 30px 0 30px; 1706 padding: 30px 0 30px;
1707 } 1707 }
1708 1708
1709 .mu-event-counter-block { 1709 .mu-event-counter-block {
1710 height: 56px; 1710 height: 56px;
1711 width: 56px; 1711 width: 56px;
1712 font-size: 10px; 1712 font-size: 10px;
1713 } 1713 }
1714 1714
1715 .mu-event-counter-block span { 1715 .mu-event-counter-block span {
1716 font-size: 16px; 1716 font-size: 16px;
1717 padding-top: 10px; 1717 padding-top: 10px;
1718 line-height: 16px; 1718 line-height: 16px;
1719 } 1719 }
1720 1720
1721 .mu-video-area { 1721 .mu-video-area {
1722 padding: 50px 0; 1722 padding: 50px 0;
1723 } 1723 }
1724 1724
1725 .mu-video-iframe-area { 1725 .mu-video-iframe-area {
1726 padding: 15% 5%; 1726 padding: 15% 5%;
1727 } 1727 }
1728 1728
1729 .mu-video-play-btn, .mu-video-close-btn { 1729 .mu-video-play-btn, .mu-video-close-btn {
1730 font-size: 18px; 1730 font-size: 18px;
1731 width: 50px; 1731 width: 50px;
1732 height: 50px; 1732 height: 50px;
1733 line-height: 46px; 1733 line-height: 46px;
1734 margin-top: 50px; 1734 margin-top: 50px;
1735 } 1735 }
1736 1736
1737 h2 { 1737 h2 {
1738 font-size: 25px; 1738 font-size: 25px;
1739 } 1739 }
1740 1740
1741 .mu-event-timeline ul li .mu-single-event, 1741 .mu-event-timeline ul li .mu-single-event,
1742 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event, 1742 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
1743 .mu-event-timeline ul li:nth-child(2n) .mu-single-event { 1743 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
1744 left: 30px; 1744 left: 30px;
1745 width: 280px; 1745 width: 280px;
1746 } 1746 }
1747 } 1747 }
1748 1748
1749 1749
1750 1750
1751 @media (max-width: 320px) { 1751 @media (max-width: 320px) {
1752 1752
1753 .mu-video-iframe-area { 1753 .mu-video-iframe-area {
1754 padding: 30% 5%; 1754 padding: 30% 5%;
1755 } 1755 }
1756 1756
1757 .mu-event-timeline ul li .mu-single-event, 1757 .mu-event-timeline ul li .mu-single-event,
1758 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event, 1758 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
1759 .mu-event-timeline ul li:nth-child(2n) .mu-single-event { 1759 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
1760 left: 30px; 1760 left: 30px;
1761 width: 250px; 1761 width: 250px;
1762 } 1762 }
1763 1763
1764 h2 { 1764 h2 {
1765 font-size: 22px; 1765 font-size: 22px;
1766 } 1766 }
1767 1767
1768
1769
1770 } 1768 }
1771 1769
1772 1770