<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Haver Alapítvány</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/style.css?v1.4">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,700,700i" rel="stylesheet">
<meta property="og:image" content="http://haver.hu/image/photo/csapat_monitor_small.jpg" />
<meta property="og:title" content="Haver Alapítvány" />
<meta property="og:description" content="Hiszünk abban, hogy valós tanulás, csak párbeszéd és aktív részvétel segítségével történhet!" />
<meta property="og:url" content="http://haver.hu/" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133408809-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-133408809-1');
</script>
<script src="js/haver.js?v=20200519"></script>
<header>
		<a class="menuButton" href="menu">
		<img src="image/menu.svg">
	</a>
		<a href="/" class="logo">
		<img src="image/haver_logo_fekvo.svg">
	</a>
</header>
<main class="landing">

<div class="modal" data-automodal>
	<div class="modal__content modal__content--yellow modal__content--thin">
		<span class="modal__close modal__close--dark" data-modalClose>&times;</span>
        <div class="attentionBox">
    		<h3 class="emphasized mon--emphasized">Online is oktatunk!</h3><br>
                <a class="buttonBox buttonBox--dark buttonBox--hoverYellow buttonBox--noBottomMarginMON buttonBox--long"
                    href="https://mailchi.mp/198d048139cf/idn-is-haverok-12316806?fbclid=IwAR09e0tXYayciaFI9e7ue88-V6WNpm8-imizjaLWM9gclL4GHXU5h6bu9Uc"
                    target="_blank"
                    rel="nofollow">
    			<span class="buttonBox__text" style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Részletek</span>
    			<span class="button button--white button--right button--arrow button--arrowRight"></span>
    		</a>
        </div>
	</div>
</div>

<nav class="boxes emphasized white mon--emphasized" id="landingMenu">
	<a href="rolunk" class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--blue boxes__box--aboutUs">
			<span class="boxes__cover"></span>
			<span class="boxes__text boxes__text--center">Rólunk</span>
		</div>
	</a>
	<a href="oktatas" class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--yellow boxes__box--education">
			<span class="boxes__cover"></span>
			<span class="boxes__text boxes__text--center">Oktatás</span>
		</div>
	</a>
	<a href="projektek" class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--green boxes__box--projects">
			<span class="boxes__cover"></span>
			<span class="boxes__text boxes__text--center">Projektek</span>
		</div>
	</a>
	<a href="csatlakozz" class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--red boxes__box--joinUs">
			<span class="boxes__cover"></span>
			<span class="boxes__text boxes__text--center">Csatlakozz</span>
		</div>
	</a>
	<span class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--cite">
			<span class="cite dark mon--cite">Hiszünk abban hogy valós tanulás csak párbeszéd és aktív részvétel segítségével történhet!</span>
		</div>
	</span>
	<a href="tamogass" class="boxes__boxWrap boxes__boxWrap--threeColumn">
		<div class="boxes__box boxes__box--cyan boxes__box--supportUs">
			<span class="boxes__cover"></span>
			<span class="boxes__text boxes__text--center">Támogass</span>
		</div>
	</a>
</nav>
</main>