Tarandeep Singh / open

1	/**	1	/**
2	* Template Name: Eventoz	2	* Template Name: Eventoz
3	* Version: 1.0	3	* Version: 1.0
4	* Template Scripts	4	* Template Scripts
5	* Author: MarkUps	5	* Author: MarkUps
6	* Author URI: http://www.markups.io/	6	* Author URI: http://www.markups.io/
7		7
8	Custom JS	8	Custom JS
9		9
10	1. FIXED MENU	10	1. FIXED MENU
11	2. EVENT TIME COUNTER	11	2. EVENT TIME COUNTER
12	3. MENU SMOOTH SCROLLING	12	3. MENU SMOOTH SCROLLING
13	4. VIDEO POPUP	13	4. VIDEO POPUP
14	5. SPEAKERS SLIDEER ( SLICK SLIDER )	14	5. SPEAKERS SLIDEER ( SLICK SLIDER )
15	6. BOOTSTRAP ACCORDION	15	6. BOOTSTRAP ACCORDION
16	7. MOBILE MENU CLOSE	16	7. MOBILE MENU CLOSE
17		17
18		18
19	**/	19	**/
20		20
21		21
22		22
23	(function( $ ){	23	(function( $ ){
24		24
25		25
26		26
27	/* ----------------------------------------------------------- */	27	/* ----------------------------------------------------------- */
28	/* 1. FIXED MENU	28	/* 1. FIXED MENU
29	/* ----------------------------------------------------------- */	29	/* ----------------------------------------------------------- */
30		30
31		31
32	jQuery(window).bind('scroll', function () {	32	jQuery(window).bind('scroll', function () {
33	if ($(window).scrollTop() > 150) {	33	if ($(window).scrollTop() > 150) {
34	$('.mu-navbar').addClass('mu-nav-show');	34	$('.mu-navbar').addClass('mu-nav-show');
35		35
36	} else {	36	} else {
37	$('.mu-navbar').removeClass('mu-nav-show');	37	$('.mu-navbar').removeClass('mu-nav-show');
38	}	38	}
39	});	39	});
40		40
41	/* ----------------------------------------------------------- */	41	/* ----------------------------------------------------------- */
42	/* 2. EVENT TIME COUNTER	42	/* 2. EVENT TIME COUNTER
43	/* ----------------------------------------------------------- */	43	/* ----------------------------------------------------------- */
44		44
45	$('#mu-event-counter').countdown('2018/03/17').on('update.countdown', function(event) {	45	$('#mu-event-counter').countdown('2018/03/17').on('update.countdown', function(event) {
46	var $this = $(this).html(event.strftime(''	46	var $this = $(this).html(event.strftime(''
47	+ '<span class="mu-event-counter-block"><span>%D</span> Days</span> '	47	+ '<span class="mu-event-counter-block"><span>%D</span> Days</span> '
48	+ '<span class="mu-event-counter-block"><span>%H</span> Hours</span> '	48	+ '<span class="mu-event-counter-block"><span>%H</span> Hours</span> '
49	+ '<span class="mu-event-counter-block"><span>%M</span> Mins</span> '	49	+ '<span class="mu-event-counter-block"><span>%M</span> Mins</span> '
50	+ '<span class="mu-event-counter-block"><span>%S</span> Secs</span>'));	50	+ '<span class="mu-event-counter-block"><span>%S</span> Secs</span>'));
51	});	51	});
52		52
53		53
54	/* ----------------------------------------------------------- */	54	/* ----------------------------------------------------------- */
55	/* 3. MENU SMOOTH SCROLLING	55	/* 3. MENU SMOOTH SCROLLING
56	/* ----------------------------------------------------------- */	56	/* ----------------------------------------------------------- */
57		57
58	//MENU SCROLLING WITH ACTIVE ITEM SELECTED	58	//MENU SCROLLING WITH ACTIVE ITEM SELECTED
59		59
60	// Cache selectors	60	// Cache selectors
61	var lastId,	61	var lastId,
62	topMenu = $(".mu-menu"),	62	topMenu = $(".mu-menu"),
63	topMenuHeight = topMenu.outerHeight()+13,	63	topMenuHeight = topMenu.outerHeight()+13,
64	// All list items	64	// All list items
65	menuItems = topMenu.find('a[href^=\\#]'),	65	menuItems = topMenu.find('a[href^=\\#]'),
66	// Anchors corresponding to menu items	66	// Anchors corresponding to menu items
67	scrollItems = menuItems.map(function(){	67	scrollItems = menuItems.map(function(){
68	var item = $($(this).attr("href"));	68	var item = $($(this).attr("href"));
69	if (item.length) { return item; }	69	if (item.length) { return item; }
70	});	70	});
71		71
72	// Bind click handler to menu items	72	// Bind click handler to menu items
73	// so we can get a fancy scroll animation	73	// so we can get a fancy scroll animation
74	menuItems.click(function(e){	74	menuItems.click(function(e){
75	var href = $(this).attr("href"),	75	var href = $(this).attr("href"),
76	offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+22;	76	offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+22;
77	jQuery('html, body').stop().animate({	77	jQuery('html, body').stop().animate({
78	scrollTop: offsetTop	78	scrollTop: offsetTop
79	}, 1500);	79	}, 1500);
80	e.preventDefault();	80	e.preventDefault();
81	});	81	});
82		82
83	// Bind to scroll	83	// Bind to scroll
84	jQuery(window).scroll(function(){	84	jQuery(window).scroll(function(){
85	// Get container scroll position	85	// Get container scroll position
86	var fromTop = $(this).scrollTop()+topMenuHeight;	86	var fromTop = $(this).scrollTop()+topMenuHeight;
87		87
88	// Get id of current scroll item	88	// Get id of current scroll item
89	var cur = scrollItems.map(function(){	89	var cur = scrollItems.map(function(){
90	if ($(this).offset().top < fromTop)	90	if ($(this).offset().top < fromTop)
91	return this;	91	return this;
92	});	92	});
93	// Get the id of the current element	93	// Get the id of the current element
94	cur = cur[cur.length-1];	94	cur = cur[cur.length-1];
95	var id = cur && cur.length ? cur[0].id : "";	95	var id = cur && cur.length ? cur[0].id : "";
96		96
97	if (lastId !== id) {	97	if (lastId !== id) {
98	lastId = id;	98	lastId = id;
99	// Set/remove active class	99	// Set/remove active class
100	menuItems	100	menuItems
101	.parent().removeClass("active")	101	.parent().removeClass("active")
102	.end().filter("[href=\\#"+id+"]").parent().addClass("active");	102	.end().filter("[href=\\#"+id+"]").parent().addClass("active");
103	}	103	}
104	})	104	})
105		105
106		106
107		107
108	/* ----------------------------------------------------------- */	108	/* ----------------------------------------------------------- */
109	/* 4. VIDEO POPUP	109	/* 4. VIDEO POPUP
110	/* ----------------------------------------------------------- */	110	/* ----------------------------------------------------------- */
111		111
112	$('.mu-video-play-btn').on('click', function(event) {	112	$('.mu-video-play-btn').on('click', function(event) {
113		113
114	event.preventDefault();	114	event.preventDefault();
115		115
116	$('.mu-video-iframe-area').addClass('mu-video-iframe-display');	116	$('.mu-video-iframe-area').addClass('mu-video-iframe-display');
117		117
118	});	118	});
119		119
120	// when click the close btn	120	// when click the close btn
121		121
122	// disappear iframe window	122	// disappear iframe window
123		123
124	$('.mu-video-close-btn').on('click', function(event) {	124	$('.mu-video-close-btn').on('click', function(event) {
125		125
126	event.preventDefault();	126	event.preventDefault();
127		127
128	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');	128	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');
129		129
130	});	130	});
131		131
132	// stop iframe if it is play while close the iframe window	132	// stop iframe if it is play while close the iframe window
133		133
134	$('.mu-video-close-btn').click(function(){	134	$('.mu-video-close-btn').click(function(){
135		135
136	$('.mu-video-iframe').attr('src', $('.mu-video-iframe').attr('src'));	136	$('.mu-video-iframe').attr('src', $('.mu-video-iframe').attr('src'));
137		137
138	});	138	});
139		139
140	// when click overlay area	140	// when click overlay area
141		141
142	$('.mu-video-iframe-area').on('click', function(event) {	142	$('.mu-video-iframe-area').on('click', function(event) {
143		143
144	event.preventDefault();	144	event.preventDefault();
145		145
146	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');	146	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');
147		147
148	});	148	});
149		149
150	$('.mu-video-iframe-area, .mu-video-iframe').on('click', function(e){	150	$('.mu-video-iframe-area, .mu-video-iframe').on('click', function(e){
151	e.stopPropagation();	151	e.stopPropagation();
152	});	152	});
153		153
154		154
155	/* ----------------------------------------------------------- */	155	/* ----------------------------------------------------------- */
156	/* 5. SPEAKERS SLIDEER ( SLICK SLIDER )	156	/* 5. SPEAKERS SLIDEER ( SLICK SLIDER )
157	/* ----------------------------------------------------------- */	157	/* ----------------------------------------------------------- */
158		158
159	$('.mu-speakers-slider').slick({	159	$('.mu-speakers-slider').slick({
160	slidesToShow: 4,	160	slidesToShow: 4,
161	responsive: [	161	responsive: [
162	{	162	{
163	breakpoint: 768,	163	breakpoint: 768,
164	settings: {	164	settings: {
165	arrows: true,	165	arrows: true,
166	slidesToShow: 3	166	slidesToShow: 3
167	}	167	}
168	},	168	},
169	{	169	{
170	breakpoint: 480,	170	breakpoint: 480,
171	settings: {	171	settings: {
172	arrows: true,	172	arrows: true,
173	slidesToShow: 1	173	slidesToShow: 1
174	}	174	}
175	}	175	}
176	]	176	]
177	});	177	});
178		178
179		179
180		180
181		181
182		182
183	/* ----------------------------------------------------------- */	183	/* ----------------------------------------------------------- */
184	/* 6. BOOTSTRAP ACCORDION	184	/* 6. BOOTSTRAP ACCORDION
185	/* ----------------------------------------------------------- */	185	/* ----------------------------------------------------------- */
186		186
187	/* Start for accordion #1*/	187	/* Start for accordion #1*/
188	$('#accordion .panel-collapse').on('shown.bs.collapse', function () {	188	$('#accordion .panel-collapse').on('shown.bs.collapse', function () {
189	$(this).prev().find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");	189	$(this).prev().find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
190	});	190	});
191		191
192	//The reverse of the above on hidden event:	192	//The reverse of the above on hidden event:
193		193
194	$('#accordion .panel-collapse').on('hidden.bs.collapse', function () {	194	$('#accordion .panel-collapse').on('hidden.bs.collapse', function () {
195	$(this).prev().find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");	195	$(this).prev().find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");
196	});	196	});
197		197
198		198
199	/* ----------------------------------------------------------- */	199	/* ----------------------------------------------------------- */
200	/* 7. MOBILE MENU CLOSE	200	/* 7. MOBILE MENU CLOSE
201	/* ----------------------------------------------------------- */	201	/* ----------------------------------------------------------- */
202		202
203	jQuery('.mu-menu').on('click', 'li a', function() {	203	jQuery('.mu-menu').on('click', 'li a', function() {
204	$('.mu-navbar .in').collapse('hide');	204	$('.mu-navbar .in').collapse('hide');
205	});	205	});
206		206
207		207	/* ........................................*/
		208	/*chat code
		209	/* ........................................*/
		210
		211	$(document).ready(function(){
		212	$(".left-first-section").click(function(){
		213	$('.main-section').toggleClass("open-more");
		214	});
		215	});
		216	$(document).ready(function(){
		217	$(".fa-minus").click(function(){
		218	$('.main-section').toggleClass("open-more");
		219	});
		220	});
208		221
209		222
210		223
211		224
212		225
213	})( jQuery );	226	})( jQuery );
214		227
215		228
216		229
		230
