<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- ========== Meta Tags ========== -->
		<meta charset="UTF-8">
		<meta name="description" content="VIBE Fesztivál">
		<meta name="keywords" content="VIBE Fesztivál">
		<meta name="author" content="LIMITLESS - AN IT COMPANY & DIVERSITY ADVERTISING">
		<meta property="og:title" content="VIBE Fesztivál">
		<meta property="og:image" content="http://www.vibefestival.ro/fbimg.jpg">
		<meta property="og:url" content="https://vibefestival.ro">
		<meta property="og:description" content="Erdély legszínesebb fesztiválja">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="2362704250673152">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<!-- ========== Title ========== -->
		<title>Vibe Fesztivál</title>
		<!-- ========== Favicon Ico ========== -->
		<link rel="icon" href="assets/img/favicon.png">
		<!-- ========== STYLESHEETS ========== -->
		<!-- Bootstrap CSS -->

		<link href="assets/css/bootstrap.min.css" rel="stylesheet">
		<!-- Fonts Icon CSS -->
		<link href="assets/css/font-awesome.min.css" rel="stylesheet">
		<link href="assets/css/et-line.css" rel="stylesheet">
		<link href="assets/css/ionicons.min.css" rel="stylesheet">
		<!-- Carousel CSS -->
		<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
		<link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
		<!-- Animate CSS -->
		<link rel="stylesheet" href="assets/css/animate.min.css">
		<!-- Custom styles for this template -->
		<link href="assets/css/main.css" rel="stylesheet">
		<!-- Facebook Pixel Code -->
		<script>
			!function(f,b,e,v,n,t,s)
			{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
				n.callMethod.apply(n,arguments):n.queue.push(arguments)};
			 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
			 n.queue=[];t=b.createElement(e);t.async=!0;
			 t.src=v;s=b.getElementsByTagName(e)[0];
			 s.parentNode.insertBefore(t,s)}(window,document,'script',
											 'https://connect.facebook.net/en_US/fbevents.js');
			fbq('init', '557732314790265'); 
			fbq('track', 'PageView');
		</script>
		<noscript>
			<img height="1" width="1" 
				 src="https://www.facebook.com/tr?id=557732314790265&ev=PageView
					  &noscript=1"/>
		</noscript>
		<!-- End Facebook Pixel Code -->
		
		<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158301959-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-158301959-1');
</script>
	</head>
	<style>

		.inpw::placeholder {
			color: #fff;
		}
		.inpw::placeholder {
			color:#fff ;
		}
	</style>
	<body>
		<div class="loader">
			<div class="loader-outter"></div>
			<div class="loader-inner"></div>
		</div>

		<!--header start here -->
		<header class="header navbar fixed-top navbar-expand-md">
			<div class="container">
				<a class="navbar-brand logo" href="index.php">
					<img src="assets/img/logo.png"/>
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#headernav" aria-expanded="false" aria-label="Toggle navigation">
					<span class="lnr lnr-text-align-right"></span>
				</button>
				<div class="collapse navbar-collapse flex-sm-row-reverse" id="headernav">
					<ul class=" nav navbar-nav menu">

												
						<li class="nav-item">
							<div class="dropdown">
								<button class="dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background:transparent;color:#fff;border:none;outline:none;padding: 20px 12px !important;font-size: 15px;">
									INFO
								</button>
								<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
									<a class="nav-link" href="about.php" style="padding:10px 12px !important">Rólunk</a>
									<a class="nav-link" href="http://2019.vibefestival.ro/" target="_blank" style="padding:10px 12px !important">VIBE 2019</a>
									<a class="nav-link" href="http://2018.vibefestival.ro/" target="_blank" style="padding:10px 12px !important">VIBE 2018</a>
									<a class="nav-link" href="rules.php" style="padding:10px 12px !important">Szabályzat</a>
								</div>
							</div>
						</li>
						<li class="nav-item"><div class="dropdown">
							<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background:transparent;color:#fff;border:none;outline:none;padding: 20px 12px !important;font-size: 15px;">
								JEGYEK
							</button>
							<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
								<a class="nav-link " href="index.php#tickets" style="padding:10px 12px !important">Online</a>
								<a class="nav-link" href="offlinetickets.php" style="padding:10px 12px !important">Offline</a>
								<a class="nav-link" href="greenticket" style="padding:10px 12px !important">Green Ticket</a>
							
							</div>
							</div></li>
						<li class="nav-item">
							<a class="nav-link " href="koli.php">Koli</a>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="media.php">Média</a>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="contact.php">Kapcsolat</a>
						</li>
						<li class="nav-item telno">
							<a class="nav-link">|</a>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="?lan=hu">HU</a>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="?lan=ro">RO</a>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="?lan=en">EN</a>
						</li>
																	</ul>
				</div>
			</div>
		</header>
		<!--header end here-->
