PageSourceSearch

https://pwa.mconferences.com/addanevent.php

html mconferences.com collected 2026-10-02 00:31:19 UTC 108,637 bytes, 2,629 lines download raw bytes

1<html>
2	<head>
3		<!--Start Cookie Script-->
4		<!--
4<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="84dfff1c-5d32-48d1-beab-7ccae1f70099" data-blockingmode="auto" type="text/javascript"></script>
4-->
5		<!--End Cookie Script-->
6
7		<title>List your Event</title>
8
9		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 9-10
9
10		<script async src="https://www.googletagmanager.com/gtag/js?id=
10UA-124771739-2
vendor: 14 bytes, lines 10-11
10"></script>
11		
11<script>
12			//window['ga-disable-UA-124771739-2'] = true;
13			
vendor: 137 bytes, lines 13-17
13window.dataLayer = window.dataLayer || [];
14			function gtag(){dataLayer.push(arguments);}
15			gtag('js', new Date());
16
17			gtag('config', '
17UA-124771739-2
vendor: 6 bytes, lines 17-18
17');
18		
18</script>
18
19
20		<title>Add an Event</title>
21
22		<meta name="viewport" content="width=device-width, initial-scale=1">
23		<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700&display=swap" rel="stylesheet">
24
25		<!--<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >-->
26
27		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
28		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
29		
29<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
29
30		
30<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
30
31		
31<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
31
32
33		<!--
33<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>
33 ALLOWS ONLY 50 PER MONTH FOR FREE -->
34		<!--
34<script type="text/javascript" src="js/addtocalendar.js"></script>
34-->
35		<link href="https://addtocalendar.com/atc/1.5/atc-style-blue.css" rel="stylesheet" type="text/css">
36
37		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
38
39		<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
40		
40<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
40
41
42		<link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css">
43		<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.0.0/css/responsive.dataTables.min.css">
44
45		
45<script src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
45
46		
46<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
46
47		
47<script src="https://cdn.datatables.net/plug-ins/1.10.20/filtering/type-based/accent-neutralise.js"></script>
47
48
49
50
51		
51<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
51
52
53		
53<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
53
54		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css" />
55
56		<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" />
57
58		<!--<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
59		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css">
60		
60<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
60
61		
61<script src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
61
62		
62<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
62-->
63
64			<!-- Include Date Range Picker -->
65		  
65<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
65
66
67		  <!-- Include Date Range Picker -->
68		  <link rel="stylesheet" type="text/css" href="css/datetime_picker_style.css?v1.5" />
69
70		  <!-- Include Date Range Picker -->
71		  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
72
73		<meta name="theme-color" content="#ef8231"/>
74		<!--<link rel="manifest" href="manifest.json">-->
75
76		<style>
77			* {
78				box-sizing: border-box;
79				font-family: 'Verdana';
80			}
81			body {
82				background-color: white;
83				margin: 0px;
84				transition: all 0.5s ease-in-out;
85			}
86			.item {
87				display: block;
88				position: relative;
89				justify-content: center;
90				align-items: center;
91				border: 1px solid #d8dadc;
92				border-radius: 10px;
93				background-color: white;
94				padding: 10px 10px 0px 10px;
95				/*height: 320px;*/
96			}
97			.gridContainer {
98			   display: grid;
99			   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
100			   grid-gap: 1.5rem;
101			   padding: 10px 10%;
102				 min-height: 670px;
103			}
104			@media (max-width: 1000px) {
105				.gridContainer{
106					padding: 10px;
107				}
108			}
109			@media (max-width: 600px) {
110				  .gridContainer {
111					grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
112					padding:20px;
113			  }
114			  .item {
115					/*height: 320px;*/
116			  }
117			}
118			@media (max-width: 400px) {
119			  .gridContainer {
120				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
121				padding:20px;
122			  }
123			}
124			@media (max-width: 400px) {
125			  .gridContainer {
126				padding:20px;
127			  }
128			}
129
130			.searchFieldsContainer {
131			   display: grid;
132			   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
133			   grid-gap: 1rem;
134			}
135			.searchItem {
136				display: flex;
137				position: relative;
138				justify-content: center;
139				align-items: center;
140				border: 1px solid #d8dadc;
141				background-color: white;
142				padding: 10px;
143				height: 45px;
144			}
145
146			.searchContainer {
147			   padding: 10px 10% 0px 10%;
148			}
149			@media (max-width: 600px) {
150			  .searchContainer {
151					padding:1px 20px 1px 20px;
152			  }
153			}
154			.viewDetails{
155				position:absolute;
156				bottom:0;
157				padding: 3px 15px 15px 5px;
158				right:0;
159				z-index:1;
160			}
161			.location{
162				position:relative;
163				top:0;
164				padding: 15px 0px 0px 0px;
165				margin-left: 100px!important;
166				font-size: 15px;
167			}
168			.topCalendar{
169				position:absolute;
170				top:0;
171				padding: 0px 10px;
172				left:0;
173				min-width: 100px;
174			}
175			.top{
176				position:absolute;
177				top:0;
178				padding: 10px;
179			}
180			.topTitle{
181				position:relative;
182				top:0;
183				margin-left: 100px;
184				padding: 0px;
185				font-size: 15px;
186				height: 45px;
187			}
188			.topType{
189				position:relative;
190				top:0px;
191				left: 0px;
192				padding: 10px;
193				font-size: 13px;
194				margin-bottom: 10px;
195			}
196			.topRest{
197				position:relative;
198				top: 0px; /*177px*/
199				right: 25px;
200				left: 0px;
201				padding: 10px 0px;
202				font-size: 12px;
203			}
204			.topRestInner{
205				position: absolute;
206				left: 75px;
207				display: -webkit-inline-box;
208				-webkit-line-clamp: 2;
209				-webkit-box-orient: vertical;
210				overflow: hidden;
211			}
212			.titleContent{
213				display: -webkit-box;
214				-webkit-line-clamp: 3;
215				-webkit-box-orient: vertical;
216				overflow: hidden;
217				line-height: 18px;
218			}
219			.specialtyContent{
220				display: -webkit-box;
221				-webkit-line-clamp: 2;
222				-webkit-box-orient: vertical;
223				overflow: hidden;
224				text-overflow: ellipsis;
225				word-wrap: anywhere;
226			}
227			.fullSpecialtyContent{
228				-webkit-line-clamp: 100!important;
229			}
230			.orangeSquare{
231				padding: 25px 8px 15px 8px;
232				color: white;
233				text-align: center;
234				box-shadow: 0px 7px 7px #b7b7b7;
235				background: linear-gradient(to bottom, #ef8231 15px, #f99450 16px);
236			}
237
238			.dropdown-toggle{
239				height:100%;
240			}
241			.filter-option-inner-inner{
242				font-size: 10px;
243				white-space: normal;
244				display: -webkit-box;
245				-webkit-line-clamp: 2;
246				-webkit-box-orient: vertical;
247				overflow: hidden;
248				text-align: center;
249			}
250			.selectpicker{
251				display:flex!important;
252			}
253			.bootstrap-select {
254				width: auto !important;
255				height: 45px;
256			}
257			.dropdown-menu{
258				max-height: 250px;
259				width: 200px;
260				overflow-x: hidden;
261			}
262			.dropdown-menu li{
263				font-size: 11px;
264			}
265			.mainSearch{
266			  width:80%;
267			}
268			.looking_for_title{
269				font-size:24px;
270			}
271			@media screen and (max-width: 1000px) {
272			  .mainSearch{
273				  width:85%;
274				}
275			}
276			@media screen and (max-width: 500px) {
277				.looking_for_title{
278					font-size:20px;
279				}
280			}
281			.selected{
282				font-weight: bold!important;
283				color: #ef8231!important;
284			}
285			@media screen and (max-width: 800px) {
286				.filter{
287					float:none;
288				}
289			}
290
291			/*Deleting all CSS from the Add to calendar button*/
292			.atcb-link{
293				all: unset!important;
294				cursor: pointer!important;
295			}
296
297			.tool-text{
298				background-color: #245780;
299				color: white;
300				text-align: center;
301				display: flex;
302				justify-content: center;
303				align-items: center;
304				height: 55px;
305				padding: 5px;
306			}
307
308			.table-font{
309				font-size: 100%;
310			}
311			@media screen and (max-width: 767px) {
312				.table-font{
313					font-size: 85%;
314				}
315			}
316
317			table.footer-table tbody td{
318			   padding: 0!important;
319			   margin: 0!important;
320			   border: 0!important;
321			}
322
323			.table-footer{
324				display: table-cell!important;
325			}
326			table tbody tr td{
327			   word-wrap: break-word!important;
328				white-space: break-spaces!important;
329			}
330
331			.bootstrap-datetimepicker-widget {
332				width: 100%!important;
333				padding: 0!important;
334			}
335
336			.my-datetimepicker {
337				width: 240px!important;
338			}
339			@media screen and (max-width: 991px) {
340				.my-datetimepicker{
341					width: 100%!important;
342				}
343			}
344			#events_table_length{
345				margin-left: 20px!important;
346			}
347			#events_table_filter{
348				margin-right: 14px!important;
349			}
350			.extraSpace {
351				display: inline-block;
352			}
353			@media screen and (max-width: 767px) {
354				.extraSpace{
355					display: none;
356				}
357			}
358
359			/*.daterangepicker{
360				width: auto;
361				max-height: 500px;
362			}*/
363			.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
364				min-width:22px;
365			}
366			
367			.col-md-8{
368				padding-left: 5px;
369				padding-right: 5px;
370			}
371			
372			.addTab{
373				text-align: center;
374				width: 307px;
375				cursor: pointer;
376				display: inline-block;
377				margin-right: 5px;
378				padding: 20px;
379			}
380			@media screen and (max-width: 1510px) {
381				.addTab{
382					width: 247px;
383					padding: 20px 40px;
384				}
385			}
386			@media screen and (max-width: 1250px) {
387				.addTab{
388					width: 100%;
389					padding: 20px;
390				}
391			}
392			
393			.addRow{
394				min-height: 480px;
395				padding: 30px;
396			}
397			@media screen and (max-width: 1250px) {
398				.addRow{
399					min-height: 0px;
400				}
401			}
402		</style>
403	</head>
404	<body>
405		<style>
406	.header-icons{
407		font-size: 12px;
408		color: #245780;
409		margin-top: 13px;
410		display: inline-block;
411	}
412	@media screen and (max-width: 1000px) {
413		.header-icons{
414			position: absolute;
415			margin-top: 8px;
416			left: 15px;
417		}
418	}
419	@media screen and (max-width: 500px) {
420		.header-icons{
421			width: 77px;
422			left: 5px;
423			margin-top: 20px;
424		}
425		.header-icons a{
426			padding: 0px!important;
427			font-size: 20px!important;
428		}
429		.header-icon-text{
430			display: none;
431		}
432	}
433
434	.header-icons{
435		display: none;
436	}
437</style>
438<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
439<div class="header">
440  <a href="events.php" style="text-align:center; margin-right: 40px;" class="logo">
441	<img src="images/logo.png?v=1.1" style="height:56px;width:auto;margin-top: -8px;margin-bottom: -5px;"/>
442  </a>
443  <div class="header-icons">
444	<a href="https://play.google.com/store/apps/details?id=gr.phonegap.mconferences" onclick="Footer('Google Play');" target="_blank" style="color: #245780; text-decoration: none;">
445		<span class="header-icon-text">Android</span> <i class="fa fa-google-play fa-brands" style="margin-right: 10px;"></i>
446	</a>
447	<a href="https://itunes.apple.com/gr/app/mconferences/id1087000289?mt=8" onclick="Footer('App Store');" target="_blank" style="color: #245780;text-decoration: none;">
448		<span class="header-icon-text">iOS</span> <i class="fa fa-apple fa-brands" style=""></i>
449	</a>
450  </div>
451	<!--<div class="md-form m0 front">
452		<i class="material-icons mdc-button__icon fa fa-search"></i>
453		<input class="form-control" type="search" placeholder="Search" onkeyup="getEventsBySearchField(event,this)" aria-label="Search">
454	</div>-->
455  <div class="header-right">
456	<a style="display: none;" href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/us.png" id="enFlag" style="height: 15px; width: 23px;"/> |</a>
457	<a style="display: none;" href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/gr.png" id="grFlag" style="height: 15px; width: 23px;"/> |</a>
458	<a href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><span id="enText">EN |</span></a>
459	<a href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><span id="grText">GR |</span></a>
460    <a href="about.php" style="padding: 12px 2px; 12px 0 px;">About mConferences |</a>
461    <a href="/cdn-cgi/l/email-protection#f79e999198b79a93968396d99085c88482959d929483ca9ab498999192859299949284d2c5c7b4989983969483" style="padding: 12px 12px 12px 0px;"> Contact Us</a>
462    <a href="addanevent.php" style="background-color:#ef8231; padding:12px 20px;color: white;">List your Event!</a>
463  </div>
464  <div class="header-mobile">
465	<a style="display: none;" href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/us.png" id="enFlagMobile" style="height: 15px; width: 23px;"/> |</a>
466	<a style="display: none;" href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><img src="images/flags/gr.png" id="grFlagMobile" style="height: 15px; width: 23px;"/> &nbsp;</a>
467	<a href="" onclick="SetLocale('en');" style="padding: 12px 2px; 12px 0 px;"><span id="enTextMobile">EN |</span></a>
468	<a href="" onclick="SetLocale('gr');" style="padding: 12px 2px; 12px 0 px;"><span id="grTextMobile">GR &nbsp;</a>
469  </div>
470</div>
vendor: 109 bytes, lines 470-471
470
471<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
471<script>
472	function SetData(){
473		if(!localStorage.hasOwnProperty("locale")){
474			localStorage.setItem("locale", "en");
475		}
476		if(localStorage.getItem("locale") == "en"){
477			setCookie('locale','en',7);
478
479			document.getElementById("enText").style.fontSize = "16px";
480			document.getElementById("enFlag").style.height = "20px";
481			document.getElementById("enFlag").style.width = "30px";
482			document.getElementById("enTextMobile").style.fontSize = "16px";
483			document.getElementById("enFlagMobile").style.height = "20px";
484			document.getElementById("enFlagMobile").style.width = "30px";
485
486			document.getElementById("grText").style.fontSize = "12px";
487			document.getElementById("grFlag").style.height = "15px";
488			document.getElementById("grFlag").style.width = "23px";
489			document.getElementById("grTextMobile").style.fontSize = "12px";
490			document.getElementById("grFlagMobile").style.height = "15px";
491			document.getElementById("grFlagMobile").style.width = "23px";
492		}
493		else{
494			setCookie('locale','gr',7);
495
496			document.getElementById("enText").style.fontSize = "12px";
497			document.getElementById("enFlag").style.height = "15px";
498			document.getElementById("enFlag").style.width = "23px";
499
500			document.getElementById("grText").style.fontSize = "16px";
501			document.getElementById("grFlag").style.height = "20px";
502			document.getElementById("grFlag").style.width = "30px";
503
504			document.getElementById("enTextMobile").style.fontSize = "12px";
505			document.getElementById("enFlagMobile").style.height = "15px";
506			document.getElementById("enFlagMobile").style.width = "23px";
507
508			document.getElementById("grTextMobile").style.fontSize = "16px";
509			document.getElementById("grFlagMobile").style.height = "20px";
510			document.getElementById("grFlagMobile").style.width = "30px";
511		}
512	}
513
514	function setCookie(name,value,days) {
515		delete_cookie(name);
516		var expires = "";
517		if (days) {
518			var date = new Date();
519			date.setTime(date.getTime() + (days*24*60*60*1000));
520			//expires = "; expires=" + date.toUTCString();
521		}
522		document.cookie = name + "=" + (value || "")  + expires + "; path=/;domain=.mconferences.com";
523	}
524
525	function delete_cookie( name, path, domain ) {
526	  if( get_cookie( name ) ) {
527		document.cookie = name + "=" +
528		  ((path) ? ";path="+path:"")+
529		  ((domain)?";domain="+domain:"") +
530		  ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
531	  }
532	}
533
534	function get_cookie(name){
535		return document.cookie.split(';').some(c => {
536			return c.trim().startsWith(name + '=');
537		});
538	}
539
540	function SetLocale(locale){
541		localStorage.setItem("locale", locale);
542		setCookie('locale',locale,7);
543		SetData();
544		location.reload();
545	}
546
547	SetData();
548
549	window.mobileAndTabletCheck = function() {
550	  let check = false;
551	  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|
551sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
552	  return check;
553	};
554
555	if(!mobileAndTabletCheck()){
556		$(".header-icons").show();
557	}
558</script>
558
559<style>
560	.lds-roller {
561	  display: inline-block;
562	  position: relative;
563	  width: 80px;
564	  height: 80px;
565	}
566	.lds-roller div {
567	  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
568	  transform-origin: 40px 40px;
569	}
570	.lds-roller div:after {
571	  content: " ";
572	  display: block;
573	  position: absolute;
574	  width: 7px;
575	  height: 7px;
576	  border-radius: 50%;
577	  background: lightgray;
578	  margin: -4px 0 0 -4px;
579	}
580	.lds-roller div:nth-child(1) {
581	  animation-delay: -0.036s;
582	}
583	.lds-roller div:nth-child(1):after {
584	  top: 63px;
585	  left: 63px;
586	}
587	.lds-roller div:nth-child(2) {
588	  animation-delay: -0.072s;
589	}
590	.lds-roller div:nth-child(2):after {
591	  top: 68px;
592	  left: 56px;
593	}
594	.lds-roller div:nth-child(3) {
595	  animation-delay: -0.108s;
596	}
597	.lds-roller div:nth-child(3):after {
598	  top: 71px;
599	  left: 48px;
600	}
601	.lds-roller div:nth-child(4) {
602	  animation-delay: -0.144s;
603	}
604	.lds-roller div:nth-child(4):after {
605	  top: 72px;
606	  left: 40px;
607	}
608	.lds-roller div:nth-child(5) {
609	  animation-delay: -0.18s;
610	}
611	.lds-roller div:nth-child(5):after {
612	  top: 71px;
613	  left: 32px;
614	}
615	.lds-roller div:nth-child(6) {
616	  animation-delay: -0.216s;
617	}
618	.lds-roller div:nth-child(6):after {
619	  top: 68px;
620	  left: 24px;
621	}
622	.lds-roller div:nth-child(7) {
623	  animation-delay: -0.252s;
624	}
625	.lds-roller div:nth-child(7):after {
626	  top: 63px;
627	  left: 17px;
628	}
629	.lds-roller div:nth-child(8) {
630	  animation-delay: -0.288s;
631	}
632	.lds-roller div:nth-child(8):after {
633	  top: 56px;
634	  left: 12px;
635	}
636	@keyframes lds-roller {
637	  0% {
638		transform: rotate(0deg);
639	  }
640	  100% {
641		transform: rotate(360deg);
642	  }
643	}
644
645	.form-control:focus{
646		box-shadow: 0 0 2px .1rem rgba(70, 70, 70, 0.25)!important;
647		border-color: #c4c4c4!important;
648	}
649
650	.error-input{
651		box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;
652		border-color: #f00 !important;
653	}
654
655	.modal-open {
656		overflow: inherit;
657	}
658
659	/* @media (min-width: 480px)/* The minimum width of the display area, such as a browser window*/
660	{
661	  .modal-dialog {
662			height:  50% !important;
663
664			max-width:480px !important;
665	  }
666	} */
667	#myModalBody{
668		text-align:center;
669	}
670	body {
671		padding-right: 0 !important;
672		overflow: initial !important;
673	}
674
675/* .modal-footer {   border-top: 0px;
676	 } */
677	 .modal-footer {
678
679
680			display: block;
681			text-align: center;
682			 align-items: center;
683			 padding: .75rem;
684			 border-top: 1px solid #dee2e6;
685			 border-bottom-right-radius: calc(.3rem - 1px);
686			 border-bottom-left-radius: calc(.3rem - 1px);
687		 }
688	.forgotpw{
689		text-decoration: underline;
690	}
691
692
693
694
695</style>
696
697<link rel="stylesheet" href="css/topnav.css?v=1672352291">
698		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
699
700<style>
701	.navbar{
702		background-color:#245780;
703		padding:0px 40px  !important;
704		margin-right:0 !important;
705		width: 100% !important;
706		min-height: 44px!important;
707	}
708	.nav-link{
709		padding:15px 40px;
710	}
711	.navbar-expand-md .navbar-nav .nav-link {
712		padding-right: 1.5rem;
713		padding-left: 1.5rem;
714	}
715	@media only screen and (max-width: 1000px) {
716		.navbar-expand-md .navbar-nav .nav-link {
717			padding-right: 1rem;
718			padding-left: 1rem;
719			font-size: 80%;
720		}
721	}
722
723	li>a{
724		color:white;
725	}
726	.nav-link:hover{
727		color:black;
728		background-color:lightgray;
729	}
730	a{
731	font-size:14px;
732
733	}
734	.modal-open {
735	  padding-right: 0 !important;
736	}
737
738	html {
739	  overflow-y: scroll !important;
740	}
741	/* @media screen and (max-width: 600px) {
742	  .navbar a {
743		float: none;
744		width: 100%;
745	  }
746	} */
747
748	.sidenav {
749		z-index:1021;
750	}
751
752	@media only screen and (min-width: 1001px) {
753		#hamburger {
754			display:none;
755		}
756		#navbarSearchIcon1,#navbarXIcon1 {
757			display:none;
758		}
759	}
760
761
762	@media only screen and (max-width: 1000px) {
763		.navbar-toggler{
764			display:none;
765		}
766		.modal-dialog {
767			position: relative;
768			width: auto;
769			margin: .5rem;
770			pointer-events: none !important;
771			margin: auto !important;
772		}
773		.navbar-expand-md .navbar-collapse{
774			display: none!important;
775		}
776	}
777
778	@media only screen and (min-width: 769px) or (max-height: 850px) {
779		.modal-dialog{
780			top:50% !important;
781			margin-top: 0 !important;
782			margin-bottom:0 !important;
783			transform:translate(0%,-50%)!important;
784		}
785	}
786
787	@media only screen and (min-height: 850px) {
788		.modal-dialog{
789			top:50% !important;
790			margin-top: 0 !important;
791			margin-bottom:0 !important;
792			transform:translate(0%,-50%)!important;
793		}
794	}
795
796
797	.modal-login-dialog{
798		top:50% !important;
799		margin-top: 0 !important;
800		margin-bottom:0 !important;
801		transform:translate(0%,-50%)!important;
802	}
803
804	.modal{
805		padding-right: 0!important;
806		overflow: auto; /* When having multiple modals, if I close one, the body loses the "modal-open" class, so the second modal becomes un-scrollable
807		By adding this, I make sure this bug is mitigated, and the modal is always scrollable */
808	}
809
810	.bs-select-all {
811	  text-indent: -9999px;
812	  line-height: 0!important; /* Collapse the original line */
813	}
814
815	.bs-select-all::after {
816	  content: "Select All"; /* Select All */
817	  text-indent: 0;
818	  display: block;
819	  line-height: 20px; /* New content takes up original line height */
820	}
821
822	.bs-deselect-all {
823	  text-indent: -9999px;
824	  margin-left: 5px!important;
825	  line-height: 0!important; /* Collapse the original line */
826	}
827
828	.bs-deselect-all::after {
829	  content: "Deselect All"; /* Deselect All */
830	  text-indent: 0;
831	  display: block;
832	  line-height: 20px; /* New content takes up original line height */
833	}
834</style>
835<nav class="navbar navbar-expand-md b sticky-top">
836	<!-- <a class="navbar-brand" href="#">WebSiteName</a> -->
837
838	<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navb" aria-expanded="true">
839		<span class="navbar-toggler-icon"></span>
840	</button>
841		<a id="hamburger" href="javascript:void(0);" class="nav-link" style="height: 44px; padding-top: 15px; padding-left: 26px;
841 padding-right: 26px; color:white;  position:absolute; left:0; top:0;" onclick="menuClicked()"><i class="fa fa-bars"></i></a>
842	<input class="form-control" type="search" id="navbarSearch" style="height:100%; right: 0;width: 100%;position: absolute;transform: translateX(-100%);transition: all 0.5s ease-in-out;opacity: 0; font-size:13px;" placeholder="Type in what you are looking for" onkeyup="getEventsBySearchField(event,this)" aria-label="Search">
843
844	<i class="material-icons mdc-button__icon fa fa-search" id="navbarSearchIcon1" style="transition: all 0.5s ease-in-out; opacity:1;font-size: 23px;margin-top: 11px;color: white; cursor:pointer; position:absolute; right:5px; top:0px; right: 5px;margin: 9px 0px;padding-right: 10px;" onclick="openSearch();"></i>
845	<i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon1" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 0px;color: #ef8231; cursor:pointer;" onclick="openSearch();"></i>
846
847	<div id="navb" class="navbar-collapse collapse hide">
848
849		<ul class="navbar-nav">
850			<input class="form-control" type="search" id="navbarSearch" style="height:100%; right: 0;width: 100%;position: absolute;transform: translateX(-100%);transition: all 0.5s ease-in-out;opacity: 0; font-size:13px;" placeholder="Type in what you are looking for" onkeyup="getEventsBySearchField(event,this)" aria-label="Search">
851
852			<li class="nav-item active">
853				<a class="nav-link" href="events.php">Events</a>
854			</li>
855			<li class="nav-item active">
856				<a class="nav-link" href="venues.php">Venues</a>
857			</li>
858			<li class="nav-item active">
859				<a class="nav-link" href="pcos.php">PCOs</a>
860			</li>
861			<li class="nav-item active">
862				<a class="nav-link" href="organizers.php">Organizers</a>
863			</li>
864			<!-- <li class="nav-item">
865				<a class="nav-link" href="#">Page 1</a>
866			</li>
867			<li class="nav-item">
868				<a class="nav-link" href="#">
868Page 2</a>
869			</li> -->
870
871
872		</ul>
873
874		<ul class="nav navbar-nav ml-auto">
875			<!-- <li class="nav-item dropdown">
876	 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
877		 Dropdown
878	 </a>
879	 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
880		 <a class="dropdown-item" href="#">Edit Profile</a>
881		 <a class="dropdown-item" href="#">Preferences</a>
882		 <div class="dropdown-divider"></div>
883		 <a class="dropdown-item" href="logout.php">Logout</a>
884	 </div>
885 </li> -->
886 <li class="nav-item">
887	 <a id="nav-login" class="nav-link" href="#" data-toggle="modal" data-target="#modalLoginForm" onclick="hideSendmail()" > Login</a>
888 </li>
889 <li class="nav-item">
890	 <a class="nav-link" href="#" data-toggle="modal" data-target="#modalRegisterForm"> New User?</a>
891 </li>
892 <li class="nav-item">
893		 <div class="icons">
894			 <i class="material-icons mdc-button__icon fa fa-search" id="navbarSearchIcon" style="transition: all 0.5s ease-in-out; opacity:1;font-size: 23px;margin-top: 13px;color: white; cursor:pointer;" onclick="openSearch();"></i>
895			 <i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 14px;color: #ef8231; cursor:pointer;" onclick="openSearch();"></i>
896		 </div>
897
898</li>
899</ul>
900
901</nav>
902
903	 <i class="material-icons mdc-button__icon fa fa-times" id="navbarXIcon1" style="transform: rotate(-180deg) scale(.5); transition: all 0.5s ease-in-out; opacity:0;right:13px;font-size: 23px;margin-top: 11px;color: #ef8231; cursor:pointer; position:absolute; top:42px; z-index:2000; display:none" onclick="openSearch();"></i>
904<div class="sidenav" id="sidenav">
905	<div style="text-align: center;">
906		<img src="images/logo.png" style="height:56px;"/>
907		<a href="javascript:void(0);" class="icon" style="float:right;" onclick="menuClicked()">
908			<i class="fa fa-times" style="font-size: 30px;margin-top: -4px; color: #245780;"></i>
909		</a>
910	</div>
911	<ul class="sidenavlist" style="list-style:none; margin: 0; margin-top:25px; padding: 0; color: #245780; margin-bottom:80px;">
912		<li>
913			<div class="md-form m0">
914			  <i class="material-icons mdc-button__icon fa fa-search"></i>
915			  <input class="form-control" type="search" placeholder="Search" onkeyup="getEventsBySearchField(event,this)" aria-label="Search">
916			</div>
917		</li>
918		<li>
919			<hr>
920			<a href="" style="color:#245780;" data-toggle="modal" data-target="#modalLoginForm" onclick="hideSendmail()" >Login</a>
921		</li>
922		<li>
923			<hr>
924			<a href="" style="color:#245780;" data-toggle="modal" data-target="#modalRegisterForm">New User?</a>
925		</li>
926		<li>
927			<hr>
928			<a href="events.php" style="color:#245780;">Events</a>
929		</li>
930		<li>
931			<hr>
932			<a href="venues.php" style="color:#245780;">Venues</a>
933		</li>
934		<li>
935			<hr>
936			<a href="pcos.php" style="color:#245780;">PCOs</a>
937		</li>
938		<li>
939			<hr>
940			<a href="organizers.php" style="color:#245780;">Organizers</a>
941		</li>
942		<li>
943			<hr>
944			<a href="about.php" style="color:#245780;">About mConferences</a>
945		</li>
946		<li>
947			<hr>
948			<a href="/cdn-cgi/l/email-protection#a5cccbc3cae5c8c1c4d1c48bc2d79ad6d0c7cfc0c6d198c8e6cacbc3c0d7c0cbc6c0d6809795e6cacbd1c4c6d1" style="color:#245780;">Contact Us</a>
949			<hr>
950		</li>
951	</ul>
952</div>
953<div id="sidebottom" style="z-index:100000;transition: transform 0.5s ease-in-out;position:fixed; bottom:0;left:-100%;transform:translateX(-100%);width:100%;box-shadow: 0px 0px 5px darkgray;height: 75px;background-color: white;">
954	<div style="position:absolute; bottom:0;height:75px;left: 50%;transform: translate(-50%);padding-top: 26px;background-color: white;">
955		<a href="addanevent.php" style="background-color:#ef8231; padding:12px 20px;color: white; box-shadow: 0px 0px 5px darkgray; white-space: nowrap;">List your Event!</a>
956	</div>
957</div>
958<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 100001;" aria-hidden="true" data-backdrop="static" data-keyboard="false">
959  <div class=" modal-dialog modal-login-dialog" role="document">
960    <div class="modal-content">
961      <div class="modal-header text-center">
962        <h4 class="modal-title w-100" id="changeh4">Login</h4>
963        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
964          <span aria-hidden="true">&times;</span>
965        </button>
966      </div>
967      <div class="modal-body mx-4">
968		<div class="md-form mb-3" >
969			<label data-error="wrong" data-success="right" for="login-email">Email</label>
970          <input type="email" placeholder="Enter Email" id="login-email" class="form-control validate" >
971					<div id="login-email-error" style="color:red; display:none;">
972							Please enter a valid email.					</div>
973        </div>
974        <div class="md-form mb-3" id="hideWhenForgotPw">
975			<label data-error="wrong" data-success="right" for="login-pass">Password</label>
976          <input type="password" placeholder="Enter Password" id="login-pass" class="form-control validate">
977					<span onclick="ShowHide(this,'login-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span>
978					 <div class="forgotpw" href="#" style=" text-align:center; padding-top:8px; font-size: smaller; color:#007bff; cursor:pointer;" onclick="hidePass()"  >Forgot Password?</div>
979
980        </div>
981      </div>
982			<div id="login-btn">
983				<div class="modal-footer d-flex justify-content-center" >
984	        <button id="hidelogin" class="btn btn-deep-orange" onclick="Login();">Login</button>
985	      </div>
986			</div>
987			<div id="password-reset-loader" class="lds-roller" style="display: none; text-align:center; margin:auto;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
988					<div id="sendmail" >
989					<div   class="modal-footer d-flex justify-content-center">
990						<button  id="sendmailbtn" class="btn btn-deep-orange" onclick="sendMail();">Reset Password</button>
991					</div>
992			</div>
993
994    </div>
995  </div>
996</div>
997<div class="modal fade" id="modalRegisterForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 100001;"
998  aria-hidden="true">
999  <div class="modal-dialog" role="document">
1000    <div class="modal-content">
1001      <div class="modal-header text-center">
1002        <h4 class="modal-title w-100">Sign Up</h4>
1003        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1004          <span aria-hidden="true">&times;</span>
1005        </button>
1006      </div>
1007      <div class="modal-body mx-4">
1008        <div class="md-form mb-3">
1009		  <label data-error="wrong" data-success="right" for="register-fname">First Name*</label>
1010          <input type="text" id="register-fname" class="form-control validate">
1011        </div>
1012        <div class="md-form mb-3">
1013			<label data-error="wrong" data-success="right" for="register-lname">Last Name*</label>
1014          <input type="text" id="register-lname" class="form-control validate">
1015        </div>
1016		<div class="md-form mb-3">
1017			<label data-error="wrong" data-success="right" for="register-country">Country</label>
1018			<select title="Countries" class="form-control" id="register-country">
1019				<option value="1">Ελλάδα</option><option value="2">Αγγλία</option><option value="3">Ισπανία</option><option value="11">Γαλλία</option><option value="14">Ελβετία</option><option value="15">Ολλανδία</option><option value="17">Γερμανία</option><option value="18">Πορτογαλία</option><option value="19">Ιταλία</option><option value="20">Καναδάς</option><option value="21">Βραζιλία</option><option value="23">Αίγυπτος</option><option value="28">ΗΠΑ</option><option value="29">Λουξεμβούργο</option><option value="30">Μάλτα</option><option value="32">Ιαπωνία</option><option value="33">Νορβηγία</option><option value="34">Μαυροβούνιο</option><option value="35">Ρωσία</option><option value="36">Νότιος Κορέα</option><option value="37">Κίνα</option><option value="41">Σερβία</option><option value="42">Ιρλανδία</option><option value="43">Χιλή</option><option value="44">Τουρκία</option><option value="45">Ισραήλ</option><option value="46">Σουηδία</option><option value="47">Μεξικό</option><option value="48">Τσεχία</option><option value="49">Αυστραλία</option><option value="50">Ουγγαρία</option><option value="51">Νότιος Αφρική</option><option value="52">Σλοβενία</option><option value="53">Ουαλία</option><option value="54">Σκωτία</option><option value="55">Ιράν</option><option value="56">Ινδία</option>
1019<option value="57">Σινγκαπούρη</option><option value="58">Πολωνία</option><option value="59">Ταυλάνδη</option><option value="60">Λιθουανία</option><option value="61">Αυστρία</option><option value="62">Δανία</option><option value="63">Ρουμανία</option><option value="66">Αργεντινή</option><option value="67">Κύπρος</option><option value="68">Ινδονησία</option><option value="71">Ηνωμένα Αραβικά Εμιράτα</option><option value="72">Κροατία</option><option value="73">Βέλγιο</option><option value="74">Χαβάη</option><option value="76">Βουλγαρία</option><option value="77">Αλβανία</option><option value="78">Σαουδική Αραβία</option><option value="79">Βοσνία και Ερζεγοβίνη</option><option value="80">Ιορδανία</option><option value="81">Γεωργία</option><option value="82">Κατάρ</option><option value="83">Φινλανδία</option><option value="84">Σλοβακία</option><option value="85">Μαλαισία</option><option value="86">Κολομβία</option><option value="87">Κούβα</option><option value="88">Καζακστάν</option><option value="89">Φιλιππίνες</option><option value="91">Περού</option><option value="92">Ομάν</option><option value="94">Δημοκρατία του Παναμά</option><option value="95">Γεωργία Ευρώπη</option><option value="96">Μονακό</option><option value="97">Δημοκρατία της Κόστα Ρίκα</option><option value="100">Σρι Λάνκα</option><option value="101">Ουρουγουάη</option><option value="102">Λίβανος</option><option value="103">Μαρόκο</option><option value="104">Ουκρανία</option><option value="105">Λετονία</option><option value="106">Ισλανδία</option><option value="107">Πακιστάν</option><option value="108">Παραγουάη</option><option value="109">Εκουαδόρ - Ισημερινός</option><option value="110">Λευκορωσία</option><option value="111">Αλγερία</option><option value="112">Εσθονία</option><option value="113">Myanmar - Burma</option><option value="114">Μαλδίβες</option><option value="115">Ανατολική Αφρική</option><option value="116">Λίχτενσταϊν</option><option value="117">Σουδάν</option><option value="118">Σενεγάλη</option><option value="119">Γκάνα</option>			</select>
1020        </div>
1021		<div class="md-form mb-3">
1022			<label data-error="wrong" data-success="right" for="register-email">Email*</label>
1023          <input type="email" id="register-email" class="form-control validate" >
1024					<div id="register-email-error" style="color:red; display:none;">
1025							Please enter a valid email.					</div>
1026        </div>
1027        <div class="md-form mb-3">
1028			<label data-error="wrong" data-success="right" for="register-pass">Password*</label>
1029          <input type="password" id="register-pass" class="form-control validate">
1030		  <span onclick="ShowHide(this,'register-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span>
1031        </div>
1032		<div class="md-form mb-3">
1033			<label data-error="wrong" data-success="right" for="register-pass-verify">Verify Password*</label>
1034          <input type="password" id="register-pass-verify" class="form-control validate">
1035		  <span onclick="ShowHide(this,'register-pass-verify');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span>
1036        </div>
1037		<div class="md-form mb-3">
1038			<label data-error="wrong" data-success="right" for="register-image">Profile Image: </label>
1039			<span class="cameraIcon">
1040				<span onclick="OpenCamera();"><i style="font-size: 25px; color: #ef8231; cursor: pointer;" class="fas fa-camera"></i> </span>
1041				or			</span>
1042			<span onclick="OpenGallery();"> <i style="font-size: 25px; color: #ef8231; cursor: pointer;" class="far fa-image"></i></span>
1043
1044			<!--<div id="register-image-loader" class="lds-roller" style="display: none;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
1045			<div id="vid-canvas" style="width: 200px; height: auto; margin-bottom: 15px;"></div>-->
1046			<input type="file" id="register-image" accept="image/*" style="display: none;">
1047			<input type="text" id="register-image-path" style="display: none;" autocomplete="off">
1048			<div style="position: relative;">
1049				<div id="register-image-loader" class="lds-roller" style="display: none;"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
1050				<div id="vid-canvas" style="width: 128px; height: auto; margin-bottom: 15px;"  ></div>
1051				<div id="clear-photo" style="position: absolute; left: 135px; top: 0px; color: red;font-size: 18px; display:none">
1052					<i class="fas fa-times" style="color: red; cursor: pointer;"></i>
1053				</div>
1054			</div>
1055        </div>
1056      </div>
1057      <div class="modal-footer d-flex justify-content-center">
1058        <button class="btn btn-deep-orange" onclick="Register();">Sign Up</button>
1059      </div>
1060    </div>
1061  </div>
1062</div>
1063
1064
1065<div id="myModalRecover" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100002; background: #00000061;" data-backdrop="false">
1066		<div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;">
1067		<div class="modal-content">
1068			<div class="modal-header">
1069			<h5 id="myModalRecoverTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5>
1070
1071			</div>
1072			<div id="myModalBodyRecover" class="modal-body" style="text-align: center;">
1073
1074
1075
1076			</div>
1077			<div class="modal-footer">
1078			<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
1079			</div>
1080		</div>
1081		</div>
1082	</div>
1083	<div id="myModalReset" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100003; background: #00000061;" data-backdrop="false">
1084			<div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;">
1085			<div class="modal-content">
1086				<div class="modal-header">
1087				<h5 id="myModalResetTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5>
1088
1089				</div>
1090				<div id="myModalBodyReset" class="modal-body" style="">
1091					<div class="md-form mb-3">
1092				<label data-error="wrong" data-success="right" for="reset-pass">New Password*</label>
1093						<input type="password" placeholder="Enter new Password" id="reset-pass" class="form-control validate">
1094				<span onclick="ShowHide(this,'reset-pass');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span>
1095					</div>
1096			<div class="md-form mb-3">
1097				<label data-error="wrong" data-success="right" for="register-pass-verify">Verify New Password*</label>
1098						<input type="password" placeholder="Verify New Password" id="reset-pass-verify" class="form-control validate">
1099				<span onclick="ShowHide(this,'reset-pass-verify');" style="position: relative;float: right;margin-top: -27px;margin-right: 5px;opacity: 0.8;"><i class="fas fa-eye"></i></span>
1100					</div>
1101
1102
1103				</div>
1104				<div class="modal-footer">
1105
1106		        <button class="btn btn-deep-orange" data-dismiss="modal" >Cancel</button>
1107
1108						<button type="button" id="resetbtn" class="btn btn-primary"  onclick="updatePass()" >Reset</button>
1109				</div>
1110			</div>
1111			</div>
1112		</div>
1113
1114		<div id="myModalUpdate" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100003; background: #00000061;" data-backdrop="false">
1115				<div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;">
1116				<div class="modal-content">
1117					<div class="modal-header">
1118					<h5 id="myModalUpdateTitle" class="modal-title" style="margin: 0 auto;">Recover your Password</h5>
1119
1120					</div>
1121					<div id="myModalBodyUpdate" class="modal-body" style="">
1122						<p style="text-align:center;">
1123							Your Password has changed successfully.						</p>
1124
1125
1126					</div>
1127					<div class="modal-footer">
1128
1129					<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="reloadHome()">OK</button>
1130					</div>
1131				</div>
1132				</div>
1133			</div>
1134
1135<div id="myModal" class="modal fade" tabindex="-1" role="dialog" style="z-index: 100004; background: #00000061;" data-backdrop="false">
1136		<div class="modal-dialog" role="document" style="top: 50%;transform: translate(0,-50%); margin-top: 0;">
1137		<div class="modal-content">
1138			<div class="modal-header">
1139			<h5 id="myModalTitle" class="modal-title" style="margin: 0 auto;"></h5>
1140
1141			</div>
1142			<div id="myModalBody" class="modal-body" style="text-align:center;">
1143
1144
1145
1146			</div>
1147			<div class="modal-footer">
1148			<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
1149			</div>
1150		</div>
1151		</div>
1152	</div>
1153
1154
1155<div id="vid-controls" style="display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 100px; z-index: 100002; background-color: #000000;">
1156  <video id="vid-show" autoplay style="position: absolute;width: 100%;height: 100%; left: 0; top: 0;"></video>
1157  <div style="position: fixed;width: 100%;height: 100px; left:0; bottom:0; background-color: #000000; text-align: center;">
1158	<div style="width: 68px; height: 68px; background-color: red; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 16px;">
1159
1160	</div>
1161	<div style="width: 60px; height: 60px; background-color: black; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 20px;">
1162
1163	</div>
1164	<div id="vid-take" style="width: 50px; height: 50px; background-color: red; border-radius: 500px;position: absolute;left: 50%;transform: translate(-50%);margin-top: 25px;">
1165
1166	</div>
1167  </div>
1168</div>
vendor: 110 bytes, lines 1168-1170
1168
1169
1170<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1170<script>
1171	$(document).ready(function () {
1172	   $("#register-pass-verify").keyup(checkPasswordMatch);
1173	});
1174	$(document).ready(function () {
1175	   $("#register-pass").keyup(checkPasswordMatch);
1176	});
1177
1178	function checkPasswordMatch(){
1179		console.log("checking");
1180		if(document.getElementById("register-pass-verify").value != document.getElementById("register-pass").value){
1181			document.getElementById("register-pass-verify").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;');
1182		}
1183		else{
1184			document.getElementById("register-pass-verify").setAttribute('style', '');
1185		}
1186	}
1187
1188	$(document).ready(function () {
1189		 $("#reset-pass-verify").keyup(checkUpdatePasswordMatch);
1190	});
1191	$(document).ready(function () {
1192		 $("#reset-pass").keyup(checkUpdatePasswordMatch);
1193	});
1194
1195	function checkUpdatePasswordMatch(){
1196		console.log("checking");
1197		if(document.getElementById("reset-pass-verify").value != document.getElementById("reset-pass").value){
1198			document.getElementById("reset-pass-verify").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;');
1199		}
1200		else{
1201			document.getElementById("reset-pass-verify").setAttribute('style', '');
1202		}
1203	}
1204
1205	$('#register-email').keyup(function () {
1206    var $email = this.value;
1207    validateEmailRegister($email);
1208});
1209
1210function validateEmailRegister(email) {
1211    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
1212    if (!emailReg.test(email)) {
1213        document.getElementById("register-email").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;');
1214				document.getElementById("register-email-error").style.display="block"
1215    }else{
1216			document.getElementById("register-email").setAttribute('style', '');
1217			document.getElementById("register-email-error").style.display="none";
1218		}
1219}
1220
1221$('#login-email').keyup(function () {
1222	var $email = this.value;
1223	validateEmailLogin($email);
1224});
1225
1226function validateEmailLogin(email) {
1227    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
1228    if (!emailReg.test(email)) {
1229        document.getElementById("login-email").setAttribute('style', 'box-shadow: 0 0 2px .1rem rgba(255, 0, 0, 0.25) !important;border-color: #f00 !important;');
1230				document.getElementById("login-email-error").style.display="block"
1231    }else{
1232			document.getElementById("login-email").setAttribute('style', '');
1233			document.getElementById("login-email-error").style.display="none";
1234		}
1235}
1236
1237
1238	//window.addEventListener("load", function(){
1239	//  OpenCamera();
1240	//});
1241	function ShowHide(e, id){
1242		if(document.getElementById(id).type == "password"){
1243			document.getElementById(id).type = "text";
1244			e.innerHTML = '<i class="fas fa-eye-slash"></i>';
1245		}
1246		else{
1247			document.getElementById(id).type = "password";
1248			e.innerHTML = '<i class="fas fa-eye"></i>';
1249		}
1250	}
1251
1252	var imageLoader = document.getElementById('register-image');
1253		imageLoader.addEventListener('change', handleImage, false);
1254
1255	function handleImage(e){
1256		document.getElementById("vid-canvas").innerHTML = "";
1257		document.getElementById("register-image-loader").style.display = "block";
1258		var reader = new FileReader();
1259		reader.onload = function(event){
1260			var img = new Image();
1261			img.onload = function(){
1262				//canvas.width = img.width;
1263				//canvas.height = img.height;
1264				//ctx.drawImage(img,0,0);
1265				//RESIZE
1266
1267				var scalingFactor=Math.min((128/img.width),(128/img.height))
1268
1269				// calc the resized img dimensions
1270				var iw=img.width*scalingFactor;
1271				var ih=img.height*scalingFactor;
1272
1273				// create a new canvas
1274				var c=document.createElement('canvas');
1275				var ctx=c.getContext('2d');
1276
1277				// resize the canvas to the new dimensions
1278				c.width=iw;
1279				c.height=ih;
1280
1281				// scale & draw the image onto the canvas
1282				ctx.drawImage(img,0,0,iw,ih);
1283
1284				// Upload to server
1285				  c.toBlob(function(blob){
1286					var data = new FormData();
1287					data.append('upimage', blob);
1288					var xhr = new XMLHttpRequest();
1289					xhr.open('POST', "api/upload-image.php", true);
1290					xhr.onload = function(){
1291					  if (xhr.status==403 || xhr.status==404) {
1292						ShowWarning("Something went wrong. Please contact our support.");
1293					  } else {
1294						  document.getElementById("register-image-loader").style.display = "none";
1295
1296						  var data = JSON.parse(xhr.responseText);
1297
1298						  if(data["success"] == "1"){
1299							//document.getElementById("vid-controls").style.display = "none";
1300							//video.src = "";
1301							//stream.getTracks()[0].stop();
1302							document.getElementById("register-image-path").value = data["path"];
1303							document.getElementById("vid-canvas").innerHTML = "";
1304							document.getElementById("vid-canvas").appendChild(c);
1305							document.getElementById("clear-photo").style.display = "block";
1306						  }
1307						  else{
1308							  ShowWarning("Something went wrong. Please contact our support.");
1309						  }
1310						//alert(this.response);
1311					  }
1312					};
1313					xhr.send(data);
1314					});
1315
1316				//document.getElementById("vid-canvas").innerHTML = "";
1317				//document.getElementById("vid-canvas").appendChild(c);
1318			}
1319			img.src = event.target.result;
1320		}
1321		reader.readAsDataURL(e.target.files[0]);
1322	}
1323
1324	function OpenGallery(){
1325		document.getElementById("register-image").click();
1326	}
1327
1328	function OpenCamera(){
1329		document.getElementById("vid-controls").style.display = "block";
1330		// [1] GET ALL THE HTML ELEMENTS
1331	  var video = document.getElementById("vid-show"),
1332		  canvas = document.getElementById("vid-canvas"),
1333		  take = document.getElementById("vid-take");
1334
1335	  // [2] ASK FOR USER PERMISSION TO ACCESS CAMERA
1336	  // WILL FAIL IF NO CAMERA IS ATTACHED TO COMPUTER
1337	  navigator.mediaDevices.getUserMedia({ video : true })
1338	  .then(function(stream) {
1339		// [3] SHOW VIDEO STREAM ON VIDEO TAG
1340		video.srcObject = stream;
1341		video.play();
1342
1343		// [4] WHEN WE CLICK ON "TAKE PHOTO" BUTTON
1344		take.addEventListener("click", function(){
1345			document.getElementById("vid-canvas").innerHTML = "";
1346			document.getElementById("vid-controls").style.display = "none";
1347			document.getElementById("register-image-loader").style.display = "block";
1348			video.pause();
1349
1350		  //RESIZE
1351
1352			var scalingFactor=Math.min((128/video.videoWidth),(128/video.videoHeight))
1353
1354			// calc the resized img dimensions
1355			var iw=video.videoWidth*scalingFactor;
1356			var ih=video.videoHeight*scalingFactor;
1357
1358			// create a new canvas
1359			var c=document.createElement('canvas');
1360			var ctx=c.getContext('2d');
1361
1362			// resize the canvas to the new dimensions
1363			c.width=iw;
1364			c.height=ih;
1365
1366			// scale & draw the image onto the canvas
1367			ctx.drawImage(video,0,0,iw,ih);
1368
1369		  // Upload to server
1370		  c.toBlob(function(blob){
1371			var data = new FormData();
1372			data.append('upimage', blob);
1373			var xhr = new XMLHttpRequest();
1374			xhr.open('POST', "api/upload-image.php", true);
1375			xhr.onload = function(){
1376			  if (xhr.status==403 || xhr.status==404) {
1377				ShowWarning("Something went wrong. Please contact our support.");
1378			  } else {
1379				  var data = JSON.parse(xhr.responseText);
1380
1381				  if(data["success"] == "1"){
1382					document.getElementById("register-image-loader").style.display = "none";
1383					video.src = "";
1384					canvas.innerHTML = "";
1385					canvas.appendChild(c);
1386					stream.getTracks()[0].stop();
1387					document.getElementById("register-image-path").value = data["path"];
1388					document.getElementById("clear-photo").style.display = "block";
1389				  }
1390				  else{
1391					  ShowWarning("Something went wrong. Please contact our support.");
1392				  }
1393				//alert(this.response);
1394			  }
1395			};
1396			xhr.send(data);
1397			});
1398		});
1399	  })
1400	  .catch(function(err) {
1401		document.getElementById("vid-controls").innerHTML = "Please enable access and attach a camera";
1402	  });
1403	}
1404
1405	var menuIsOpen = false;
1406	function menuClicked() {
1407		menuIsOpen = !menuIsOpen;
1408		if(menuIsOpen){
1409			document.getElementById("sidenav").style.transform = "translateX(100%)";
1410			document.getElementById("sidebottom").style.transform = "translateX(100%)";
1411			document.body.style.overflow = "hidden";
1412		}
1413		else{
1414			document.getElementById("sidenav").style.transform = "translateX(-100%)";
1415			document.getElementById("sidebottom").style.transform = "translateX(-100%)";
1416			document.body.style.overflow = "auto";
1417		}
1418	}
1419
1420	var searchIsOpen = false;
1421	function openSearch(){
1422		searchIsOpen = !searchIsOpen;
1423		if(searchIsOpen){
1424			document.getElementById("navbarSearch").style.transform = "translateX(0%)";
1425			document.getElementById("navbarSearch").style.opacity = "0.95";
1426			document.getElementById("navbarSearchIcon").style.opacity = "0";
1427			document.getElementById("navbarSearchIcon1").style.opacity = "0";
1428			document.getElementById("navbarXIcon").style.opacity = "1";
1429			document.getElementById("navbarXIcon").style.transform = "rotate(0deg) scale(1)";
1430			document.getElementById("navbarXIcon1").style.opacity = "1";
1431			document.getElementById("navbarXIcon1").style.transform = "rotate(0deg) scale(1)";
1432		}
1433		else{
1434			document.getElementById("navbarSearch").style.transform = "translateX(-100%)";
1435			document.getElementById("navbarSearch").style.opacity = "0";
1436			document.getElementById("navbarSearchIcon").style.opacity = "1";
1437			document.getElementById("navbarSearchIcon1").style.opacity = "1";
1438			document.getElementById("navbarXIcon").style.opacity = "0";
1439			document.getElementById("navbarXIcon").style.transform = "rotate(-180deg) scale(.5)";
1440			document.getElementById("navbarXIcon1").style.opacity = "0";
1441			document.getElementById("navbarXIcon1").style.transform = "rotate(-180deg) scale(.5)";
1442		}
1443	}
1444
1445	$(document).ready(function () {
1446		var links = $('.topnav a');
1447		$.each(links, function (key, va) {
1448			if (va.href == document.URL) {
1449				$(event,this).addClass('active');
1450			}
1451		});
1452	});
1453
1454	function Register(){
1455		var fname = document.getElementById("register-fname").value;
1456		var lname = document.getElementById("register-lname").value;
1457		var country = document.getElementById("register-country").value;
1458		var email = document.getElementById("register-email").value;
1459		var pass = document.getElementById("register-pass").value;
1460		var passVerify = document.getElementById("register-pass-verify").value;
1461		var image = document.getElementById("register-image-path").value;
1462
1463		if(passVerify != pass){
1464			ShowWarning("Passwords do not match");
1465			return;
1466		}
1467
1468		var xhr = new XMLHttpRequest();
1469		var data = "";
1470		xhr.onreadystatechange = function() {
1471			if (xhr.readyState == XMLHttpRequest.DONE) {
1472				var result = JSON.parse(xhr.responseText);
1473				if(result["success"] == "false"){
1474					if(result["error"] == "missing"){
1475						ShowWarning("Please fill in all the required fields");
1476					}
1477					else if(result["error"] == "exist"){
1478						ShowWarning("There is already a user with the same email");
1479					}
1480					else{
1481						ShowWarning(result["error"]);
1482					}
1483				}
1484				else{
1485					$("#modalLoginForm").modal("hide");
1486					ShowSuccess("Registration was successful!");
1487					$("#modalRegisterForm").modal("hide");
1488				}
1489			}
1490		}
1491		xhr.open('POST', 'api/register.php', true);
1492		xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
1493		xhr.send("first_name="+encodeURI(fname)+"&surname="+encodeURI(lname)+"&useremail="+encodeURI(email)+"&user_password="+encodeURI(pass)+"&country="+encodeURI(country)+"&image="+encodeURI(image));
1494	}
1495	function Login(){
1496		var email = document.getElementById("login-email").value;
1497		var pass = document.getElementById("login-pass").value;
1498
1499		var xhr = new XMLHttpRequest();
1500		var data = "";
1501		xhr.onreadystatechange = function() {
1502			if (xhr.readyState == XMLHttpRequest.DONE) {
1503				var result = JSON.parse(xhr.responseText);
1504				if(result["valid"] == "1"){
1505					// alert("Logged in");
1506					location.reload();
1507					$("#modalLoginForm").modal("hide");
1508				}
1509				else{
1510					ShowWarning("Wrong credentials. Try again.");
1511				}
1512			}
1513		}
1514		xhr.open('POST', 'api/login.php', true);
1515		xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
1516		xhr.send("email="+encodeURI(email)+"&password="+encodeURI(pass));
1517	}
1518
1519
1520
1521	function sendMail(){
1522							document.getElementById("password-reset-loader").style.display = "initial";
1523
1524	            var email = document.getElementById("login-email").value;
1525	            var xhr = new XMLHttpRequest();
1526	            var data = "";
1527	            xhr.onreadystatechange = function() {
1528	                if (xhr.readyState == XMLHttpRequest.DONE) {
1529	                    var result = JSON.parse(xhr.responseText);
1530	                    if(result["valid"] == "1"){
1531													document.getElementById("password-reset-loader").style.display = "none";
1532													document.getElementById("myModalBodyRecover").innerHTML = "<p> An email has been sent to "+document.getElementById("login-email").value + ", with instructions to recover your password. </p> <p> Please also check your Spam folder,<br> if you cannot find the email. </p> <p>For any problem you may have, please contact <a href='mailto:[email protected]' target='_blank' >Support.</a> </p>";
1533													$("#myModalRecover").modal("show");
1534													 $("#modalLoginForm").modal("hide");
1535													document.getElementById("myModalBodyRecover").style.display = "initial";
1536													var xhr2= new XMLHttpRequest();
1537													xhr2.onreadystatechange= function(){
1538														if (this.readyState == 4 && this.status == 200) {
1539										            mailSent=true;
1540       											}
1541
1542													}
1543													xhr2.open('POST', 'api/sendMail.php', true);
1544													xhr2.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
1545							            xhr2.send("email="+encodeURI(email));
1546
1547	                    }
1548	                    else{
1549													document.getElementById("myModalBodyRecover").innerHTML = "<p> The email "+document.getElementById("login-email").value + ",<br> is not registered.</p> <p>Please try again or <a href='' onclick='ShowRegisterForm(); return false;' >register.</a>  </p>";
1550													document.getElementById("password-reset-loader").style.display="none";
1551													$("#myModalRecover").modal("show");
1552													// $("#modalLoginForm").modal("hide");
1553	                    }
1554	                }
1555	            }
1556							xhr.open('POST', 'api/checkMail.php', true);
1557							xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
1558	  					xhr.send("email="+encodeURI(email));
1559
1560
1561	}
1562
1563	function updatePass(){
1564
1565							var pass= document.getElementById("reset-pass").value;
1566	            var password= document.getElementById("reset-pass-verify").value;
1567							var token = "";
1568	            var xhr = new XMLHttpRequest();
1569	            var data = "";
1570
1571							if(password != pass){
1572								ShowWarning("Passwords do not match");
1573								return;
1574							}
1575	            xhr.onreadystatechange = function() {
1576	                if (xhr.readyState == XMLHttpRequest.DONE) {
1577	                    var result = JSON.parse(xhr.responseText);
1578											if(result["success"] == "false"){
1579												if(result["error"] == "missing"){
1580													ShowWarning("Please fill in all the required fields");
1581												}
1582												else{
1583													ShowWarning(result["error"]);
1584												}
1585											}
1586											else{
1587												$("#myModalUpdate").modal("show");
1588
1589											}
1590	                    // if(result["updated"] == "1"){
1591											// 	$("#myModalUpdate").modal("show");
1592	                    // }
1593	                    // else{
1594											// 	document.getElementById("myModalUpdateBody").innerText="Something went wrong";
1595											// 	$("#myModalUpdate").modal("show");
1596	                    // }
1597	                }
1598	            }
1599
1600	            xhr.open('POST', 'api/updatePassword.php', true);
1601							xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
1602	            xhr.send("password="+encodeURIComponent(password)+"&token="+encodeURIComponent(token));
1603	}
1604
1605
1606	function ShowWarning(msg){
1607		document.getElementById("myModalTitle").innerHTML = "Warning";
1608		document.getElementById("myModalBody").innerText = msg;
1609		$('#myModal').modal('show');
1610	}
1611	function ShowSuccess(msg){
1612		document.getElementById("myModalTitle").innerHTML = "Success";
1613		document.getElementById("myModalBody").innerText = msg;
1614		$('#myModal').modal('show');
1615	}
1616
1617
1618
1619			 function hidePass(){
1620				 document.getElementById("hideWhenForgotPw").style.display = "none";
1621				 document.getElementById("login-btn").style.display = "none";
1622				 document.getElementById("sendmail").style.display="initial";
1623
1624				 var x = document.getElementById("changeh4");
1625
1626				 if (x.innerHTML === "Login") {
1627				 x.innerHTML = "Recover your Password ";
1628				 } else {
1629				 x.innerHTML = "Login";
1630				 }
1631
1632			 }
1633
1634			 function hideSendmail(){
1635				 document.getElementById("sendmail").style.display="none";
1636			 }
1637
1638			 // function printmail() {
1639				// 	 document.getElementById("myModalBodyRecover").innerText = "We sent you an email at "+document.getElementById("login-email").value + ". Please also check the spam";
1640				// 	 $('myModalRecover').modal('show');
1641			 // }
1642			 function reloadHome(){
1643				 location.href="https://pwa.mconferences.com/events.php";
1644			 }
1645			 var isReset=0;
1646
1647		if (isReset==1){
1648			$("#myModalReset").modal("show");
1649		}
1650
1651		$('#modalLoginForm').on('hidden.bs.modal', function () {
1652			document.getElementById("modalLoginForm").innerHTML=backupModalLoginForm;
1653		});
1654
1655		var backupModalLoginForm=document.getElementById("modalLoginForm").innerHTML;
1656
1657		//  document.getElementById("sendmailbtn").addEventListener("click", function(){
1658		// 	document.getElementById("myModalTitle").innerHTML="Recover email";
1659		// });
1660
1661		// document.getElementById("resetbtn").addEventListener("click",function(){
1662		// 	document.getElementById("myModalTitle").innerHTML="Password changed!";
1663		// });
1664
1665		// $('#modalRegisterForm').on('hidden.bs.modal', function () {
1666		// 	document.getElementById("modalRegisterForm").innerHTML=backupModalRegisterForm;
1667		// });
1668		// var backupModalRegisterForm=document.getElementById("modalRegisterForm").innerHTML;
1669		//
1670		// document.getElementById('registerClickable').addEventListener('click', function(){
1671		// 	$('#modalRegisterForm').modal('show');
1672		// });
1673
1674		function ShowRegisterForm(){
1675			$('#modalLoginForm').modal('hide');
1676			$('#myModalRecover').modal('hide');
1677			$('#modalRegisterForm').modal('show');
1678
1679		}
1680
1681document.getElementById("clear-photo").addEventListener("click", function(){
1682	document.getElementById("vid-canvas").innerHTML="";
1683	document.getElementById("register-image-path").value="";
1684	document.getElementById("clear-photo").style.display="none";
1685});
1686
1687</script>
vendor: 1 bytes, line 1687
1687
1688<script>
1689	if(!mobileAndTabletCheck()){
1690		$(".cameraIcon").show();
1691	}
1692</script>
1692
1693		<div class="searchContainer" style="background: url(images/newbanner.jpg);background-size: cover;background-position: top -20px left 0px; background-repeat: no-repeat;">
1694			<div style="background-color:rgba(255,255,255,0.7);max-width: 650px;margin: 0 auto;margin-top: 80px;margin-bottom: -1px;">
1695				<div style="background-color:#ef8231; text-align:center; color:white; padding: 15px;">
1696					<p style="margin: 0;" class="looking_for_title">List your Event</p>
1697					<!--<p style="font-size:12px;">Find the next event of your interest on the number one platform for medical events</p>-->
1698				</div>
1699				<!--<div style="margin-top: 30px;padding: 0;text-align: center;">
1700					<input class="form-control mainSearch" onkeyup="getEventsBySearchField(event,this)" type="search" id="mainSearch" placeholder="Type in what you are looking for" style="display:inline-block; padding: 25px 15px;font-size: 13px;max-width: 400px;margin-bottom: 30px;"><div style="display:inline-block;height: 27px;margin: 0;padding: 0;"><i onclick="getEventsBySearchButton(this);" class="material-icons mdc-button__icon fa fa-search" style="background-color: #ef8231;padding: 15px 15px 14px 15px;margin-left: 1px;color: white;font-size: 22px;margin-left: -50px;margin-top: -3px;"></i></div>
1701				</div>-->
1702			</div>
1703		</div>
1704
1705		<div id="myModalAddAnEvent" class="modal fade" tabindex="-1" role="dialog" style="color: #053a4c;">
1706		  <div class="modal-dialog modal-dialog-centered" role="document" style="">
1707			<div class="modal-content">
1708			  <div class="modal-header">
1709				<h5 class="modal-title" style="margin: 0 auto;">Thank You!</h5>
1710				<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">
1711				  <span aria-hidden="true">&times;</span>
1712				</button>-->
1713			  </div>
1714			  <div class="modal-body">
1715				<p style="text-align:center;">
1716					The data of your event has been submitted successfully.<br>It will be validated and then published on mConferences.com				</p>
1717				<p style="text-align: center;">
1718					Would you like to add another event?				</p>
1719			  </div>
1720			  <div class="modal-footer">
1721				<button type="button" class="btn btn-primary" style="background-color: #ef8231; border-color: #ef8231;" onclick="ResetForm();" data-dismiss="modal">Yes</button>
1722				<button type="button" class="btn btn-secondary" onclick="window.location.replace('events.php');" data-dismiss="modal">No</button>
1723			  </div>
1724			</div>
1725		  </div>
1726		</div>
1727
1728		<div class="container-fluid" style="margin-top: 20px; margin-bottom: 20px; padding: 50px;">
1729			<div class="row">
1730				<div class="col-md-8 order-2 order-md-1" style="color: #053a4c;">
1731					<div style="color: #053a4c; margin-bottom: 50px; padding: 0px 23px;">
1732						<p style="font-weight: bold;">
1733							Reach and expand your target audience with mConferences.
1734						</p>
1735						<p>
1736							Submit your Medical Conference or Educational Event on our database.<br>
1737							Simply fill out the form below:<!--, or tag your event with just one click, using our new <a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank"><span style="font-weight: bold; text-decoration: underline; cursor: pointer; color: #053a4c; font-size: 16px;">Google Extension TagME!</span></a>-->
1738						</p>
1739					</div>
1740					<div style="color: #053a4c;">
1741						<div id="tab1button" onclick="SelectTab(1);" class="addTab" style="background-color: #f0f4f7; font-weight: bold;">
1742							Main Event Information
1743						</div>
1744						<div id="tab2button" onclick="SelectTab(2);" class="addTab" style="background-color: #f5f5f5;">
1745							Extended Event Information
1746						</div>
1747						<div id="tab3button" onclick="SelectTab(3);" class="addTab" style="background-color: #f5f5f5;">
1748							Personal Information
1749						</div>
1750					</div>
1751					<form role="form" action="api/submit-add-an-event.php" id="SubmitForm"  data-toggle="validator" data-disable="false">
1752						<div style="background-color: #f0f4f7;">
1753							<div id="tab1" style="display: block;">
1754								<div class="row addRow">
1755									<div class="col-lg-12 col-xl-10" style="max-width: 760px;">
1756										<div class="form-group">
1757										  <label class="control-label" style="" for="event">Event Title *</label>
1758										  <div class="input-group">
1759											<input type="text" class="form-control" id="event" name="event" placeholder="Enter the event title" required/>
1760											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1761										  </div>
1762										  <span class="help-block" style="display: none;">Please enter the event title.</span>
1763										</div>
1764										
1765										<div class="form-group">
1766										  <label class="control-label"  style=""for="daterange">Dates (From - To) *</label>
1767										  <div class="input-group">
1768
1769											<input type="text" class="form-control" id="daterange" name="daterange" placeholder="Enter the event dates" required/>
1770											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1771										  </div>
1772										  <span class="help-block" style="display: none;">Please enter a valid date.</span>
1773										</div>
1774										
1775										<div class="form-group">
1776										  <label class="control-label"  style=""for="website">Official Website </label>
1777										  <div class="input-group">
1778											<input type="text" onkeyup="validUrl(this, 1);" class="form-control optional" id="website" name="website" placeholder="Enter the official website of the event"/>
1779											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1780										  </div>
1781										  <span class="help-block" style="display: none;">Please enter the website of the event</span>
1782										</div>
1783									</div>
1784								</div>
1785								<div class="row">
1786									<div class="col-6" style="padding-right: 0px;">
1787										<div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;">
1788											<div onclick="" style="cursor: default; display: inline-block;">
1789												&nbsp;
1790											</div>
1791										</div>
1792									</div>
1793									<div class="col-6" style="padding-left: 0px;">
1794										<div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;">
1795											<div onclick="SelectTab(2);" style="cursor: pointer; display: inline-block;">
1796												Next
1797											</div>
1798										</div>
1799									</div>
1800								</div>
1801							</div>
1802							
1803							<div id="tab2" style="display: none;">
1804								<div class="row addRow">
1805									<div class="col-lg-12 col-xl-10" style="max-width: 760px;">
1806										<div class="form-group">
1807										  <label class="control-label"  style=""for="venue">Venue </label>
1808										  <div class="input-group">
1809											<input type="text" class="form-control optional" id="venue" name="venue" placeholder="Enter the venue of the event"/>
1810											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1811										  </div>
1812										  <span class="help-block" style="display: none;">Please enter the venue of the event.</span>
1813										</div>
1814
1815
1816										<div class="form-group">
1817										  <label class="control-label"  style=""for="location">City / Country </label>
1818										  <div class="input-group">
1819											<input type="text" class="form-control optional" id="location" name="location" placeholder="Enter the location of the event"/>
1820											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1821										  </div>
1822										  <span class="help-block" style="display: none;">Please enter the location of the event.</span>
1823										</div>
1824
1825										<div class="form-group">
1826										  <label class="control-label"  style=""for="source">Source of Information </label>
1827										  <div class="input-group">
1828											<input type="text" class="form-control optional" id="source" name="source" placeholder="Enter the source of information"/>
1829											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1830										  </div>
1831										  <span class="help-block" style="display: none;">Please enter the source of information</span>
1832										</div>
1833									</div>
1834								</div>
1835								<div class="row">
1836									<div class="col-6" style="padding-right: 0px;">
1837										<div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;">
1838											<div onclick="SelectTab(1);" style="cursor: pointer; display: inline-block;">
1839												Prev
1840											</div>
1841										</div>
1842									</div>
1843									<div class="col-6" style="padding-left: 0px;">
1844										<div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;">
1845											<div onclick="SelectTab(3);" style="cursor: pointer; display: inline-block;">
1846												Next
1847											</div>
1848										</div>
1849									</div>
1850								</div>
1851							</div>
1852							
1853							<div id="tab3" style="display: none;">
1854								<div class="row addRow">
1855									<div class="col-lg-12 col-xl-10" style="max-width: 760px;">
1856										<p style="font-size:90%;">*By adding your contact details, we will be able to inform you when your event is published and you can take a look at it.  Your contact details will not be shared and will be kept securely.</p>
1857										<div class="row">
1858											<div class="col-lg-6">
1859												<div class="form-group">
1860												  <label class="control-label" style="" for="email">Email </label>
1861												  <div class="input-group">
1862													<input type="text" onkeyup="validateMyEmail(this);" class="form-control optional" id="email" name="email" placeholder="Enter your email address"/>
1863													<div id="valid-email" style="display: none; width: 100%; color: red; margin-top: 3px;">
1864														Please enter a valid email
1865													</div>
1866													
1866<script>
1867														function validateMyEmail(emailField){
1868															document.getElementById("email").style.border = '1px solid rgb(103, 105, 110)';
1869															document.getElementById("email").style.boxShadow = '';
1870															document.getElementById("valid-email").style.display = "none";
1871															
1872															if(emailField.value.trim() == ""){
1873																return true;
1874															}
1875															var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
1876
1877															if (reg.test(emailField.value) == false)
1878															{
1879																document.getElementById("email").setAttribute("style", "border: 1px solid red!important; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 5px rgb(255, 0, 0)!important;");
1880																document.getElementById("valid-email").style.display = "block";
1881																return false;
1882															}
1883															return true;
1884														}
1885													</script>
1885
1886													<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1887												  </div>
1888												  <span class="help-block" style="display: none;">Please enter a valid email address.</span>
1889												</div>
1890											</div>
1891											<div class="col-lg-6">
1892												<div class="form-group">
1893												  <label class="control-label" style="" for="phone">Telephone / Mobile </label>
1894												  <div class="input-group">
1895													<input type="text" onkeyup="validTelephone(this);" class="form-control optional" id="phone" name="phone" placeholder="Enter your telephone number"/>
1896													<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1897												  </div>
1898												  <span class="help-block" style="display: none;">Please enter a valid telephone number.</span>
1899												</div>
1900											</div>
1901										</div>
1902
1903										<div class="row">
1904											<div class="col-lg-6">
1905												<div class="form-group">
1906												  <label class="control-label" style="" for="name">Name </label>
1907												  <div class="input-group">
1908													<input type="text" class="form-control optional" id="name" name="name" placeholder="Enter your name"/>
1909													<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1910												  </div>
1911												  <span class="help-block" style="display: none;">Please enter your name.</span>
1912												</div>
1913											</div>
1914											<div class="col-lg-6">
1915												<div class="form-group">
1916												  <label class="control-label" style="" for="surname">Surname </label>
1917												  <div class="input-group">
1918													<input type="text" class="form-control optional" id="surname" name="surname" placeholder="Enter your surname"/>
1919													<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1920												  </div>
1921												  <span class="help-block" style="display: none;">Please enter your surname.</span>
1922												</div>
1923											</div>
1924										</div>
1925
1926										<div class="form-group">
1927										  <label class="control-label" style="" for="company">Company </label>
1928										  <div class="input-group">
1929											<input type="text" class="form-control optional" id="company" name="company" placeholder="Enter your company or organization"/>
1930											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1931										  </div>
1932										  <span class="help-block" style="display: none;">Please enter your company or organization.</span>
1933										</div>
1934
1935
1936										<div class="form-group">
1937										  <label class="control-label" style="" for="company_website">Website </label>
1938										  <div class="input-group">
1939											<input type="text" onkeyup="validUrl(this, 3);" class="form-control optional" id="company_website" name="company_website" placeholder="Enter your company's website"/>
1940											<span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1941										  </div>
1942										  <span class="help-block" style="display: none;">Please enter your company's website.</span>
1943										</div>
1944									</div>
1945								</div>
1946								<div class="row">
1947									<div class="col-6" style="padding-right: 0px;">
1948										<div style="background-color: #f5f5f5; text-align: left; padding: 20px 40px;">
1949											<div onclick="SelectTab(2);" style="cursor: pointer; display: inline-block;">
1950												Prev
1951											</div>
1952										</div>
1953									</div>
1954									<div class="col-6" style="padding-left: 0px;">
1955										<div style="background-color: #f5f5f5; text-align: right; padding: 20px 40px;">
1956											<div onclick="Submit();" id="NewSubmitBtn" style="padding: 0; margin: 0; background: none; border: none; cursor: pointer; display: inline-block;">
1957												Submit Event											</div>
1958											<button class="btn btn-deep-orange" type="submit" id="SubmitBtn" style="margin: 0; display: none;"></button>
1959										</div>
1960									</div>
1961								</div>
1962							</div>
1963						</div>
1964					</form>
1965				</div>
1966				<div class="col-md-4 align-self-center order-1 order-md-2" style="text-align: center;">
1967					<!--<a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank">
1968						<img src="images/TagMe_square_logo-01.png" style="height: auto; width: 150px; max-width: 100%;"/>
1969					</a>
1970					<div style="color: #053a4c; margin-bottom: 15px;">
1971						Publish your Event with One Click
1972					</div>
1973					<a href="https://chrome.google.com/webstore/detail/tagme/ijfagkhfkpdgcnchaelmlaieechajaek" target="_blank">
1974						<img src="images/chrome.png" style="height: auto; width: 260px; max-width: 100%;"/>
1975					</a>-->
1976				</div>
1977			</div>
1978			<!--
1979		  <div id="contact_form" class="row" style="margin-top: 0; border: 1px solid #d8dadc; border-radius: 10px; padding: 15px 15px 0 15px;">
1980          <div class="col-md-12">
1981            <p>
1982              You can now upload & promote your Medical Conference or Educational Event on mConferences.  Simply fill out the form below and we will take care of the rest.			 </p>
1983		    <p>
1984			  		    </p>
1985
1986
1987              <div class="panel-default" style="border: none;padding: 0;">
1988                <div class="panel-heading" style="border: 0; padding: 10px 0px; background-color: #f4f4f4; margin-top: 35px; color: unset;">Event Information</div>
1989                <div class="" style="padding: 15px 0;">
1990
1991                  <form role="form" action="webservices/submit-add-an-event.php" id="SubmitForm"  data-toggle="validator" data-disable="false">
1992
1993                    <div class="form-group">
1994                      <label class="control-label" style="" for="event">Event Title *</label>
1995                      <div class="input-group">
1996                        <input type="text" class="form-control" id="event" name="event" placeholder="Enter the event title" required/>
1997                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
1998                      </div>
1999                      <span class="help-block" style="display: none;">Please enter the event title.</span>
2000                    </div>
2001
2002                    <div class="form-group">
2003                      <label class="control-label"  style=""for="daterange">Dates (From - To) *</label>
2004                      <div class="input-group">
2005
2006                        <input type="text" class="form-control" id="daterange" name="daterange" placeholder="Enter the event dates" required/>
2007                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2008                      </div>
2009                      <span class="help-block" style="display: none;">Please enter a valid date.</span>
2010                    </div>
2011
2012
2013                    <div class="form-group">
2014                      <label class="control-label"  style=""for="venue">Venue </label>
2015                      <div class="input-group">
2016                        <input type="text" class="form-control optional" id="venue" name="venue" placeholder="Enter the venue of the event"/>
2017                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2018                      </div>
2019                      <span class="help-block" style="display: none;">Please enter the venue of the event.</span>
2020                    </div>
2021
2022
2023                    <div class="form-group">
2024                      <label class="control-label"  style=""for="location">City / Country </label>
2025                      <div class="input-group">
2026                        <input type="text" class="form-control optional" id="location" name="location" placeholder="Enter the location of the event"/>
2027                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2028                      </div>
2029                      <span class="help-block" style="display: none;">Please enter the location of the event.</span>
2030                    </div>
2031
2032
2033                    <div class="form-group">
2034                      <label class="control-label"  style=""for="website">Official Website </label>
2035                      <div class="input-group">
2036                        <input type="text" class="form-control optional" id="website" name="website" placeholder="Enter the official website of the event"/>
2037                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2038                      </div>
2039                      <span class="help-block" style="display: none;">Please enter the website of the event</span>
2040                    </div>
2041
2042                    <div class="form-group">
2043                      <label class="control-label"  style=""for="source">Source of Information </label>
2044                      <div class="input-group">
2045                        <input type="text" class="form-control optional" id="source" name="source" placeholder="Enter the source of information"/>
2046                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2047                      </div>
2048                      <span class="help-block" style="display: none;">Please enter the source of information</span>
2049                    </div>
2050
2051
2052
2053                  </div>
2054
2055                </div>
2056              </div>
2057
2058              <div class="col-md-12" style="margin-top: 35px;">
2059
2060                <div class="panel-default" style="border: none;padding: 0;">
2061                  <div class="panel-heading" style="border: 0; padding: 10px 0px; background-color: #f4f4f4; color: unset;">Personal Information</div>
2062                  <div class="" style="padding: 15px 0;">
2063                    <p style="font-size:90%;">*By adding your contact details, we will be able to inform you when your event is published and you can take a look at it.  Your contact details will not be shared and will be kept securely.</p>
2064                    <div class="form-group">
2065                      <label class="control-label" style="" for="email">Email </label>
2066                      <div class="input-group">
2067                        <input type="email" class="form-control optional" id="email" name="email" placeholder="Enter your email address"/>
2068                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2069                      </div>
2070                      <span class="help-block" style="display: none;">Please enter a valid email address.</span>
2071                    </div>
2072
2073
2074
2075                    <div class="form-group">
2076                      <label class="control-label" style="" for="name">Name </label>
2077                      <div class="input-group">
2078                        <input type="text" class="form-control optional" id="name" name="name" placeholder="Enter your name"/>
2079                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2080                      </div>
2081                      <span class="help-block" style="display: none;">Please enter your name.</span>
2082                    </div>
2083
2084
2085                    <div class="form-group">
2086                      <label class="control-label" style="" for="surname">Surname </label>
2087                      <div class="input-group">
2088                        <input type="text" class="form-control optional" id="surname" name="surname" placeholder="Enter your surname"/>
2089                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2090                      </div>
2091                      <span class="help-block" style="display: none;">Please enter your surname.</span>
2092                    </div>
2093
2094
2095
2096                    <div class="form-group">
2097                      <label class="control-label" style="" for="company">Company </label>
2098                      <div class="input-group">
2099                        <input type="text" class="form-control optional" id="company" name="company" placeholder="Enter your company or organization"/>
2100                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2101                      </div>
2102                      <span class="help-block" style="display: none;">Please enter your company or organization.</span>
2103                    </div>
2104
2105
2106                    <div class="form-group">
2107                      <label class="control-label" style="" for="phone">Telephone / Mobile </label>
2108                      <div class="input-group">
2109                        <input type="text" class="form-control optional" id="phone" name="phone" placeholder="Enter your telephone number"/>
2110                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2111                      </div>
2112                      <span class="help-block" style="display: none;">Please enter a valid telephone number.</span>
2113                    </div>
2114
2115
2116                    <div class="form-group">
2117                      <label class="control-label" style="" for="company_website">Website </label>
2118                      <div class="input-group">
2119                        <input type="text" class="form-control optional" id="company_website" name="company_website" placeholder="Enter your company's website"/>
2120                        <span class="input-group-addon" style="display: none;"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
2121                      </div>
2122                      <span class="help-block" style="display: none;">Please enter your company's website.</span>
2123                    </div>
2124
2125                </div>
2126
2127              </div>
2128				<div class="modal-footer d-flex justify-content-center">
2129					<button class="btn btn-deep-orange" type="submit" id="SubmitBtn" style="margin: 0;">Submit Event</button>
2130				  </div>
2131			</div>
2132
2133
2134
2135
2136
2137            <div class="col-md-12">
2138
2139            </div>
2140
2141
2142          </div>
2143
2144        </form>
2145		-->
2146		</div>
2147		
2148
2149		<style>
2150  footer a{
2151    color: #a0abbd;
2152  }
2153  footer li{
2154    color: #a0abbd;
2155  }
2156  footer a:hover{
2157    color: #a0abbd;
2158  }
2159  footer{
2160    color: #a0abbd;
2161  }
2162
2163
2164 .register a:hover, .register a:visited, .register a:link {
2165	 color: rgba(255, 255, 255, 0.6);
2166}
2167 .register {
2168	 margin: 0 auto 0;
2169	 display: flex;
2170	 justify-content: center;
2171	 align-items: center;
2172}
2173 .field {
2174	 width: 100%;/*385px;*/
2175	 height: 70px;
2176	 position: relative;
2177}
2178 .field input {
2179	 width: 100%;
2180	 border-radius: 2px;
2181	 height: 70px;
2182	 border: 0;
2183	 padding: 10px;
2184	 padding: 3px 0 0 16px;
2185	 font-size: 0;
2186	 background: #1566bb;
2187	 transition: background 0.3s ease;
2188	 color: #fff;
2189}
2190 .field input:focus {
2191	 background: #065cb7;
2192	 font-size: 18px;
2193}
2194 .field input:focus::selection {
2195	 background: rgba(188, 232, 255, 0.5);
2196}
2197 .field input.active {
2198	 background: #065cb7;
2199	 font-size: 18px;
2200}
2201 .field input, .field button {
2202	 position: absolute;
2203	 height: 50px;
2204}
2205 .field button {
2206	 background: rgba(0, 0, 0, 0.3);
2207	 right: 0;
2208	 border: 0;
2209	 width: 90px;
2210	 border-radius: 2px;
2211	 font-size: 14px;
2212	 cursor: pointer;
2213	 transition: width 0.3s ease, background 0.3s ease, opacity 0.3s ease;
2214	 opacity: 0;
2215	 color: #065cb7;
2216	 text-transform: uppercae;
2217	 pointer-events: none;
2218	 padding: 3px;
2219}
2220 .field button.active {
2221	 color: #fff;
2222	 background: #639edb;
2223	 opacity: 1;
2224	 pointer-events: auto;
2225}
2226 .field button.active:hover {
2227	 background: #5e99d6;
2228}
2229 .field button.full {
2230	 width: 100%;
2231}
2232 .field input:focus + label {
2233	 font-size: 10px;
2234	 transform: translate(16px, -1px);
2235	 color: rgba(255, 255, 255, 0.7);
2236}
2237 .field label {
2238	 position: absolute;
2239	 color: rgba(255, 255, 255, 1);
2240	 transform: translate(16px, 13px);
2241	 transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s 0.1s ease;
2242	 font-size: 16px;
2243}
2244 .field label.active {
2245	 font-size: 10px;
2246	 transform: translate(16px, 11px);
2247	 color: rgba(255, 255, 255, 0);
2248}
2249 .field input:focus + label + button {
2250	 opacity: 1;
2251}
2252
2253footer ul{
2254	line-height: 16px;
2255}
2256footer li{
2257  margin: 8px 0;
2258}
2259.footer-apps{
2260	display: none;
2261}
2262</style>
2263<footer style="font-size: 80%; line-height: 22px;">
2264  <div class="container-fluid">
2265	  <div class="row" style="padding: 25px; background-color:#245780;">
2266		  <div class="col-6 col-md-2">
2267			  <ul style="list-style: none; padding: 0;">
2268				<li><b style="color: white;">COMPANY</b></a></li>
2269				<li><a href="about.php">About Us</a></li>
2270				<li><a href="investor_relations.php">Investor Relations</a></li>
2271				<li><a href="termsofuse.php">Privacy Policy &<div style='margin-top: 8px;'>Terms of Use</div></a></li>
2272			  </ul>
2273		  </div>
2274		  <div class="col-6 col-md-2">
2275			  <ul style="list-style: none; padding: 0;">
2276				<li><b style="color: white;">QUICK BROWSE</b></a></li>
2277				<li><a href="eventspercountry.php">Events per Country</a></li>
2278				<li><a href="eventspercity.php">Events per City</a></li>
2279        <li><a href="eventsperorganizer.php">Events per Organizer</a></li>
2280				<li><a href="eventsperpco.php">Events per PCO</a></li>
2281				<li><a href="eventspervenue.php">Events per Venue</a></li>
2282				<li><a href="eventsperspecialty.php">Events per Specialty</a></li>
2283			  </ul>
2284		  </div>
2285		  <div class="col-6 col-md-2">
2286			  <ul style="list-style: none; padding: 0;">
2287				<li><b style="color: white;">SPECIALTIES</b></a></li>
2288				<li><a onclick="SaveAction('Clicked on', 'Footer - Cardiology');" href="events.php?specialty=Cardiology">Cardiology</a></li>
2289				<li><a onclick="SaveAction('Clicked on', 'Footer - Dermatology');" href="events.php?specialty=Dermatology">Dermatology</a></li>
2290				<li><a onclick="SaveAction('Clicked on', 'Footer - Diabetology');" href="events.php?specialty=Diabetology">Diabetology</a></li>
2291				<li><a onclick="SaveAction('Clicked on', 'Footer - Endocrinology');" href="events.php?specialty=Endocrinology">Endocrinology</a></li>
2292				<li><a onclick="SaveAction('Clicked on', 'Footer - Hematology');" href="events.php?specialty=Hematology">Hematology</a></li>
2293				<li><a onclick="SaveAction('Clicked on', 'Footer - Oncology');" href="events.php?specialty=Oncology">Oncology</a></li>
2294				<li><a onclick="SaveAction('Clicked on', 'Footer - Pathology');" href="events.php?specialty=Pathology">Pathology</a></li>
2295				<li><a onclick="SaveAction('Clicked on', 'Footer - Pediatric');
2295" href="events.php?specialty=Pediatric">Pediatric</a></li>
2296				<li><a onclick="SaveAction('Clicked on', 'Footer - Psychiatry');" href="events.php?specialty=Psychiatry">Psychiatry</a></li>
2297				<li><a onclick="SaveAction('Clicked on', 'Footer - Surgery');" href="events.php?specialty=Surgery">Surgery</a></li>
2298				<li><a onclick="SaveAction('Clicked on', 'Footer - Radiology');" href="events.php?specialty=Radiology">Radiology</a></li>
2299				<li><a onclick="SaveAction('Clicked on', 'Footer - Other');" href="events.php?other_specialty=1">Other</a></li>
2300
2301				<!-- <li><a onclick="SaveAction('Clicked on', 'Footer - Cardiology');SelectSpecialty(3266); return false;" href="#">Cardiology</a></li>
2302				<li><a onclick="SaveAction('Clicked on', 'Footer - Dermatology');SelectSpecialty(3270); return false;" href="#">Dermatology</a></li>
2303				<li><a onclick="SaveAction('Clicked on', 'Footer - Diabetology');SelectSpecialty(3287); return false;" href="#">Diabetology</a></li>
2304				<li><a onclick="SaveAction('Clicked on', 'Footer - Endocrinology');SelectSpecialty(3268); return false;" href="#">Endocrinology</a></li>
2305				<li><a onclick="SaveAction('Clicked on', 'Footer - Hematology');SelectSpecialty(3279); return false;" href="#">Hematology</a></li>
2306				<li><a onclick="SaveAction('Clicked on', 'Footer - Oncology');SelectSpecialty(3257); return false;" href="#">Oncology</a></li>
2307				<li><a onclick="SaveAction('Clicked on', 'Footer - Pathology');SelectSpecialty(3251); return false;" href="#">Pathology</a></li>
2308				<li><a onclick="SaveAction('Clicked on', 'Footer - Pediatric');SelectSpecialty(3249); return false;" href="#">Pediatric</a></li>
2309				<li><a onclick="SaveAction('Clicked on', 'Footer - Psychiatry');SelectSpecialty(3238); return false;" href="#">Psychiatry</a></li>
2310				<li><a onclick="SaveAction('Clicked on', 'Footer - Surgery');SelectSpecialty(3239); return false;" href="#">Surgery</a></li>
2311				<li><a onclick="SaveAction('Clicked on', 'Footer - Radiology');SelectSpecialty(3277); return false;" href="#">Radiology</a></li>
2312				<li><a onclick="SaveAction('Clicked on', 'Footer - Other');SelectSpecialty('other'); return false;" href="#">Other</a></li> -->
2313			  </ul>
2314		  </div>
2315		  <div class="col-6 col-md-2">
2316			  <ul style="list-style: none; padding: 0;">
2317				<li><b style="color: white;">METRICS</b></a></li>
2318				<li><a href="top50events.php">Top 50 Events</a></li>
2319				<li><a href="top20specialties.php">Top 20 Specialties</a></li>
2320			  </ul>
2321		  </div>
2322		  <div class="col-6 col-md-2">
2323			  <ul style="list-style: none; padding: 0;">
2324				<li><b style="color: white;">PHARMA & BIOTECH</b></a></li>
2325				<li><a href="advertisement.php">Advertisement</a></li>
2326				<li><a href="data_mining.php">Data mining</a></li>
2327			  </ul>
2328		  </div>
2329		  <div class="col-6 col-md-2">
2330			  <ul style="list-style: none; padding: 0;">
2331				<li><b style="color: white;">EVENT ORGANIZERS</b></a></li>
2332				<li><a href="addanevent.php">List your Event</a></li> <!--PAGE WILL PROMPT USER TO REGISTER-->
2333				<li><a href="promote.php">Promote your event</a></li>
2334				<li><a href="analysis.php">Competitor Analysis & Data mining</a></li>
2335			  </ul>
2336		  </div>
2337		  <!--<div class="col-6 col-md-3">
2338			  <ul style="list-style: none; padding: 0;">
2339				  <li><input type="text" placeholder="Enter your email address" style="width: 180px;"></input></li>
2340				  <li><button style="width: 180px;">Subscribe</button></li>
2341			  </ul>
2342		  </div>-->
2343	  </div>
2344	  <div class="row" style="padding: 25px; background-color:#14324a; line-height:25px; text-align:center; border-top: 1px solid white;">
2345		<div class="col-12 col-sm-8 col-lg-4" style="margin: 10px 0; text-align: left;">
2346		  We keep your information safe<br>
2347		  <div class="register">
2348			<div class="field" style="max-width: 100%;">
2349			  <input id="register" maxlength="50" type="text" class="" style="left: 0; padding-right: 100px;">
2350				<label for="register" class="" style="left: 0;"><span>Email Address</span>
2351			  </label>
2352			  <button class="">Subscribe</button>
2353			</div>
2354		  </div>
2355		  <!--<input type="text" placeholder="Enter your email address" style="width: 65%;height:37px;"/><button style="height:37px; background-color:#245780; color:white; border: 0;">Subscribe</button><br>-->
2356		</div>
2357		<div class="col-12 col-sm-4 col-lg-2" style="margin: 10px 0; text-align: left;">
2358		<div style="margin-right: 15px; margin-bottom: 3px;">Follow Us</div>
2359		  <ul class="socialSitessprite" style="display: inline; margin: 0;padding: 0 0 0 0;list-style: none; font-size: 30px;">
2360			<li style="display: inline;"><a target="_blank" href="https://www.facebook.com/mconferencesapp"><i style="font-size: 30px;" class="fab fa-facebook-f"></i></a> </li>
2361			<li style="display: inline;"><a target="_blank" href="https://www.youtube.com/channel/UCy5cxmsXfWuwBDCLpqFzx9A"><i style="font-size: 30px;" class="fab fa-youtube"></i></a>  </li>
2362			<li style="display: inline;"><a target="_blank" href="https://www.instagram.com/mconferences.app/"><i style="font-size: 30px;" class="fab fa-instagram"></i></a></li>
2363		  </ul>
2364		</div>
2365		<div class="col-12 col-sm-8 col-lg-4 footer-apps" style="margin: 10px 0; text-align: left;">
2366		  Mobile App Available<br>
2367			<div style="margin-top: 4px;">
2368			  <a href="https://itunes.apple.com/gr/app/mconferences/id1087000289?mt=8" onclick="Footer('App Store');" target="_blank" class="header-applink" style="text-decoration: none;">
2369				<img src="images/AppStore.png" alt="Download on Apple Store" style="height: 35px;">
2370			  </a>
2371			  <a href="https://play.google.com/store/apps/details?id=gr.phonegap.mconferences" onclick="Footer('Google Play');" target="_blank" class="header-applink" style="text-decoration: none;">
2372				<img src="images/GooglePlay.png" alt="Download on Google Play" style="height: 35px;">
2373			  </a>
2374			</div>
2375		</div>
2376		<div class="col-12 col-sm-4 col-lg-2 footer-apps" style="margin: 25px 0 10px 0px; text-align: left;">
2377		  <img src="icons/pwaNew.png" style="height:30px;width:auto;"/><br>
2378		  mConferences Progressive Web App		</div>
2379	  </div>
2380	  <div class="row" style="padding: 5px; background-color:#14324a; line-height:25px; text-align:center;">
2381		<div class="col-12" style="margin: 0;">
2382			Copyright 2016-2026 © mdata.gr
2383		</div>
2384	  </div>
2385	</div>
2386  
2386<script>
2387    var $form = $('.register');
2388
2389    function validateEmail(email) {
2390      //return true;
2391      var regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
2392      return regex.test(email);
2393    };
2394
2395    $form.on('keyup', 'input', function(e) {
2396      var $this = $(this),
2397        $input = $this.val();
2398      if ($input.length > 0) {
2399        $form.find('label').addClass('active');
2400        if (validateEmail($input)) {
2401          $form.find('button').addClass('active');
2402          if (e.which === 13) {
2403            $form.find('button').click();
2404            $this.blur();
2405          }
2406        } else {
2407          $form.find('button').removeClass('active');
2408        }
2409        $(this).addClass('active');
2410      } else {
2411        $form.find('label').removeClass('active');
2412        $form.find('button').removeClass('active');
2413        $(this).removeClass('active');
2414      }
2415    });
2416
2417    $form.on('click', 'button.active', function(e) {
2418      e.preventDefault;
2419      var $this = $(this);
2420      $(this).addClass('full');
2421      $(this).html('Thanks!');
2422
2423      setTimeout(()=> {
2424        $form.find('input').val('').removeClass('active');
2425        $form.find('label').removeClass('active');
2426        $this.removeClass('full active');
2427        $this.html('Subscribe');
2428      }, 2200);
2429
2430		var xhr = new XMLHttpRequest();
2431		xhr.open('POST', 'api/subscribeUser.php', true);
2432		xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
2433		xhr.send("email="+encodeURIComponent($form.find('input').val()));
2434    })
2435
2436    function Footer(store){
2437      SaveAction("Clicked on", "Footer - " + store);
2438    }
2439
2440    if(!mobileAndTabletCheck()){
2441  		$(".footer-apps").show();
2442  	}
2443  </script>
2443
2444</footer>
2445		
2445<script>
2446			function SelectTab(id){						
2447				document.getElementById("tab1").style.display = "none";
2448				document.getElementById("tab2").style.display = "none";
2449				document.getElementById("tab3").style.display = "none";
2450				
2451				document.getElementById("tab1button").style.backgroundColor = "#f5f5f5";
2452				document.getElementById("tab2button").style.backgroundColor = "#f5f5f5";
2453				document.getElementById("tab3button").style.backgroundColor = "#f5f5f5";
2454				document.getElementById("tab1button").style.fontWeight = "normal";
2455				document.getElementById("tab2button").style.fontWeight = "normal";
2456				document.getElementById("tab3button").style.fontWeight = "normal";
2457				
2458				document.getElementById("tab"+id).style.display = "block";
2459				document.getElementById("tab"+id+"button").style.backgroundColor = "#f0f4f7";
2460				document.getElementById("tab"+id+"button").style.fontWeight = "bold";
2461			}
2462			function findPos(obj) {
2463			    var curtop = 0;
2464			    if (obj.offsetParent) {
2465			        do {
2466			            curtop += obj.offsetTop;
2467			        } while (obj = obj.offsetParent);
2468			    return [curtop];
2469			    }
2470			}
2471
2472			window.onresize = function(){
2473				Resized();
2474			};
2475
2476			function Resized(){
2477				console.log("RESIZING");
2478			/*	if(document.getElementById("secondaryNavBar").offsetWidth < document.getElementById("filter").offsetWidth+document.getElementById("display").offsetWidth){
2479					document.getElementById("filter").style.float = "none";
2480				}
2481				else{
2482					document.getElementById("filter").style.float = "right";
2483				}*/
2484			}
2485
2486			function ResetForm(){
2487				document.getElementById("SubmitForm").reset();
2488				//document.getElementById("NewSubmitBtn").style.display = "block";
2489				SelectTab(1);
2490				window.scroll(0,0);
2491			}
2492			
2493			function Submit(){
2494				if(!$("form#SubmitForm")[0].checkValidity()){
2495					SelectTab(1);
2496					$("#SubmitBtn").click();
2497				}
2498				else{ //Is valid
2499					$("#SubmitBtn").click();
2500				}
2501			}
2502			
2503			function validUrl(officialWebsite, tab) {
2504				officialWebsite.style.border = "";
2505				if(officialWebsite.value.trim() != ""){
2506					var regexp = /^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/;
2507					if (!regexp.test(officialWebsite.value)) {
2508						SelectTab(tab);
2509						officialWebsite.style = "border: 1px solid red!important;";
2510						return false; //invalid
2511					} else {
2512						return true; //valid
2513					}
2514				}
2515				return true;
2516			}
2517			
2518			function validTelephone(telephone){
2519				telephone.style.border = "";
2520				if(telephone.value.trim() != ""){
2521					var regexp = /^[0-9]{5,15}$/;
2522					if (!regexp.test(telephone.value)) {
2523						SelectTab(3);
2524						telephone.style = "border: 1px solid red!important;";
2525						return false; //invalid
2526					} else {
2527						return true; //valid
2528					}
2529				}
2530				return true;
2531			}
2532
2533			var dataForm;
2534
2535			$("#SubmitForm").submit(function(e) {
2536				e.preventDefault(); // avoid to execute the actual submit of the form.
2537
2538				//document.getElementById("NewSubmitBtn").style.display = "none";
2539				
2540				let hasError = false;
2541				
2542				hasError = !validUrl(document.getElementById("website"), 1);
2543				hasError = !validUrl(document.getElementById("company_website"), 3);
2544				
2545				hasError = !validTelephone(document.getElementById("phone"));
2546				
2547				let email = document.getElementById("email");
2548				if(validateMyEmail(email) == false){
2549					var e = document.getElementById("email");
2550					/*$('html, body').animate({
2551						scrollTop: $(e).offset().top-50
2552					}, 500);*/
2553					hasError = true;
2554				}
2555				
2556				if(hasError)
2557					return;
2558				
2559				var form = $(this);
2560				var url = form.attr('action');
2561				dataForm = form.serialize(); // serializes the form's elements.
2562
2563				$.ajax({
2564					   type: "POST",
2565					   url: url,
2566					   data: dataForm,
2567					   success: function(d)
2568					   {
2569						   $('#myModalAddAnEvent').modal('show');
2570						   $.ajax({
2571							   type: "POST",
2572							   url: "api/submit-add-an-event-mail.php",
2573							   data: dataForm,
2574							   success: function(d)
2575							   {
2576
2577							   }
2578						   });
2579					   }
2580					 });
2581
2582
2583			});
2584
2585function CheckPassword(){
2586	document.getElementById("error").style.display = "none";
2587	password = document.getElementById("password").value;
2588	if(password == "280010"){
2589		window.location.href = redirectTo;
2590	}
2591	else{
2592		document.getElementById("error").style.display = "block";
2593	}
2594}
2595
2596		$(function() {
2597		 /* $('input[name="daterange"]').daterangepicker({
2598
2599			locale: {
2600			  format: 'DD-MM-YYYY'
2601			}
2602				*/
2603			$('input[name="daterange"]').daterangepicker({
2604				timePicker: true,
2605				"timePicker24Hour": true,
2606				startDate: moment().startOf('hour'),
2607				endDate: moment().startOf('hour').add(32, 'hour'),
2608				autoUpdateInput: false,
2609				locale: {
2610				  format: 'DD/MM/YYYY HH:mm'
2611				}
2612			  }, function(start, end, label) {
2613				  $('input[name="daterange"]').val(start.format('DD/MM/YYYY HH:mm') + " - " + end.format('DD/MM/YYYY HH:mm'));
2614				//  console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
2615				});
2616		  });
2617		//});
2618		</script>
2618
2619		
2619<script>
2620      /*if('serviceWorker' in navigator) {
2621        navigator.serviceWorker.register('sw.js')
2622          .then(function() {
2623                console.log('Service Worker Registered');
2624          });
2625      }*/
2626    </script>
2626
2627	
2627<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"65136df9d1d347c6980fefb7576fcfbe","r":1,"spa":2}' crossorigin="anonymous"></script>
2627
2628</body>
2629</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.