217		231
218		232

index.html

Diff comments View file @88e1ba1

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>OPEN. : 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/fevicon_open.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">OPEN.</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-faq">FAQ</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="" href="#">OPEN.</a> -->	86	<!-- <a class="" href="#">OPEN.</a> -->
87	<!-- image based logo -->	87	<!-- image based logo -->
88	<a class="mu-logo" href="#"><img src="assets/images/open_Dot.jpg" alt="logo img" style="width: 150px"></a>	88	<a class="mu-logo" href="#"><img src="assets/images/open_Dot.jpg" alt="logo img" style="width: 150px"></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 OPEN.</h1>	94	<h1>HELLO! WELCOME TO OPEN.</h1>
95	<h2>An initiative: Serving to developer community</h2>	95	<h2>An initiative: Serving to developer community</h2>
96	<p class="mu-event-date-line">17 - 18 March, 2018. Chandigarh, IND</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="imgabout" src="assets/images/OPENWEBBANNER.jpg" alt="Men Speaker" align="middle">	126	<img class="imgabout" src="assets/images/ABOUT US2.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 Event</h2>	131	<h2>About The Event</h2>
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>	132	<p>Many technology companies and individuals like us use a lot of open source projects in order to save time and energy. The neglected truth is that only a continuous contribution towards the open source projects will result in their continuous and better use in future.</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	<p>Viithiisys Technologies is organising an initiative OPEN. with an aim of bringing in a change to the developer world by building a habit that contributes towards multiple open source projects. We are welcoming everyone, not only people with similar backgrounds and the experienced in open source, but, also the ones who are PASSIONATE about it. And as the saying goes ‘Charity begins at home’. Therefore, we start this drive in the beautiful city of Chandigarh and then slowly move towards other parts of India.</p>
134		134
135	<p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.	135	<p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.
136	</p>	136	</p>
137	<b>Some of the advantages one can get contributing towards open source:</b>	137	<b>Some of the advantages one can get contributing towards open source:</b>
138	<p><dl>	138	<p><dl>
139	<li>Opportunity to discuss & meet with project leads and authors.</li>	139	<li>Opportunity to discuss & meet with project leads and authors.</li>
140	<li>Widening up your vision towards the projects.</li>	140	<li>Widening up your vision towards the projects.</li>
141	<li>Opportunity to speak at various International conferences, sharing your knowledge with the world.</li>	141	<li>Opportunity to speak at various International conferences, sharing your knowledge with the world.</li>
142	<li>Awareness of latest technologies.</li>	142	<li>Awareness of latest technologies.</li>
143	<li>Sense of responsibility and even grooming newcomers in community.</li>	143	<li>Sense of responsibility and even grooming newcomers in community.</li>
144	<li>Building & expanding networks with the community.</li>	144	<li>Building & expanding networks with the community.</li>
145	</dl></dd>	145	</dl></dd>
146		146
147	</div>	147	</div>
148	</div>	148	</div>
149	</div>	149	</div>
150	<!-- End Feature Content -->	150	<!-- End Feature Content -->
151		151
152	</div>	152	</div>
153	</div>	153	</div>
154	</div>	154	</div>
155	</div>	155	</div>
156	</section>	156	</section>
157	<!-- End About -->	157	<!-- End About -->
158		158
159	<!-- Start Schedule -->	159	<!-- Start Schedule -->
160	<section id="mu-schedule">	160	<section id="mu-schedule">
161	<div class="container">	161	<div class="container">
162	<div class="row">	162	<div class="row">
163	<div class="colo-md-12">	163	<div class="colo-md-12">
164	<div class="mu-schedule-area">	164	<div class="mu-schedule-area">
165		165
166	<div class="mu-title-area">	166	<div class="mu-title-area">
167	<h2 class="mu-title">Schedule Detail</h2>	167	<h2 class="mu-title">Schedule Detail</h2>
168	<!-- <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> -->	168	<!-- <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> -->
169	</div>	169	</div>
170		170
171	<div class="mu-schedule-content-area">	171	<div class="mu-schedule-content-area">
172	<!-- Nav tabs -->	172	<!-- Nav tabs -->
173	<ul class="nav nav-tabs mu-schedule-menu" role="tablist">	173	<ul class="nav nav-tabs mu-schedule-menu" role="tablist">
174	<li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 17 March</a></li>	174	<li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 17 March</a></li>
175	<li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 18 March</a></li>	175	<li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 18 March</a></li>
176	<!-- <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> -->	176	<!-- <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> -->
177		177
178	</ul>	178	</ul>
179		179
180	<!-- Tab panes -->	180	<!-- Tab panes -->
181	<div class="tab-content mu-schedule-content">	181	<div class="tab-content mu-schedule-content">
182	<div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day">	182	<div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day">
183	<ul>	183	<ul>
184	<li>	184	<li>
185	<div class="mu-single-event">	185	<div class="mu-single-event">
186	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	186	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
187	<p class="mu-event-time">09:00AM-10:00AM</p>	187	<p class="mu-event-time">09:00AM-10:00AM</p>
188	<h3>Registeration and Networking</h3>	188	<h3>Registeration and Networking</h3>
189	</div>	189	</div>
190	</li>	190	</li>
191	<li>	191	<li>
192	<div class="mu-single-event">	192	<div class="mu-single-event">
193	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	193	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
194	<p class="mu-event-time">10:00AM-11:00AM</p>	194	<p class="mu-event-time">10:00AM-11:00AM</p>
195	<h3>Welcome #OPEN. and Introduction</h3>	195	<h3>Welcome #OPEN. and Introduction</h3>
196	<!-- <span>By Karl Groves</span> -->	196	<!-- <span>By Karl Groves</span> -->
197	</div>	197	</div>
198	</li>	198	</li>
199	<li>	199	<li>
200	<div class="mu-single-event">	200	<div class="mu-single-event">
201	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->	201	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->
202	<p class="mu-event-time">11:00AM-12:30PM</p>	202	<p class="mu-event-time">11:00AM-12:30PM</p>
203	<h3>Learning Session #Open Source Community</h3>	203	<h3>Learning Session #Open Source Projects</h3>
204	<!-- <span>By Sarah Dransner</span> -->	204	<!-- <span>By Sarah Dransner</span> -->
205	</div>	205	</div>
206	</li>	206	</li>
207	<li>	207	<li>
208	<div class="mu-single-event">	208	<div class="mu-single-event">
209	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->	209	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->
210	<p class="mu-event-time">12.30PM-01:00PM</p>	210	<p class="mu-event-time">12.30PM-01:00PM</p>
211	<h3>Mentor Walkthrough</h3>	211	<h3>Mentor Walkthrough</h3>
212	<!-- <span>By Ned Stark</span> -->	212	<!-- <span>By Ned Stark</span> -->
213	</div>	213	</div>
214	</li>	214	</li>
215	<li>	215	<li>
216	<div class="mu-single-event">	216	<div class="mu-single-event">
217	<!-- <img src="assets/images/lunch-break.png" alt="event speaker"> -->	217	<!-- <img src="assets/images/lunch-break.png" alt="event speaker"> -->
218	<p class="mu-event-time">01:00PM onwards</p>	218	<p class="mu-event-time">01:00PM onwards</p>
219	<h3>Lunch</h3>	219	<h3>Lunch</h3>
220	</div>	220	</div>
221	</li>	221	</li>
222	<li>	222	<li>
223	<div class="mu-single-event">	223	<div class="mu-single-event">
224	<!-- <img src="assets/images/brain.jpg" alt="event speaker"> -->	224	<!-- <img src="assets/images/brain.jpg" alt="event speaker"> -->
225	<p class="mu-event-time">02:00PM-02:30PM</p>	225	<p class="mu-event-time">02:00PM-02:30PM</p>
226	<h3>Brainstrom Session</h3>	226	<h3>Brainstrom Session</h3>
227	</div>	227	</div>
228	</li>	228	</li>
229	<li>	229	<li>
230	<div class="mu-single-event">	230	<div class="mu-single-event">
231	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	231	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
232	<p class="mu-event-time">02:30PM onwards</p>	232	<p class="mu-event-time">02:30PM onwards</p>
233	<h3>Dev Sprint 1</h3>	233	<h3>Dev Sprint 1</h3>
234	</div>	234	</div>
235	</li>	235	</li>
236	<li>	236	<li>
237	<div class="mu-single-event">	237	<div class="mu-single-event">
238	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	238	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
239	<p class="mu-event-time">03:45PM-04:15PM</p>	239	<p class="mu-event-time">03:45PM-04:15PM</p>
240	<h3>Mentor Walkthrough</h3>	240	<h3>Mentor Walkthrough</h3>
241	</div>	241	</div>
242	</li>	242	</li>
243	<li>	243	<li>
244	<div class="mu-single-event">	244	<div class="mu-single-event">
245	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	245	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
246	<p class="mu-event-time">5:45PM-6:15PM</p>	246	<p class="mu-event-time">5:45PM-6:15PM</p>
247	<h3>Coffee/Tea Break</h3>	247	<h3>Coffee/Tea Break</h3>
248	</div>	248	</div>
249	</li>	249	</li>
250	<li>	250	<li>
251	<div class="mu-single-event">	251	<div class="mu-single-event">
252	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	252	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
253	<p class="mu-event-time">07:00PM onwards</p>	253	<p class="mu-event-time">07:00PM onwards</p>
254	<h3>Dev Sprint 2</h3>	254	<h3>Dev Sprint 2</h3>
255	</div>	255	</div>
256	</li>	256	</li>
257	<li>	257	<li>
258	<div class="mu-single-event">	258	<div class="mu-single-event">
259	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	259	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
260	<p class="mu-event-time">08:00PM-0835PM</p>	260	<p class="mu-event-time">08:00PM-0835PM</p>
261	<h3>Dinner</h3>	261	<h3>Dinner</h3>
262	</div>	262	</div>
263	</li>	263	</li>
264	<li>	264	<li>
265	<div class="mu-single-event">	265	<div class="mu-single-event">
266	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	266	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
267	<p class="mu-event-time">08:45PM-09:00PM</p>	267	<p class="mu-event-time">08:45PM-09:00PM</p>
268	<h3>Brainstrom Session</h3>	268	<h3>Brainstrom Session</h3>
269	</div>	269	</div>
270	</li>	270	</li>
271	<li>	271	<li>
272	<div class="mu-single-event">	272	<div class="mu-single-event">
273	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	273	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
274	<p class="mu-event-time">09:00PM onwards</p>	274	<p class="mu-event-time">09:00PM onwards</p>
275	<h3>Dev Sprint 2 continues..</h3>	275	<h3>Dev Sprint 2 continues</h3>
276	</div>	276	</div>
277	</li>	277	</li>
278	</ul>	278	</ul>
279	</div>	279	</div>
280	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day">	280	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day">
281	<ul>	281	<ul>
282	<li>	282	<li>
283	<div class="mu-single-event">	283	<div class="mu-single-event">
284	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	284	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
285	<p class="mu-event-time">08:30AM-09:30AM</p>	285	<p class="mu-event-time">08:30AM-09:30AM</p>
286	<h3>Breakfast</h3>	286	<h3>Breakfast</h3>
287	</div>	287	</div>
288	</li>	288	</li>
289	<li>	289	<li>
290	<div class="mu-single-event">	290	<div class="mu-single-event">
291	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	291	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
292	<p class="mu-event-time">09:30AM-10:30AM</p>	292	<p class="mu-event-time">09:30AM-10:30AM</p>
293	<h3>Registeration and Networking</h3>	293	<h3>Registeration and Networking</h3>
294	</div>	294	</div>
295	</li>	295	</li>
296	<li>	296	<li>
297	<div class="mu-single-event">	297	<div class="mu-single-event">
298	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	298	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
299	<p class="mu-event-time">10:30AM-11:00AM</p>	299	<p class="mu-event-time">10:30AM-11:00AM</p>
300	<h3>Mentor Walkthrough</h3>	300	<h3>Mentor Walkthrough</h3>
301	</div>	301	</div>
302	</li>	302	</li>
303	<li>	303	<li>
304	<div class="mu-single-event">	304	<div class="mu-single-event">
305	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	305	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
306	<p class="mu-event-time">11:15AM onwards</p>	306	<p class="mu-event-time">11:15AM onwards</p>
307	<h3>Dev Sprint 3</h3>	307	<h3>Dev Sprint 3</h3>
308	</div>	308	</div>
309	</li>	309	</li>
310	<li>	310	<li>
311	<div class="mu-single-event">	311	<div class="mu-single-event">
312	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	312	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
313	<p class="mu-event-time">02:00PM-02:35PM</p>	313	<p class="mu-event-time">02:00PM-02:35PM</p>
314	<h3>Lunch</h3>	314	<h3>Lunch</h3>
315	</div>	315	</div>
316	</li>	316	</li>
317	<li>	317	<li>
318	<div class="mu-single-event">	318	<div class="mu-single-event">
319	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	319	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
320	<p class="mu-event-time">04:00PM onwards</p>	320	<p class="mu-event-time">04:00PM onwards</p>
321	<div style="overflow: hidden">	321	<div style="overflow: hidden">
322	<h3>Wrapup</h3>	322	<h3>Wrapup</h3>
323	<h3>Finalization of the results</h3>	323	<h3>Finalization of the results</h3>
324	<h3>Winner selection and Prize distribution</h3>	324	<h3>Winner selection and Prize distribution</h3>
325	<h3>Thanks giving session</h3>	325	<h3>Thanks giving session</h3>
326	</div>	326	</div>
327	</div>	327	</div>
328	</li>	328	</li>
329	</ul>	329	</ul>
330	</div>	330	</div>
331	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day">	331	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day">
332	<ul>	332	<ul>
333	<li>	333	<li>
334	<div class="mu-single-event">	334	<div class="mu-single-event">
335	<p class="mu-event-time">9.00 AM</p>	335	<p class="mu-event-time">9.00 AM</p>
336	<h3>Breakfast</h3>	336	<h3>Breakfast</h3>
337	</div>	337	</div>
338	</li>	338	</li>
339	<li>	339	<li>
340	<div class="mu-single-event">	340	<div class="mu-single-event">
341	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->	341	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
342	<p class="mu-event-time">10.00 AM</p>	342	<p class="mu-event-time">10.00 AM</p>
343	<h3>Advanced SVG Animations</h3>	343	<h3>Advanced SVG Animations</h3>
344	<span>By Karl Groves</span>	344	<span>By Karl Groves</span>
345	</div>	345	</div>
346	</li>	346	</li>
347	<li>	347	<li>
348	<div class="mu-single-event">	348	<div class="mu-single-event">
349	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->	349	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->
350	<p class="mu-event-time">11.00 AM</p>	350	<p class="mu-event-time">11.00 AM</p>
351	<h3>Presenting Work with Confidence</h3>	351	<h3>Presenting Work with Confidence</h3>
352	<span>By Sarah Dransner</span>	352	<span>By Sarah Dransner</span>
353	</div>	353	</div>
354	</li>	354	</li>
355	<li>	355	<li>
356	<div class="mu-single-event">	356	<div class="mu-single-event">
357	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->	357	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->
358	<p class="mu-event-time">12.00 AM</p>	358	<p class="mu-event-time">12.00 AM</p>
359	<h3>Keynote on UX & UI Design</h3>	359	<h3>Keynote on UX & UI Design</h3>
360	<span>By Ned Stark</span>	360	<span>By Ned Stark</span>
361	</div>	361	</div>
362	</li>	362	</li>
363	<li>	363	<li>
364	<div class="mu-single-event">	364	<div class="mu-single-event">
365	<p class="mu-event-time">1.00 PM</p>	365	<p class="mu-event-time">1.00 PM</p>
366	<h3>The End</h3>	366	<h3>The End</h3>
367	</div>	367	</div>
368	</li>	368	</li>
369	</ul>	369	</ul>
370	</div>	370	</div>
371		371
372	</div>	372	</div>
373		373
374	</div>	374	</div>
375		375
376	</div>	376	</div>
377	</div>	377	</div>
378	</div>	378	</div>
379	</div>	379	</div>
380	</section>	380	</section>
381	<!-- End Schedule -->	381	<!-- End Schedule -->
382		382
383	<!-- Start Speakers -->	383	<!-- Start Speakers -->
384	<!-- <section id="mu-speakers">	384	<!-- <section id="mu-speakers">
385	<div class="container">	385	<div class="container">
386	<div class="row">	386	<div class="row">
387	<div class="col-md-12">	387	<div class="col-md-12">
388	<div class="mu-speakers-area">	388	<div class="mu-speakers-area">
389		389
390	<div class="mu-title-area">	390	<div class="mu-title-area">
391	<h2 class="mu-title">Our Speakers</h2> -->	391	<h2 class="mu-title">Our Speakers</h2> -->
392	<!-- <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> -->	392	<!-- <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> -->
393	<!-- </div> -->	393	<!-- </div> -->
394		394
395	<!-- Start Speakers Content -->	395	<!-- Start Speakers Content -->
396	<!-- <div class="mu-speakers-content">	396	<!-- <div class="mu-speakers-content">
397		397
398	<div class="mu-speakers-slider">	398	<div class="mu-speakers-slider">
399	-->	399	-->
400	<!-- Start single speaker -->	400	<!-- Start single speaker -->
401	<!-- <div class="mu-single-speakers">	401	<!-- <div class="mu-single-speakers">
402	<img src="assets/images/gaurav_saini.jpg" alt="speaker img">	402	<img src="assets/images/gaurav_saini.jpg" alt="speaker img">
403	<div class="mu-single-speakers-info">	403	<div class="mu-single-speakers-info">
404	<h3>Gaurav Saini</h3>	404	<h3>Gaurav Saini</h3>
405	<p>Director Viithiisys</p>	405	<p>Director Viithiisys</p>
406	<ul class="mu-single-speakers-social">	406	<ul class="mu-single-speakers-social">
407	<li><a href="https://www.facebook.com/gauravsaini03"><i class="fa fa-facebook"></i></a></li>	407	<li><a href="https://www.facebook.com/gauravsaini03"><i class="fa fa-facebook"></i></a></li>
408	<li><a href="https://twitter.com/gauravsaini03?lang=en"><i class="fa fa-twitter"></i></a></li>	408	<li><a href="https://twitter.com/gauravsaini03?lang=en"><i class="fa fa-twitter"></i></a></li>
409	<li><a href="https://in.linkedin.com/in/gauravsaini03"><i class="fa fa-linkedin"></i></a></li>	409	<li><a href="https://in.linkedin.com/in/gauravsaini03"><i class="fa fa-linkedin"></i></a></li>
410	</ul>	410	</ul>
411	</div>	411	</div>
412	</div> -->	412	</div> -->
413	<!-- End single speaker -->	413	<!-- End single speaker -->
414		414
415	<!-- Start single speaker -->	415	<!-- Start single speaker -->
416	<!-- <div class="mu-single-speakers">	416	<!-- <div class="mu-single-speakers">
417	<img src="assets/images/speaker-2.jpg" alt="speaker img">	417	<img src="assets/images/speaker-2.jpg" alt="speaker img">
418	<div class="mu-single-speakers-info">	418	<div class="mu-single-speakers-info">
419	<h3>Sarah Dransner</h3>	419	<h3>Sarah Dransner</h3>
420	<p>Business Consultant</p>	420	<p>Business Consultant</p>
421	<ul class="mu-single-speakers-social">	421	<ul class="mu-single-speakers-social">
422	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	422	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
423	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	423	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
424	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	424	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
425	</ul>	425	</ul>
426	</div>	426	</div>
427	</div> -->	427	</div> -->
428	<!-- End single speaker -->	428	<!-- End single speaker -->
429		429
430		430
431	<!-- Start single speaker -->	431	<!-- Start single speaker -->
432	<!-- <div class="mu-single-speakers">	432	<!-- <div class="mu-single-speakers">
433	<img src="assets/images/speaker-3.jpg" alt="speaker img">	433	<img src="assets/images/speaker-3.jpg" alt="speaker img">
434	<div class="mu-single-speakers-info">	434	<div class="mu-single-speakers-info">
435	<h3>Ned Stark</h3>	435	<h3>Ned Stark</h3>
436	<p>UI/UX Specialist</p>	436	<p>UI/UX Specialist</p>
437	<ul class="mu-single-speakers-social">	437	<ul class="mu-single-speakers-social">
438	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	438	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
439	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	439	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
440	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	440	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
441	</ul>	441	</ul>
442	</div>	442	</div>
443	</div> -->	443	</div> -->
444	<!-- End single speaker -->	444	<!-- End single speaker -->
445		445
446		446
447	<!-- Start single speaker -->	447	<!-- Start single speaker -->
448	<!-- <div class="mu-single-speakers">	448	<!-- <div class="mu-single-speakers">
449	<img src="assets/images/speaker-4.jpg" alt="speaker img">	449	<img src="assets/images/speaker-4.jpg" alt="speaker img">
450	<div class="mu-single-speakers-info">	450	<div class="mu-single-speakers-info">
451	<h3>Michaela Lehr </h3>	451	<h3>Michaela Lehr </h3>
452	<p>Digital Marketer</p>	452	<p>Digital Marketer</p>
453	<ul class="mu-single-speakers-social">	453	<ul class="mu-single-speakers-social">
454	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	454	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
455	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	455	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
456	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	456	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
457	</ul>	457	</ul>
458	</div>	458	</div>
459	</div> -->	459	</div> -->
460	<!-- End single speaker -->	460	<!-- End single speaker -->
461		461
462	<!-- Start single speaker -->	462	<!-- Start single speaker -->
463	<!-- <div class="mu-single-speakers">	463	<!-- <div class="mu-single-speakers">
464	<img src="assets/images/speaker-1.jpg" alt="speaker img">	464	<img src="assets/images/speaker-1.jpg" alt="speaker img">
465	<div class="mu-single-speakers-info">	465	<div class="mu-single-speakers-info">
466	<h3>Karl Groves</h3>	466	<h3>Karl Groves</h3>
467	<p>Digital Artist</p>	467	<p>Digital Artist</p>
468	<ul class="mu-single-speakers-social">	468	<ul class="mu-single-speakers-social">
469	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	469	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
470	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	470	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
471	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	471	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
472	</ul>	472	</ul>
473	</div>	473	</div>
474	</div> -->	474	</div> -->
475	<!-- End single speaker -->	475	<!-- End single speaker -->
476		476
477	<!-- Start single speaker -->	477	<!-- Start single speaker -->
478	<!-- <div class="mu-single-speakers">	478	<!-- <div class="mu-single-speakers">
479	<img src="assets/images/speaker-2.jpg" alt="speaker img">	479	<img src="assets/images/speaker-2.jpg" alt="speaker img">
480	<div class="mu-single-speakers-info">	480	<div class="mu-single-speakers-info">
481	<h3>Sarah Dransner</h3>	481	<h3>Sarah Dransner</h3>
482	<p>Business Consultant</p>	482	<p>Business Consultant</p>
483	<ul class="mu-single-speakers-social">	483	<ul class="mu-single-speakers-social">
484	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	484	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
485	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	485	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
486	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	486	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
487	</ul>	487	</ul>
488	</div>	488	</div>
489	</div> -->	489	</div> -->
490	<!-- End single speaker -->	490	<!-- End single speaker -->
491		491
492		492
493	<!-- Start single speaker -->	493	<!-- Start single speaker -->
494	<!-- <div class="mu-single-speakers">	494	<!-- <div class="mu-single-speakers">
495	<img src="assets/images/speaker-3.jpg" alt="speaker img">	495	<img src="assets/images/speaker-3.jpg" alt="speaker img">
496	<div class="mu-single-speakers-info">	496	<div class="mu-single-speakers-info">
497	<h3>Ned Stark</h3>	497	<h3>Ned Stark</h3>
498	<p>UI/UX Specialist</p>	498	<p>UI/UX Specialist</p>
499	<ul class="mu-single-speakers-social">	499	<ul class="mu-single-speakers-social">
500	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	500	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
501	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	501	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
502	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	502	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
503	</ul>	503	</ul>
504	</div>	504	</div>
505	</div> -->	505	</div> -->
506	<!-- End single speaker -->	506	<!-- End single speaker -->
507		507
508		508
509	<!-- Start single speaker -->	509	<!-- Start single speaker -->
510	<!-- <div class="mu-single-speakers">	510	<!-- <div class="mu-single-speakers">
511	<img src="assets/images/speaker-4.jpg" alt="speaker img">	511	<img src="assets/images/speaker-4.jpg" alt="speaker img">
512	<div class="mu-single-speakers-info">	512	<div class="mu-single-speakers-info">
513	<h3>Michaela Lehr </h3>	513	<h3>Michaela Lehr </h3>
514	<p>Digital Marketer</p>	514	<p>Digital Marketer</p>
515	<ul class="mu-single-speakers-social">	515	<ul class="mu-single-speakers-social">
516	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	516	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
517	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	517	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
518	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	518	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
519	</ul>	519	</ul>
520	</div>	520	</div>
521	</div> -->	521	</div> -->
522	<!-- End single speaker -->	522	<!-- End single speaker -->
523	<!-- </div>	523	<!-- </div>
524	</div> -->	524	</div> -->
525	<!-- End Speakers Content -->	525	<!-- End Speakers Content -->
526		526
527	<!-- </div>	527	<!-- </div>
528	</div>	528	</div>
529	</div>	529	</div>
530	</div>	530	</div>
531	</section> -->	531	</section> -->
532	<!-- End Speakers -->	532	<!-- End Speakers -->
533		533
534	<!-- Start Venue -->	534	<!-- Start Venue -->
535	<section id="mu-venue">	535	<section id="mu-venue">
536	<div class="mu-venue-area">	536	<div class="mu-venue-area">
537	<div class="row">	537	<div class="row">
538		538
539	<div class="col-md-6">	539	<div class="col-md-6">
540	<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>	540	<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>
541	</div>	541	</div>
542		542
543	<div class="col-md-6">	543	<div class="col-md-6">
544	<div class="mu-venue-address">	544	<div class="mu-venue-address">
545	<h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2>	545	<h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2>
546	<h3>Spacejam</h3>	546	<h3>Spacejam</h3>
547	<h4>SCO 50-51, 3rd Floor, Sector 34A, Sub. City Center, Chandigarh, 160022</h4>	547	<h4>SCO 50-51, 3rd Floor, Sector 34A, Sub. City Center, Chandigarh, 160022</h4>
548	<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>	548	<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>
549	</div>	549	</div>
550	</div>	550	</div>
551	</div>	551	</div>
552	</div>	552	</div>
553	</section>	553	</section>
554	<!-- End Venue -->	554	<!-- End Venue -->
555	<!-- Start FAQ -->	555	<!-- Start FAQ -->
556	<section id="mu-faq">	556	<section id="mu-faq">
557	<div class="container">	557	<div class="container">
558	<div class="row">	558	<div class="row">
559	<div class="col-md-12">	559	<div class="col-md-12">
560	<div class="mu-faq-area">	560	<div class="mu-faq-area">
561		561
562	<div class="mu-title-area">	562	<div class="mu-title-area">
563	<h2 class="mu-title">FAQ</h2>	563	<h2 class="mu-title">FAQ</h2>
564	<!-- <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> -->	564	<!-- <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> -->
565	</div>	565	</div>
566		566
567	<div class="mu-faq-content">	567	<div class="mu-faq-content">
568		568
569	<div class="panel-group" id="accordion">	569	<div class="panel-group" id="accordion">
570	<!-- collapseone start -->	570	<!-- collapseone start -->
571	<div class="panel panel-default">	571	<div class="panel panel-default">
572	<div class="panel-heading">	572	<div class="panel-heading">
573	<h4 class="panel-title">	573	<h4 class="panel-title">
574	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">	574	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
575	<span class="fa fa-angle-down"></span> Who all can participate?	575	<span class="fa fa-angle-down"></span> Who all can participate?
576	</a>	576	</a>
577	</h4>	577	</h4>
578	</div>	578	</div>
579	<div id="collapseOne" class="panel-collapse collapse in">	579	<div id="collapseOne" class="panel-collapse collapse in">
580	<div class="panel-body">	580	<div class="panel-body">
581	Developers both professionals as well as students, any age.	581	Developers both professionals as well as students, any age.
582	</div>	582	</div>
583	</div>	583	</div>
584	</div>	584	</div>
585	<!-- collapseone end -->	585	<!-- collapseone end -->
586	<!-- collapseTwo start -->	586	<!-- collapseTwo start -->
587	<div class="panel panel-default">	587	<div class="panel panel-default">
588	<div class="panel-heading">	588	<div class="panel-heading">
589	<h4 class="panel-title">	589	<h4 class="panel-title">
590	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">	590	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
591	<span class="fa fa-angle-up"></span> What is the event about?	591	<span class="fa fa-angle-up"></span> What is the event about?
592	</a>	592	</a>
593	</h4>	593	</h4>
594	</div>	594	</div>
595	<div id="collapseTwo" class="panel-collapse collapse">	595	<div id="collapseTwo" class="panel-collapse collapse">
596	<div class="panel-body">	596	<div class="panel-body">
597	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.	597	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.
598	</div>	598	</div>
599	</div>	599	</div>
600	</div>	600	</div>
601	<!-- collapseTwo End -->	601	<!-- collapseTwo End -->
602	<!-- collapseThree start -->	602	<!-- collapseThree start -->
603	<div class="panel panel-default">	603	<div class="panel panel-default">
604	<div class="panel-heading">	604	<div class="panel-heading">
605	<h4 class="panel-title">	605	<h4 class="panel-title">
606	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">	606	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
607	<span class="fa fa-angle-up"></span> How will the developers contribute?	607	<span class="fa fa-angle-up"></span> How will the developers contribute?
608	</a>	608	</a>
609	</h4>	609	</h4>
610	</div>	610	</div>
611	<div id="collapseThree" class="panel-collapse collapse">	611	<div id="collapseThree" class="panel-collapse collapse">
612	<div class="panel-body">	612	<div class="panel-body">
613	Developers will have to work on different bugs/tasks spread across multiple open source projects.	613	Developers will have to work on different bugs/tasks spread across multiple open source projects.
614	</div>	614	</div>
615	</div>	615	</div>
616	</div>	616	</div>
617	<!-- collapseThree End -->	617	<!-- collapseThree End -->
618	<!-- collapseFour start -->	618	<!-- collapseFour start -->
619	<div class="panel panel-default">	619	<div class="panel panel-default">
620	<div class="panel-heading">	620	<div class="panel-heading">
621	<h4 class="panel-title">	621	<h4 class="panel-title">
622	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">	622	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
623	<span class="fa fa-angle-up"></span> Is this an overnight event?	623	<span class="fa fa-angle-up"></span> Is this an overnight event?
624	</a>	624	</a>
625	</h4>	625	</h4>
626	</div>	626	</div>
627	<div id="collapseFour" class="panel-collapse collapse">	627	<div id="collapseFour" class="panel-collapse collapse">
628	<div class="panel-body">	628	<div class="panel-body">
629	Yes, the event shall takes place for entire night. Developers can work on the bugs overnight.	629	Yes, the event shall takes place for entire night. Developers can work on the bugs overnight.
630	</div>	630	</div>
631	</div>	631	</div>
632	</div>	632	</div>
633	<!-- collapseFour End -->	633	<!-- collapseFour End -->
634	<!-- collapseFive start -->	634	<!-- collapseFive start -->
635	<div class="panel panel-default">	635	<div class="panel panel-default">
636	<div class="panel-heading">	636	<div class="panel-heading">
637	<h4 class="panel-title">	637	<h4 class="panel-title">
638	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">	638	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
639	<span class="fa fa-angle-up"></span> How will the winners be chosen?	639	<span class="fa fa-angle-up"></span> How will the winners be chosen?
640	</a>	640	</a>
641	</h4>	641	</h4>
642	</div>	642	</div>
643	<div id="collapseFive" class="panel-collapse collapse">	643	<div id="collapseFive" class="panel-collapse collapse">
644	<div class="panel-body">	644	<div class="panel-body">
645	The team which solves the maximum number of assigned bugs in the given time interval will be chosen as the winner of the event.	645	The team which solves the maximum number of assigned bugs in the given time interval will be chosen as the winner of the event.
646	</div>	646	</div>
647	</div>	647	</div>
648	</div>	648	</div>
649	<!-- collapseFive End -->	649	<!-- collapseFive End -->
650	<!-- collapseSix start -->	650	<!-- collapseSix start -->
651	<div class="panel panel-default">	651	<div class="panel panel-default">
652	<div class="panel-heading">	652	<div class="panel-heading">
653	<h4 class="panel-title">	653	<h4 class="panel-title">
654	<a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">	654	<a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
655	<span class="fa fa-angle-up"></span> Can teams/groups apply ?	655	<span class="fa fa-angle-up"></span> Can teams/groups apply ?
656	</a>	656	</a>
657	</h4>	657	</h4>
658	</div>	658	</div>
659	<div id="collapseSix" class="panel-collapse collapse">	659	<div id="collapseSix" class="panel-collapse collapse">
660	<div class="panel-body">	660	<div class="panel-body">
661	Yes, teams/group of max. three people, can apply in the event.	661	Yes, teams/group of max. three people, can apply in the event.
662	</div>	662	</div>
663	</div>	663	</div>
664	</div>	664	</div>
665	<!-- collapseSix End -->	665	<!-- collapseSix End -->
666	<!-- collapseSeven start -->	666	<!-- collapseSeven start -->
667	<div class="panel panel-default">	667	<div class="panel panel-default">
668	<div class="panel-heading">	668	<div class="panel-heading">
669	<h4 class="panel-title">	669	<h4 class="panel-title">
670	<a data-toggle="collapse" data-parent="#accordion" href="#collapSeven">	670	<a data-toggle="collapse" data-parent="#accordion" href="#collapSeven">
671	<span class="fa fa-angle-up"></span> How will I be notified for further process and any updates?	671	<span class="fa fa-angle-up"></span> How will I be notified for further process and any updates?
672	</a>	672	</a>
673	</h4>	673	</h4>
674	</div>	674	</div>
675	<div id="collapSeven" class="panel-collapse collapse">	675	<div id="collapSeven" class="panel-collapse collapse">
676	<div class="panel-body">	676	<div class="panel-body">
677	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.	677	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.
678	</div>	678	</div>
679	</div>	679	</div>
680	</div>	680	</div>
681	<!-- collapseSeven End -->	681	<!-- collapseSeven End -->
682	<!-- collapseEight start -->	682	<!-- collapseEight start -->
683	<div class="panel panel-default">	683	<div class="panel panel-default">
684	<div class="panel-heading">	684	<div class="panel-heading">
685	<h4 class="panel-title">	685	<h4 class="panel-title">
686	<a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">	686	<a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
687	<span class="fa fa-angle-up"></span> What are the key dates ?	687	<span class="fa fa-angle-up"></span> What are the key dates ?
688	</a>	688	</a>
689	</h4>	689	</h4>
690	</div>	690	</div>
691	<div id="collapseEight" class="panel-collapse collapse">	691	<div id="collapseEight" class="panel-collapse collapse">
692	<div class="panel-body">	692	<div class="panel-body">
693	Feburary 12 - Online registrations	693	Feburary 19 - Online registrations
694	Feburary 10- Applications closed	694	March 20- Applications closed
695	</div>	695	</div>
696	</div>	696	</div>
697	</div>	697	</div>
698	<!-- collapseEight End -->	698	<!-- collapseEight End -->
699	</div>	699	</div>
700	</div>	700	</div>
701	</div>	701	</div>
702	</div>	702	</div>
703	</div>	703	</div>
704	</section>	704	</section>
705	<!-- End FAQ -->	705	<!-- End FAQ -->
706
707	<!-- Start Register -->	706	<!-- Start Register -->
708	<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScuQ6uEd9DzCzJhmCulr5Z4clp1mzhfItiuVfri3Fo1QA5FKQ/viewform?embedded=true" width="1280" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>	707	<section id="mu-register">
709	<!-- End Register -->	708
		709	<!-- <div class="container">
		710	<div class="row">
		711	<div class="col-md-12">
		712	<div class="mu-register-area">
		713
		714	<div class="mu-title-area">
		715	<h2 class="mu-title">Register Form</h2>
		716	<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>
		717	</div>