<link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://rawgit.com/LeshikJanz/libraries/master/Bootstrap/baguetteBox.min.css">
<!--page title section-->
<section class="inner_cover parallax-window" data-parallax="scroll" data-image-src="assets/img/bg/events.jpg">
	<div class="container">
		<div class="row justify-content-center align-items-center">
			<div class="col-12">
				<div class="inner_cover_content">
					<h3>
						Koli
					</h3>
				</div>
			</div>
		</div>

		<div class="breadcrumbs">
			<ul>

												<li><a href="index.php">Főoldal</a>  |  </li>
				<li><span>Koli</span></li>

								


			</ul>
		</div>
	</div>
</section>
<!--page title section end-->

<!--about section -->
<section class="pt100 pb100">
	<div class="container">
		<div class="section_title">
			<h3 class="title">
				Koli
			</h3>
		</div>

		<div class="row justify-content-center">
			<div class="col-12" style="margin:auto;">
				<p style="text-transform:none;font-size:18px;font-family:vibelight;">

										
					A VIBE Koli egy tudásfórum elsősorban az erdélyi magyar középiskolások és egyetemisták számára. Azzal a céllal született, hogy a Vibe Fesztivál nyújtotta szabadidős programok mellett a fesztiválra érkező fiataloknak minőségi tudásplatformként szolgáljon. A közös szórakozás és tanulás egyaránt közösségi élményt nyújt. A koncertekre érkező közönség jelentős részének az esti koncertek mellett szakmai tartalommal teli nappali programra is igénye van. A VIBE Koli erre az igényre válaszol. 
					A Koli ugyanúgy kínál szórakozási lehetőséget az Y generációnak, akár a Z-nek és az X-nek is. <br><br>

					A Vibe Koli 2020 központi témája a “Tudatosság.Trend.Természet” . <br><br>

					A három központi téma olyan területeket ölel fel, amelyek aktuálisak és közérdekűek a digitalizálódó társadalom számára. A Vibe Koliba olyan, szakmailag felkészült előadókat hívunk meg, akik olyan kérdésekre adnak választ előadásaikban, amik az aktuális természeti változásokkal felmerülnek mindannyiunkban. Beszélnek olyan trendekről, melyek szorosan kötődnek a természethez és a tudatos élethez, mint a vegán életmód, a műanyagmentes hétköznapok, a tudatos közlekedés. <br><br>
					ELSŐ NEVEK: <br>
					dr. Zacher Gábor • Tibi atya • TrollFoci • Popsimessiás Vászonzsákoslány • dr. Kádár Magor • dr. Fodor János • dr. Kálmán Attila • dr. Mara Gyöngyvér • dr. Szenkovics Dezső • Egon Nagy <br><br>
					Többek között ezeket a kérdéseket fogjuk feltenni a meghívottjainknak: <br>
					💭 Milyen trendek alakítják a legújabb generációk életét? <br>
					💭 Hogy alakul át a bolygónk és az életvitelünk az emberi tevékenység miatt? <br>
					💭 Milyen téren és mennyire tudatosak az erdélyi magyar fiatalok? <br> <br>

					A Koli Garázs a VIBE Koli fő helyszíne, ahol előadások és beszélgetések zajlanak. <br>
					A Koli Udvar szabadtéri előadás helyszín, közvetlenül a Garázs mellette található kellemes zöld udvar, ahol beszélgetések zajlanak. <br>
					A Koli Part a Maros-parton található kellemesen hűvös, zöld terület, közvetlenül a bejárat után. Ezen a helyszínen tematikus sátrak, workshopok és kiállítások várják az érdeklődőket. <br>


										



				</p>
			</div>
		</div>
	</div>
</section>

<section class="pb50">
	<div class="container">
		<div class="section_title">
			<h3 class="title">
				Előadók
			</h3>
		</div>
		<div class="row justify-content-center">


			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart1.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart2.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart3.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart4.png" alt="speaker name">
					</div>
				</div>
			</div>
		</div>
		<div class="row justify-content-center" style="margin-top: 10px;">
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img" >
						<img src="assets/img/koli/koliart5.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart6.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img" >
						<img src="assets/img/koli/koliart7.png" alt="speaker name">
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="speaker_box">
					<div class="speaker_img">
						<img src="assets/img/koli/koliart8.png" alt="speaker name">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="pb50 pt50">

	<div class="container gallery-container">
		<div class="section_title">
			<h3 class="title">
				Képek
			</h3>
		</div>
		<div class="tz-gallery">

			<div class="row">

				<div class="col-sm-6 col-md-3">
					<a class="lightbox" href="images/kolivibe1.jpg">
						<img src="images/kolivibe1.jpg" alt="Bridge">
					</a>
				</div>
				<div class="col-sm-6 col-md-3">
					<a class="lightbox" href="images/kolivibe2.jpg">
						<img src="images/kolivibe2.jpg" alt="Park">
					</a>
				</div>
				<div class="col-sm-6 col-md-3">
					<a class="lightbox" href="images/kolivibe4.jpg">
						<img src="images/kolivibe4.jpg" alt="Bridge">
					</a>
				</div>
				<div class="col-sm-6 col-md-3">
					<a class="lightbox" href="images/kolivibe3.jpg">
						<img src="images/kolivibe3.jpg" alt="Park">
					</a>
				</div>


			</div>

		</div>

	</div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
	<script>
		baguetteBox.run('.tz-gallery');
	</script>