710		718
711		719	<div class="mu-register-content">
		720	<form class="mu-register-form">
		721
		722	<div class="row">
		723	<div class="col-md-6">
		724	<div class="form-group">
		725	<input type="text" class="form-control" placeholder="Your Full Name" id="name" name="name" required="">
		726	</div>
		727	</div>
		728
		729	<div class="col-md-6">
		730	<div class="form-group">
		731	<input type="email" class="form-control" placeholder="Enter Your Email" id="email" name="email" required="">
		732	</div>
		733	</div>
		734	</div>
		735
		736	<div class="row">
		737	<div class="col-md-6">
		738	<div class="form-group">
		739	<input type="text" class="form-control" placeholder="Your Phone Number" id="telephone" name="telephone" required="">
		740	</div>
		741	</div>
		742	<div class="col-md-6">
		743
		744	<div class="form-group">
		745	<select class="form-control" name="ticket" id="ticket">
		746	<option value="0">Basic ($12)</option>
		747	<option value="1">Standard ($22)</option>
		748	<option value="2">Premium ($45)</option>
		749	</select>
		750	</div>
		751	</div>
		752	</div>
		753
		754	<button type="submit" class="mu-reg-submit-btn">SUBMIT</button>
		755
		756	</form>
		757	</div>
		758
		759	</div>
		760	</div>
		761	</div>
		762	</div> -->
		763	<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScuQ6uEd9DzCzJhmCulr5Z4clp1mzhfItiuVfri3Fo1QA5FKQ/viewform?embedded=true" width="1280" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
		764	</section>
		765	<!-- End Register -->
712		766
713	<!-- Start Sponsors -->	767	<!-- Start Sponsors -->
714	<!-- <section id="mu-sponsors">	768	<!-- <section id="mu-sponsors">
715	<div class="container">	769	<div class="container">
716	<div class="row">	770	<div class="row">
717	<div class="col-md-12">	771	<div class="col-md-12">
718	<div class="mu-sponsors-area">	772	<div class="mu-sponsors-area">
719		773
720	<div class="mu-title-area">	774	<div class="mu-title-area">
721	<h2 class="mu-title">Our Sponsors</h2> -->	775	<h2 class="mu-title">Our Sponsors</h2> -->
722	<!-- <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> -->	776	<!-- <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> -->
723	<!-- </div> -->	777	<!-- </div> -->
724		778
725	<!-- Start spnonsors brand logo -->	779	<!-- Start spnonsors brand logo -->
726	<!-- <div class="mu-sponsors-content">	780	<!-- <div class="mu-sponsors-content">
727	<div class="row">	781	<div class="row">
728		782
729	<div class="col-md-2 col-sm-4 col-xs-4">	783	<div class="col-md-2 col-sm-4 col-xs-4">
730	<div class="mu-sponsors-single">	784	<div class="mu-sponsors-single">
731	<img src="assets/images/sponsor-logo-1.png" alt="Brand Logo">	785	<img src="assets/images/sponsor-logo-1.png" alt="Brand Logo">
732	</div>	786	</div>
733	</div>	787	</div>
734		788
735	<div class="col-md-2 col-sm-4 col-xs-4">	789	<div class="col-md-2 col-sm-4 col-xs-4">
736	<div class="mu-sponsors-single">	790	<div class="mu-sponsors-single">
737	<img src="assets/images/sponsor-logo-2.jpg" alt="Brand Logo">	791	<img src="assets/images/sponsor-logo-2.jpg" alt="Brand Logo">
738	</div>	792	</div>
739	</div>	793	</div>
740		794
741	<div class="col-md-2 col-sm-4 col-xs-4">	795	<div class="col-md-2 col-sm-4 col-xs-4">
742	<div class="mu-sponsors-single">	796	<div class="mu-sponsors-single">
743	<img src="assets/images/sponsor-logo-3.png" alt="Brand Logo">	797	<img src="assets/images/sponsor-logo-3.png" alt="Brand Logo">
744	</div>	798	</div>
745	</div>	799	</div>
746		800
747	<div class="col-md-2 col-sm-4 col-xs-4">	801	<div class="col-md-2 col-sm-4 col-xs-4">
748	<div class="mu-sponsors-single">	802	<div class="mu-sponsors-single">
749	<img src="assets/images/sponsor-logo-4.png" alt="Brand Logo">	803	<img src="assets/images/sponsor-logo-4.png" alt="Brand Logo">
750	</div>	804	</div>
751	</div>	805	</div>
752		806
753	<div class="col-md-2 col-sm-4 col-xs-4">	807	<div class="col-md-2 col-sm-4 col-xs-4">
754	<div class="mu-sponsors-single">	808	<div class="mu-sponsors-single">
755	<img src="assets/images/sponsor-logo-5.png" alt="Brand Logo">	809	<img src="assets/images/sponsor-logo-5.png" alt="Brand Logo">
756	</div>	810	</div>
757	</div>	811	</div>
758		812
759	<div class="col-md-2 col-sm-4 col-xs-4">	813	<div class="col-md-2 col-sm-4 col-xs-4">
760	<div class="mu-sponsors-single">	814	<div class="mu-sponsors-single">
761	<img src="assets/images/sponsor-logo-6.png" alt="Brand Logo">	815	<img src="assets/images/sponsor-logo-6.png" alt="Brand Logo">
762	</div>	816	</div>
763	</div>	817	</div>
764	</div>	818	</div>
765	</div> -->	819	</div> -->
766	<!-- End spnonsors brand logo -->	820	<!-- End spnonsors brand logo -->
767		821
768	<!-- </div>	822	<!-- </div>
769	</div>	823	</div>
770	</div>	824	</div>
771	</div>	825	</div>
772	</section> -->	826	</section> -->
773	<!-- End Sponsors -->	827	<!-- End Sponsors -->
774		828
775		829
776	<!-- Start Contact -->	830	<!--Start Contact -->
777	<!-- <section id="mu-contact">	831	<section id="mu-contact">
778	<div class="container">	832	<!--<div class="container">
779	<div class="row">	833	<div class="row">
780	<div class="col-md-12">	834	<div class="col-md-12">
781	<div class="mu-contact-area">	835	<div class="mu-contact-area">
782		836
783	<div class="mu-title-area">	837	<div class="mu-title-area">
784	<h2 class="mu-heading-title">Contact Us</h2> -->	838	<h2 class="mu-heading-title">Contact Us</h2> -->
785	<!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p> -->	839	<!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p> -->
786	<!-- </div> -->	840	<!-- </div> -->
787		841
788	<!-- Start Contact Content -->	842	<!-- Start Contact Content -->
789	<!-- <div class="mu-contact-content">	843	<!-- <div class="mu-contact-content">
790	<div class="row">	844	<div class="row">
791		845
792	<div class="col-md-12">	846	<div class="col-md-12">
793	<div class="mu-contact-form-area">	847	<div class="mu-contact-form-area">
794	<div id="form-messages"></div>	848	<div id="form-messages"></div>
795	<form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form">	849	<form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form">
796	<div class="form-group">	850	<div class="form-group">
797	<input type="text" class="form-control" placeholder="Name" id="name" name="name" required>	851	<input type="text" class="form-control" placeholder="Name" id="name" name="name" required>
798	</div>	852	</div>
799	<div class="form-group">	853	<div class="form-group">
800	<input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required>	854	<input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required>
801	</div>	855	</div>
802	<div class="form-group">	856	<div class="form-group">
803	<textarea class="form-control" placeholder="Message" id="message" name="message" required></textarea>	857	<textarea class="form-control" placeholder="Message" id="message" name="message" required></textarea>
804	</div>	858	</div>
805	<button type="submit" class="mu-send-msg-btn"><span>SUBMIT</span></button>	859	<button type="submit" class="mu-send-msg-btn"><span>SUBMIT</span></button>
806	</form>	860	</form>
807	</div>	861	</div>
808	</div>	862	</div>
809	</div>	863	</div>
810	</div> -->	864	</div> -->
811	<!-- End Contact Content -->	865	<!-- End Contact Content -->
812	<!-- </div>	866	<!-- </div>
813	</div>	867	</div>
814	</div>	868	</div>
815	</div>	869	</div>-->
816	</section> -->	870	<!--Start of Tawk.to Script-->
		871	<!--Start of Tawk.to Script-->
		872	<script type="text/javascript">
		873	var Tawk_API=Tawk_API\|\|{}, Tawk_LoadStart=new Date();
		874	(function(){
		875	var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
		876	s1.async=true;
		877	s1.src='https://embed.tawk.to/5a82c0404b401e45400ce593/default';
		878	s1.charset='UTF-8';
		879	s1.setAttribute('crossorigin','*');
		880	s0.parentNode.insertBefore(s1,s0);
		881	})();
		882	</script>
		883	<!--End of Tawk.to Script-->
		884	</section>