</section>
<section class="pb50">
	<div class="container">
		<div class="section_title mt50">
			<h3 class="title">
				Koli TV
			</h3>
		</div>

		<div class="row">
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe style="width:100%;height:350px;" src="https://www.youtube.com/embed/BgCLzymtqgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/xPPpAzL6mM0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/psjoYdQzya0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/YzuotlFXb0I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/KPmhkZda8WY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/uAVSwY_hcC0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/8dNL5iOQay8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>

			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/ErtM5UtcHII" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/pSywcVv-bMQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12" style="margin:auto;">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/BHwDIaWjHoo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
			<div class="col-lg-6 col-md-6 col-xs-12">
				<iframe  style="width:100%;height:350px;" src="https://www.youtube.com/embed/24WXwh-RNbw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>

		</div>


	</div>
</section>


<!--get tickets section end-->
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--footer start -->
<footer>
	<div class="container">
		<div class="row justify-content-center">

			<div class="col-md-4 col-12">
				<div class="footer_box">
					<div class="footer_header" style="margin-bottom:5px;">
						<div class="footer_logo">
							<img src="assets/img/logo.png" style="width:65%;" alt="evento">
						</div>
					</div>
					<div class="footer_box_body">

						<ul class="footer_social">
							<li>
								<a href="https://www.facebook.com/vibefesztival/" target="_blank"><i class="ion-social-facebook"></i></a>
							</li>
							<li>
								<a href="https://www.instagram.com/vibefesztival" target="_blank"><i class="ion-social-instagram"></i></a>
							</li>
							<li>
								<a href="http://bit.ly/VIBE2020Playlist" target="_blank"><i class="ion-social-youtube"></i></a>
							</li>
							
							<li>
								<a href="http://bit.ly/VIBE2020spotify" target="_blank"><i class='fab fa-spotify'></i></a>
							</li>
							
							<li>
								<a href="http://bit.ly/vibe2020applemusic" target="_blank"><i class='fab fa-apple'></i></a>
							</li>

						</ul>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-4">
				<div class="footer_box">
					<div class="footer_header">
						<h4 class="footer_title">
																					VIBE FESZTIVÁL
														
						</h4>
					</div>
					<div class="footer_box_body">

						<p>
																					Erdély legnagyobb magyar fesztiválja Július 2-5. között a Maros-parton. A LEGJOBB MAGYARORSZÁGI ÉS ERDÉLYI ELŐADÓKKAL, NEMZETKÖZI VILÁGSZTÁROKKAL ÉS A LEGSZÍNESEBB FESZTIVÁLPROGRAMMAL JELENTKEZÜNK.
																				</p>

					</div>
				</div>
			</div>

			<div class="col-12 col-md-4">
				<div class="footer_box">
					<div class="footer_header">
						<h4 class="footer_title">
																					Iratkozz fel a hírlevelünkre
																				</h4>
					</div>
					
					<div class="footer_box_body">
						<form action="" method="post">
							<div class="newsletter_form">
								<input type="email" name="email" class="form-control inpw" placeholder="E-Mail">
																								<button name="subscribe"  class="btn btn-rounded btn-block btn-sec">Feliratkozás</button>
																
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<div class="copyright_footer">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-12 col-12">
				<p>
					Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved |  <a href="http://lim-it-less.com" target="_blank">LIMITLESS - AN IT COMPANY</a> AND <a href="http://diversityads.ro/" target="_blank">Diversity Advertising</a>
				</p>
			</div>
		</div>
	</div>
</div>
<!--footer end -->

<!-- jquery -->
<script src="assets/js/jquery.min.js"></script>
<!-- bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<!--slick carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!--parallax -->
<script src="assets/js/parallax.min.js"></script>
<!--Counter up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!--Counter down -->
<script src="assets/js/jquery.countdown.min.js"></script>
<!-- WOW JS -->
<script src="assets/js/wow.min.js"></script>
<!-- Custom js -->
<script src="assets/js/main.js"></script>
</body>
</html>