817	<!-- End Contact -->	885	<!-- End Contact -->
818		886
819	</main>	887	</main>
820		888
821	<!-- End main content -->	889	<!-- End main content -->
822		890
823		891
824	<!-- Start footer -->	892	<!-- Start footer -->
825	<footer id="mu-footer" role="contentinfo">	893	<footer id="mu-footer" role="contentinfo">
826	<div class="container">	894	<div class="container">
827	<div class="mu-footer-area">	895	<div class="mu-footer-area">
828	<div class="mu-footer-top">	896	<div class="mu-footer-top">
829	<div class="mu-social-media">	897	<div class="mu-social-media">
830	<a href="#"><i class="fa fa-facebook"></i></a>	898	<a href="http://www.viithiisys.com/openHQ"><i class="fa fa-facebook"></i></a>
831	<a href="#"><i class="fa fa-twitter"></i></a>	899	<a href="#"><i class="fa fa-twitter"></i></a>
832	<a href="#"><i class="fa fa-google-plus"></i></a>	900	<a href="#"><i class="fa fa-google-plus"></i></a>
833	<a href="#"><i class="fa fa-linkedin"></i></a>	901	<a href="#"><i class="fa fa-linkedin"></i></a>
834	<a href="#"><i class="fa fa-youtube"></i></a>	902	<a href="#"><i class="fa fa-youtube"></i></a>
835	</div>	903	</div>
836	</div>	904	</div>
837	<div class="mu-footer-bottom">	905	<div class="mu-footer-bottom">
838	<p class="mu-copy-right">© Copyright <a rel="nofollow" href="http://www.viithiisys.com">Viithiisys Technologies</a>. All right reserved.</p>	906	<p class="mu-copy-right">© Copyright <a rel="nofollow" href="http://www.viithiisys.com">Viithiisys Technologies</a>. All right reserved.</p>
839	</div>	907	</div>
840	</div>	908	</div>
841	</div>	909	</div>
842		910
843	</footer>	911	</footer>
844	<!-- End footer -->	912	<!-- End footer -->
845		913
846		914
847		915
848	<!-- jQuery library -->	916	<!-- jQuery library -->
849	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>	917	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
850	<!-- Include all compiled plugins (below), or include individual files as needed -->	918	<!-- Include all compiled plugins (below), or include individual files as needed -->
851	<!-- Bootstrap -->	919	<!-- Bootstrap -->
852	<script src="assets/js/bootstrap.min.js"></script>	920	<script src="assets/js/bootstrap.min.js"></script>
853	<!-- Slick slider -->	921	<!-- Slick slider -->
854	<script type="text/javascript" src="assets/js/slick.min.js"></script>	922	<script type="text/javascript" src="assets/js/slick.min.js"></script>
855	<!-- Event Counter -->	923	<!-- Event Counter -->
856	<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>	924	<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
857	<!-- Ajax contact form -->	925	<!-- Ajax contact form -->
858	<script type="text/javascript" src="assets/js/app.js"></script>	926	<script type="text/javascript" src="assets/js/app.js"></script>
859		927
860		928
861		929
862	<!-- Custom js -->	930	<!-- Custom js -->
863	<script type="text/javascript" src="assets/js/custom.js"></script>	931	<script type="text/javascript" src="assets/js/custom.js"></script>
864		932
865		933
866		934
867		935
868	</body>	936	</body>

style.css

Diff comments View file @88e1ba1

 /*
 Template Name: Eventoz
 Author: MarkUps
 Author URI: http://www.markups.io/
 Version: 1.0
 */
 /* Table of Content
 ==================================================
 #BASIC TYPOGRAPHY
 #HEADER
 #MENU
 #ABOUT US
 #VIDEO
 #SCHEDULE
 #SPEAKERS
 #VENUE
 #PRICING PLANS
 #REGISTER FORM
 #FAQ
 #OUR
 #CONTACT US
 #FOOTER
 #RESPONSIVE STYLE
 */
 /*--------------------*/
 /* BASIC TYPOGRAPHY */
 /*--------------------*/
 body,
 html {
 	overflow-x:hidden;
 }
 body {
 	font-family: 'Open Sans', sans-serif;
 	font-size: 15px;
 	letter-spacing: 0.5px;
 	line-height: 1.5;
 	color: #1c1b1b;
 }
 ul {
 	padding: 0;
 	margin: 0;
 }
 ul li {
 	list-style: disc;
 	font-size: 17px;
 	line-height: 1.59;
 }
 a {
 	text-decoration: none;
 	color: #2f2f2f;
 }
 a:hover,
 a:focus {
 	outline: none;
 	text-decoration: none;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: 'Montserrat', sans-serif;
 	font-weight: 700;
 	margin-top: 0;
 }
 h1 {
 	font-size: 38px;
 }
 h2 {
 	font-size: 32px;
 	line-height: 1.13;
 }
 h3 {
 	font-size: 26px;
 }
 h4 {
 	font-size: 22px;
 }
 h5 {
 	font-size: 20px;
 }
 h6 {
 	font-size: 18px;
 }
 img {
 	border: none;
 	max-width: 100%;
 }
 .imgabout {
 	border: none;
 	max-width: 100%;
-	padding: 169px 0px 55px 9px;
+	padding: 83px 0px 55px 9px;
 }
 code {
 	background-color: #ee6e73;
 	border-radius: 2px;
 	color: #fff;
 	padding: 2px 4px;
 }
 pre {
 	background-color: #f8f8f8;
 	border: 1px solid #eee;
 	border-radius: 4px;
 	padding: 10px;
 }
 pre code {
 	background-color: transparent;
 	color: #333;
 }
 del{
 	text-decoration-color: #ee6e73;
 }
 kbd {
 	background-color: #ddd;
 	padding: 4px 6px;
 	border-radius: 2px;
 	color: ;
 }
 address {
 	line-height: 1.5;
 	padding-left: 10px;
 }
 dl dt {
 	font-weight: 700;
 }
 dl dd {
 	margin-left: 0;
 }
 blockquote {
 	background-color: #f8f8f8;
 	border-radius: 0 4px 4px 0;
 	padding: 5px 15px;
 }
 blockquote p {
 	margin-top: 10px;
 }
 button {
 	padding: 5px 15px;
 	border: none;
 }
 button:focus {
 	outline: none;
 	border: none;
 }
 /* ========= BUTTON =========*/
 .mu-primary-btn {
 	background-color: transparent;
 	border-radius: 4px;
 	border: 2px solid #ffffff;
 	color: #fff;
 	display: inline-block;
 	font-size: 14px;
 	font-weight: 700;
 	letter-spacing: 1.5px;
 	padding: 12px 35px;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-primary-btn:hover,
 .mu-primary-btn:focus {
 	background-color: #fff;
 }
 .mu-send-msg-btn {
 	color: #555;
 	font-size: 13px;
 	font-weight: 600;
 	letter-spacing: 1px;
 	text-align: center;
 	padding: 14px 24px;
 	margin-top: 10px;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
 	width: 250px;
 	color: #fff;
 	border-radius: 5px;
 }
 .mu-send-msg-btn:hover,
 .mu-send-msg-btn:focus {
 	background-color: #fff;
 }
 /*--------------------*/
 /* HEADER */
 /*--------------------*/
 #mu-hero {
-	background-image: url("assets/images/head-featured-bg.jpg");
+	/*background-image: url("assets/images/head-featured-bg.jpg");*/
 	display: inline;
 	float: left;
 	width: 100%;
 	background-position: center center;
 	background-attachment: fixed;
 	-webkit-background-size: cover;
 	background-size: cover;
 }
 .mu-hero-overlay {
 	display: inline;
 	float: left;
 	/*opacity: 0.94;*/
 	width: 100%;
 }
 .mu-logo-area {
 	display: inline;
 	float: left;
 	text-align: center;
 	width: 100%;
 }
 .mu-logo {
 	font-size: 35px;
 	font-family: 'Montserrat', sans-serif;
 	display: inline-block;
 	font-weight: 600;
 	background: #fff;
 	padding: 5px 20px;
 	margin-bottom: 30px;
 }
 .mu-menu-btn {
 	position: fixed;
 	right: 15%;
 	top: 50px;
 	color: #fff;
 	font-size: 25px;
 	border: 2px solid #fff;
 	padding: 5px 14px;
 	z-index: 999;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-menu-btn:hover,
 .mu-menu-btn:focus {
 	border: 2px solid #fff;
 }
 /*=== Featured section ===*/
 .mu-hero-featured-area {
 	display: inline;
 	float: left;
 	padding: 60px 0 150px;
 	width: 100%;
 }
 .mu-hero-featured-content {
 	display: inline;
 	float: right;
 	margin-top: 50px;
 	text-align: center;
 	width: 100%;
 }
 .mu-hero-featured-content h1 {
 	font-size: 45px;
 	color: #fff;
 	font-weight: 300;
 	margin-bottom: 15px;
 }
 .mu-hero-featured-content h2 {
 	color: #fff;
 	font-size: 25px;
 	font-weight: 300;
 }
 .mu-event-date-line {
 	background-color: #fff;
 	color: #333;
 	padding: 5px 10px;
 	display: inline-block;
 	margin-top: 10px;
 	font-weight: 600;
 }
 .mu-event-counter-area {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 #mu-event-counter{
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 }
 .mu-event-counter-block {
 	border: 2px solid #fff;
 	border-radius: 50%;
 	display: inline-block;
 	height: 180px;
 	width: 180px;
 	text-align: center;
 	font-size: 22px;
 	color: #fff;
 	margin: 0 20px;
 	font-weight: 300;
 }
 .mu-event-counter-block span {
 	display: block;
 	font-size: 40px;
 	font-weight: 700;
 	padding-top: 56px;
 	line-height: 40px;
 }
 /*--------------------*/
 /* MENU */
 /*--------------------*/
 #mu-hero .navbar-default {
 	background-color: #fff;
 	border-color: #e7e7e7;
 	padding: 5px 0;
 }
 .mu-navbar {
 	top: -150px;
 	transition: all 0.5s;
 }
 .mu-nav-show {
 	top: 0px;
 }
 #mu-hero .navbar-default .navbar-brand {
 	padding: 15px 15px;
 	font-size: 28px;
 	line-height: 20px;
 }
 .mu-navbar .mu-menu li a {
 	color: #333;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:focus,
 .navbar-default .navbar-nav > .active > a:hover {
 	color: #fff;
 }
 /*--------------------*/
 /* ABOUT US */
 /*--------------------*/
 #mu-about {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-about-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-title-area {
 	display: inline;
 	float: left;
 	text-align: center;
 	padding: 0 120px;
 	width: 100%;
 }
 .mu-title {
 	color: #1c1b1b;
 	margin-bottom: 15px;
 	padding: 0;
 	z-index: 10;
 	text-transform: capitalize;
 }
 .mu-about-left {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-about-right {
 	display: inline;
 	float: left;
 	margin-top: 30px;
 	width: 100%;
 }
 /*--------------------*/
 /* VIDEO */
 /*--------------------*/
 #mu-video {
-	background-image: url("assets/images/about-video-bg.jpg");
+	/*background-image: url("assets/images/about-video-bg.jpg");*/
 	background-attachment: fixed;
 	background-position: center center;
 	-webkit-background-size: cover;
 	background-size: cover;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-video-overlay {
 	display: inline;
 	float: left;
 	opacity: 0.85;
 	width: 100%;
 }
 .mu-video-area {
 	display: inline;
 	float: left;
 	padding: 200px 0;
 	text-align: center;
 	width: 100%;
 }
 .mu-video-area h2 {
 	color: #fff;
 }
 .mu-video-content {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-video-play-btn,
 .mu-video-close-btn {
 	color: #fff;
 	font-size: 22px;
 	border: 2px solid #fff;
 	border-radius: 50%;
 	width: 60px;
 	display: inline-block;
 	height: 60px;
 	line-height: 55px;
 	text-align: center;
 	margin-top: 100px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-video-play-btn:hover,
 .mu-video-play-btn:focus {
 	color: #fff;
 	-webkit-transform: scale(1.2);
 	        transform: scale(1.2);
 }
 .mu-video-close-btn {
 	border-radius: 50%;
 	color: #fff;
 	font-size: 18px;
 	border: 2px solid #fff;
 	position: absolute;
 	top: 0;
 	right: 15%;
 	display: inline-block;
 	height: 50px;
 	line-height: 45px;
 	text-align: center;
 	margin-top: 100px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 	width: 50px;
 }
 .mu-video-close-btn:hover,
 .mu-video-close-btn:focus {
 	color: #fff;
 	-webkit-transform: scale(1.2);
 	        transform: scale(1.2);
 }
 .mu-video-iframe-area {
 	background-color: rgba(0,0,0,0.84);
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	padding: 12% 0;
 	text-align: center;
 	z-index: 9999;
 	display: none;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-video-iframe-display {
 	display: block;
 }
 .mu-video-iframe-area iframe {
 }
 /*--------------------*/
 /* EVENT SCHEDULE */
 /*--------------------*/
 #mu-schedule {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-schedule-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-schedule-content-area  {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-schedule-menu {
 	text-align: center;
 	border: none;
 }
 .mu-schedule-menu li {
 	float: none;
 	display: inline-block;
 }
 .mu-schedule-menu li a {
 	border-radius: 0;
 	margin: 0 10px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-schedule-menu li a:hover,
 .mu-schedule-menu li a:focus,
 .mu-schedule-menu li.active a,
 .mu-schedule-menu li.active a:hover,
 .mu-schedule-menu li.active a:focus {
 	color: #fff;
 }
 .mu-schedule-content{
 	margin-top: 50px;
 }
 .mu-event-timeline ul li {
 	list-style-type: none;
 	position: relative;
 	width: 2px;
 	margin: 0 auto;
 	padding-top: 50px;
 	background-color: #ddd;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-event-timeline ul li::after {
 	content: '';
 	position: absolute;
 	left: 50%;
 	top: 70px;
 	transform: translateX(-50%);
 	height: 24px;
 	width: 24px;
 	border-radius: 50%;
 	background: inherit;
 }
 .mu-event-timeline ul li .mu-single-event {
 	background-color: #fff;
 	-webkit-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	-moz-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	position: relative;
 	top: 0;
 	width: 400px;
 	padding: 15px;
 	text-align: left;
 }
 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 	left: 50px;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
 	left: -450px;
 	text-align: right;
 }
 .mu-event-timeline ul li .mu-single-event img {
 	height: 60px;
 	width: 60px;
 	float: left;
 	border-radius: 50%;
 	margin-right: 15px;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
 	float: right;
 	margin-right: 0;
 	margin-left: 15px;
 }
 .mu-event-timeline ul li .mu-single-event::before {
 	content: '';
 	position: absolute;
 	top: 23px;
 	width: 0;
 	height: 0;
 	border-style: solid;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
 	right: -15px;
 	border-width: 8px 0 8px 16px;
 	border-color: transparent transparent transparent #fff;
 }
 .mu-event-timeline ul li:nth-child(2n) .mu-single-event::before {
 	left: -16px;
 	border-width: 8px 16px 8px 0;
 	border-color: transparent #fff transparent transparent;
 }
 .mu-event-timeline ul li .mu-single-event h3 {
 	margin-bottom: 5px;
 	font-size: 14px;
 }
 .mu-event-timeline ul li .mu-single-event p {
 	margin-bottom: 5px;
 }
 .mu-event-timeline ul li .mu-single-event span {
 	font-size: 12px;
 }
 /*--------------------*/
 /* SPEAKERS */
 /*--------------------*/
 #mu-speakers {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-speakers-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-speakers-content{
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-single-speakers {
 	padding: 0 10px;
 	outline: none;
 	text-align: center;
 	-webkit-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 }
 .mu-speakers-slider .slick-next {
 	right: -60px;
 }
 .mu-speakers-slider .slick-prev {
 	left: -60px;
 }
 .mu-single-speakers-info {
 	display: inline;
 	float: left;
 	margin-top: 20px;
 	width: 100%;
 }
 .mu-single-speakers-info h3 {
 	margin-bottom: 4px;
 	font-size: 22px;
 }
 .mu-single-speakers-info p {
 	margin-bottom: 5px;
 }
 .mu-single-speakers-social {
 }
 .mu-single-speakers-social li {
 	display: inline-block;
 }
 .mu-single-speakers-social li a {
 	display: inline-block;
 	margin-right: 5px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* VENUE */
 /*--------------------*/
 #mu-venue {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-area {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-map {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-map iframe {
 	margin-bottom: -8px;
 }
 .mu-venue-address {
 	display: inline;
 	float: left;
 	width: 100%;
 	padding: 10% 5%;
 	color: #fff;
 }
 .mu-venue-address h2 i {
 	margin-top: -4px;
 	font-size: 22px;
 	display: inline-block;
 	vertical-align: middle;
 }
 .mu-venue-address h3 {
 	margin-top: 15px;
 	margin-bottom: 0px;
 }
 .mu-venue-address h4 {
 	font-size: 18px;
 	font-weight: 300;
 	margin-top: 10px;
 	margin-bottom: 25px;
 }
 /*--------------------*/
 /* PRICING */
 /*--------------------*/
-/*#mu-pricing {
+#mu-pricing {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-pricing-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-pricing-conten {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-single-price {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	text-align: center;
 	position: relative;
 	width: 100%;
 	padding: 15px;
 	overflow: hidden;
 }
 .mu-single-price-head {
 	color: #555;
 	display: inline;
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
 	margin-top: 10px;
 }
 .mu-single-price-head .mu-currency {
 	font-weight: bold;
 	font-size: 30px;
 }
 .mu-single-price-head .mu-rate {
 	font-size: 60px;
 	font-weight: bold;
 	line-height: 0.9;
 	letter-spacing: 3px;
 }
 .mu-single-price-head .mu-time {
 	font-size: 16px;
 	font-weight: 300;
 	line-height: 0;
 	font-style: italic;
 }
 .mu-single-price .mu-price-title {
 	color: #555;
 	font-size: 22px;
 	padding: 10px 0;
 }
 .mu-single-price ul {
 	list-style: none;
 }
 .mu-single-price ul li{
 	list-style: none;
 	color: #555;
 }
 .mu-register-btn {
 	background-color: #fff;
 	border: 1px solid #555;
 	color: #555;
 	margin-top: 20px;
 	padding: 10px 40px;
 	text-align: center;
 	display: inline-block;
 	margin-bottom: 20px;
 	text-transform: uppercase;
 	letter-spacing: 1.5px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-register-btn:hover,
 .mu-register-btn:focus,
 .mu-popular-price .mu-register-btn {
 	color: #fff;
 }
 .mu-popular-price .mu-price-tag {
 	color: #fff;
 	display: inline-block;
 	position: absolute;
 	top: 15px;
 	left: -62px;
 	padding: 10px 60px;
 	font-size: 15px;
 	text-transform: uppercase;
 	letter-spacing: 1.5px;
 	font-weight: 700;
 	transform: rotate(-45deg);
 	text-align: center;
-}*/
+}
 /*--------------------*/
 /* REGISTER */
 /*--------------------*/
 #mu-register {
-	background-image: url("assets/images/register-bg.jpg");
+	/*background-image: url("assets/images/register-bg.jpg");*/
 	background-position: center center;
 	background-size: cover;
 	background-attachment: fixed;
 	display: inline;
 	float: left;
 	position: relative;
 	width: 100%;
 }
 #mu-register::before {
 	background: rgba(0,0,0,0.9);
 	bottom: 0;
 	content: '';
 	left: 0;
 	top: 0;
 	right: 0;
-	position: absolute;
+	/*position: absolute;*/
 	opacity: 0.9;
 }
 .mu-register-area {
 	display: inline;
 	float: left;
 	padding: 150px 0;
 	width: 100%;
 }
 .mu-register-area .mu-title,
 .mu-register-area p {
 	color: #fff;
 }
 .mu-register-content {
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding: 0 200px;
 	margin-top: 50px;
 }
 .mu-register-form .form-group {
 	margin-bottom: 25px;
 }
 .mu-register-form .form-control {
 	height: 50px;
 	color: #fff;
 	background-color: transparent;
 	border: 2px solid #fff;
 }
 .mu-register-form select.form-control option{
 	color: #333;
 }
 .mu-register-form .form-control::-webkit-input-placeholder {
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control:-moz-placeholder { /* Firefox 18- */
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control::-moz-placeholder {  /* Firefox 19+ */
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control:-ms-input-placeholder {
 	color: #fff;
 	font-size: 15px;
 }
 .mu-reg-submit-btn {
 	background-color: transparent;
 	border: 2px solid #fff;
 	color: #fff;
 	padding: 12px 75px;
 	margin-top: 20px;
 	letter-spacing: 1px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* SPONSORS */
 /*--------------------*/
 #mu-sponsors {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-sponsors-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-sponsors-content {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-sponsors-single {
 	background: #eee;
 	display: inline;
 	float: left;
 	margin-top: 10px;
 	margin-bottom: 15px;
 	width: 100%;
 }
 /*--------------------*/
 /* FAQ */
 /*--------------------*/
 #mu-faq {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	position: relative;
 	width: 100%;
 }
 .mu-faq-area {
 	display: inline;
 	float: left;
 	padding: 150px 0;
 	width: 100%;
 }
 .mu-faq-content {
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding: 0 150px;
 	margin-top: 50px;
 }
 .mu-faq-content .panel-default {
 	border-radius: 0;
 	border-color: #fff;
 	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.06);
 }
 .mu-faq-content .panel-default > .panel-heading {
 	color: #333;
 	background-color: #fff;
 	border-color: #ddd;
 	padding: 0;
 }
 .mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
 	text-align: left;
 }
 .mu-faq-content .panel-title {
 	text-align: left;
 	font-weight: 300;
 }
 .mu-faq-content .panel-title a {
 	display: block;
 	padding: 12px 15px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-faq-content .panel-title a>span {
 	margin-right: 5px;
 }
 /*--------------------*/
 /* CONTACT US */
 /*--------------------*/
 #mu-contact {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-contact-area {
 	display: inline;
 	float: left;
 	padding: 100px 0 50px;
 	width: 100%;
 }
 .mu-contact-header {
 	display: inline;
 	float: left;
 	text-align: center;
 	width: 100%;
 	padding: 0 120px;
 }
 .mu-contact-content{
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	padding: 0 20%;
 	width: 100%;
 }
 .mu-contact-form-area {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-contact-form {
 	text-align: center;
 }
 .mu-contact-form .form-group input {
 	background: transparent;
 	border-radius: 5px;
 	color: #333;
 	font-size: 15px;
 	border: 1px solid #888;
 	height: 45px;
 	margin-bottom: 24px;
 }
 .mu-contact-form .form-group textarea {
 	background: transparent;
 	border: 1px solid #888;
 	border-radius: 5px;
 	color: #333;
 	font-size: 18px;
 	padding: 10px;
 	height: 190px;
 }
 .mu-contact-form .form-control:focus {
 	background-color: #fff;
     outline: 0;
     box-shadow: none;
 }
 .mu-contact-form .form-control::-webkit-input-placeholder {
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control:-moz-placeholder { /* Firefox 18- */
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control::-moz-placeholder {  /* Firefox 19+ */
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control:-ms-input-placeholder {
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .button-default::after,
 .mu-contact-form .button-default > span {
 	padding: 12px 40px;
 }
 #form-messages {
 	margin-bottom: 10px;
     background-color: #fff;
 }
 .success {
 	padding: 1em;
 	margin-bottom: 0.75rem;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	color: #468847;
 	background-color: #dff0d8;
 	border: 1px solid #d6e9c6;
 	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
 	      border-radius: 4px;
 }
 .error {
 	padding: 1em;
 	margin-bottom: 0.75rem;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	color: #b94a48;
 	background-color: #f2dede;
 	border: 1px solid rgba(185, 74, 72, 0.3);
 	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
 	      border-radius: 4px;
 }
 /*--------------------*/
 /* FOOTER */
 /*--------------------*/
 #mu-footer {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-footer-area{
 	display: inline;
 	float: left;
 	padding: 30px 0;
 	text-align: center;
 	width: 100%;
 }
 .mu-footer-top {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-social-media {
 	display: inline;
 	float: left;
 	padding: 10px 0;
 	width: 100%;
 }
 .mu-social-media a {
 	border: 1px solid #19191a;
 	border-radius: 50px;
 	color: #19191a;
 	display: inline-block;
 	font-size: 12px;
 	margin-right: 10px;
 	text-align: center;
 	text-decoration: none;
 	transition: all 0.2s ease-in-out 0s;
 	width: 35px;
 	height: 35px;
 	line-height: 35px;
 	font-size: 15px;
 }
 .mu-footer-bottom {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-copy-right {
 	margin-bottom: 0;
 }
 .mu-copy-right a {
 	font-weight: 600;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* RESPONSIVE STYLE */
 /*--------------------*/
 @media (max-width: 1199px) {
 	.mu-register-content {
 		padding: 0 150px;
 	}
 	.mu-video-iframe-area {
 		padding: 16% 0;
 	}
 	.mu-video-close-btn {
 		top: 5%;
 		right: 5%;
 		margin-top: 0;
 	}
 	.mu-apps-screenshot-slider .slick-prev {
 		left: -25px;
 	}
 	.mu-apps-screenshot-slider .slick-next {
 		right: -25px;
 	}
 }
 @media (max-width: 991px) {
 	.mu-primary-btn {
 		font-size: 14px;
 		padding: 12px 22px;
 	}
 	.mu-navbar .mu-menu {
 		margin-top: 5px;
 	}
 	.mu-navbar .mu-menu li a {
 		font-size: 15px;
 		padding: 10px 6px;
 	}
 	.mu-hero-featured-content h1 {
 		font-size: 35px;
 	}
 	.mu-hero-featured-content h2 {
 		font-size: 18px;
 	}
 	.mu-event-date-line {
 		font-size: 14px;
 	}
 	.mu-event-counter-block {
 		height: 130px;
 		width: 130px;
 		font-size: 16px;
 		margin: 0 10px;
 	}
 	.mu-event-counter-block span {
 		font-size: 30px;
 		padding-top: 32px;
 		line-height: 32px;
 	}
 	.mu-event-timeline ul li {
 		margin-left: 15%;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
 		left: 50px;
 		text-align: left;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
 		right: auto;
 		left: -16px;
 		border-width: 8px 16px 8px 0;
 		border-color: transparent #fff transparent transparent;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
 		float: left;
 		margin-right: 15px;
 		margin-left: 0;
 	}
 	.mu-video-iframe-area {
 		padding: 16% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		width: 100%;
 	}
 	.mu-title-area {
 		padding: 0 50px;
 	}
 	.mu-faq-content {
 		padding: 0;
 	}
 	.mu-contact-right {
 		margin-top: 50px;
 	}
 	.mu-menu-btn {
 		right: 5%;
 	}
 	.mu-speakers-slider .slick-next {
 		right: 0;
 	}
 	.mu-speakers-slider .slick-prev {
 		left: 0;
 	}
 	.mu-speakers-slider .slick-next,
 	.mu-speakers-slider .slick-prev {
 		width: 40px;
 		height: 40px;
 	}
 	.mu-speakers-slider .slick-prev::before,
 	.mu-speakers-slider .slick-next::before {
 		font-size: 18px;
 	}
 	.mu-single-speakers-info h3 {
 		font-size: 18px;
 	}
 	.mu-pricing-conten {
 		padding: 0 5%;
 	}
 	.mu-single-price {
 		margin-bottom: 30px;
 	}
 }
 @media (max-width: 767px) {
 	.mu-logo img {
 		width: 150px;
 	}
 	.mu-navbar .navbar-toggle .icon-bar {
 		background-color: #fff;
 	}
 	.mu-navbar .mu-menu {
 		padding: 0 15px;
 	}
 	.mu-video-close-btn {
 		font-size: 16px;
 		height: 40px;
 		line-height: 35px;
 		width: 40px;
 	}
 }
 @media (max-width: 640px){
 	.mu-event-counter-block {
 		height: 100px;
 		width: 100px;
 		font-size: 15px;
 	}
 	.mu-event-counter-block span {
 		font-size: 22px;
 		padding-top: 22px;
 		line-height: 25px;
 	}
 	.mu-title-area {
 		padding: 0;
 	}
 	.mu-video-iframe-area {
 		padding: 5% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		width: 100%;
 		height: 100%;
 	}
 	.mu-register-content {
 		padding: 0 100px;
 	}
 	.mu-contact-content {
 		padding: 0 10%;
 	}
 }
 @media (max-width: 480px) {
 	body {
 		font-size: 14px;
 	}
 	.mu-logo {
 		margin-bottom: 10px;
 		font-size: 30px;
 	}
 	.mu-hero-featured-area {
 		padding: 60px 0 60px;
 	}
 	.mu-hero-featured-content {
 		margin-top: 20px;
 	}
 	.mu-hero-featured-content h1 {
 		font-size: 25px;
 	}
 	.mu-hero-featured-content h2 {
 		font-size: 14px;
 	}
 	.mu-event-date-line {
 		font-size: 12px;
 	}
 	.mu-event-counter-area {
 		margin-top: 20px;
 	}
 	.mu-event-counter-block span {
 		font-size: 18px;
 		padding-top: 16px;
 		line-height: 20px;
 	}
 	.mu-event-counter-block {
 		height: 75px;
 		width: 75px;
 		font-size: 12px;
 		margin: 0 5px;
 	}
 	.mu-video-close-btn {
 		top: 2%;
 		right: 5%;
 		height: 40px;
 		line-height: 35px;
 		width: 40px;
 	}
 	.mu-menu-close-btn {
 		right: 5%;
 		top: 30px;
 	}
 	.mu-video-area {
 		padding: 100px 0;
 	}
 	.mu-video-iframe-area {
 		padding: 10% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		height: 250px;
 	}
 	h2 {
 		font-size: 28px;
 	}
 	h3 {
 		font-size: 24px;
 	}
 	h4 {
 		font-size: 20px;
 	}
 	.mu-schedule-content {
 		margin-top: 30px;
 	}
 	.mu-schedule-menu li {
 		margin-bottom: 15px;
 	}
 	.mu-schedule-menu li a {
 		font-size: 15px;
 	}
 	.mu-event-timeline ul li {
 		margin-left: 5%;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 350px;
 	}
 	.mu-event-timeline ul li .mu-single-event h3 {
 		margin-bottom: 5px;
 		font-size: 14px;
 	}
 	.mu-venue-address h4 {
 		font-size: 16px;
 	}
 	.mu-register-content,
 	.mu-contact-content {
 		padding: 0 5%;
 	}
 	.mu-faq-content .panel-title {
 		font-size: 14px;
 	}
 }
 @media (max-width: 360px) {
 	.mu-logo img {
 		width: 120px;
 	}
 	.mu-hero-featured-area {
 		padding: 30px 0 30px;
 	}
 	.mu-event-counter-block {
 		height: 56px;
 		width: 56px;
 		font-size: 10px;
 	}
 	.mu-event-counter-block span {
 		font-size: 16px;
 		padding-top: 10px;
 		line-height: 16px;
 	}
 	.mu-video-area {
 		padding: 50px 0;
 	}
 	.mu-video-iframe-area {
 		padding: 15% 5%;
 	}
 	.mu-video-play-btn, .mu-video-close-btn {
 		font-size: 18px;
 		width: 50px;
 		height: 50px;
 		line-height: 46px;
 		margin-top: 50px;
 	}
 	h2 {
 		font-size: 25px;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 280px;
 	}
 }
 @media (max-width: 320px) {
 	.mu-video-iframe-area {
 		padding: 30% 5%;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 250px;
 	}
 	h2 {
 		font-size: 22px;
 	}
+	/*chat css*/
+.main-section{
+  width: 300px;
+  position: fixed;
+  right:50px;
+  bottom:-350px;
+}
+.first-section:hover{
+  cursor: pointer;
+}
+.open-more{
+  bottom:0px;
+  transition:2s;
+}
+.border-chat{
+  border:1px solid #FD8468;
+  margin: 0px;
+}
+.first-section{
+  background-color:#FD8468;
+}
+.first-section p{
+  color:#fff;
+  margin:0px;
+  padding: 10px 0px;
+}
+.first-section p:hover{
+  color:#fff;
+  cursor: pointer;
+}
+.right-first-section{
+   text-align: right;
+}
+.right-first-section i{
+  color:#fff;
+  font-size: 15px;
+  padding: 12px 3px;
+}
+.right-first-section i:hover{
+  color:#fff;
+}
+.chat-section ul li{
+  list-style: none;
+  margin-top:10px;
+  position: relative;
+}
+.chat-section{
+  overflow-y:scroll;
+  height:300px;
+}
+.chat-section ul{
+  padding: 0px;
+}
+.left-chat img,.right-chat img{
+  width:50px;
+  height:50px;
+  float:left;
+  margin:0px 10px;
+}
+.right-chat img{
+  float:right;
+}
+.second-section{
+  padding: 0px;
+  margin: 0px;
+  background-color: #F3F3F3;
+  height: 300px;
+}
+.left-chat,.right-chat{
+  overflow: hidden;
+}
+.left-chat p,.right-chat p{
+  background-color:#FD8468;
+  padding: 10px;
+  color:#fff;
+  border-radius: 5px;
+  float:left;
+  width:60%;
+  margin-bottom:20px;
+}
+.left-chat span,.right-chat span{
+  position: absolute;
+  left:70px;
+  top:60px;
+  color:#B7BCC5;
+}
+.right-chat span{
+  left:45px;
+}
+.right-chat p{
+  float:right;
+  background-color: #FFFFFF;
+  color:#FD8468;
+}
+.third-section{
+  border-top: 1px solid #EEEEEE;
+}
+.text-bar input{
+  width:90%;
+  margin-left:-15px;
+  padding:10px 10px;
+  border:1px solid #fff;
+}
+.text-bar a i{
+  background-color:#FD8468;
+  color:#fff;
+  width:30px;
+  height:30px;
+  padding:7px 0px;
+  border-radius: 50%;
+  text-align: center;
+}
+.left-chat:before{
+  content: " ";
+  position:absolute;
+  top:0px;
+  left:55px;
+  bottom:150px;
+  border:15px solid transparent;
+  border-top-color:#FD8468;
+}
+.right-chat:before{
+  content: " ";
+  position:absolute;
+  top:0px;
+  right:55px;
+  bottom:150px;
+  border:15px solid transparent;
+  border-top-color:#fff;
+}
 }