index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>RoboCap - warsztaty programowania i robotyki dla dzieci</title>
    <!-- Meta -->
	<link rel="alternate" hreflang="pl" href="http://robocap.pl/" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="RoboCap to grupa entuzjastów informatyki i programowania. Prowadzimy zajęcia dla dzieci z robotyki i programowania, podczas których świetnie się bawimy i wiele uczymy. Naszym celem jest propagowanie nauki programowania i robotyki wśród najmłodszych.">
    <meta name="author" content="RoboCap">
	<meta property="og:title" content="RoboCap to grupa entuzjastów informatyki i programowania." />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://www.robocap.org/" />
	<meta property="og:image" content="https://www.robocap.org/logoRobocapFB.png" />
	<meta property="og:site_name" content="RoboCap - warsztaty programowania i robotyki dla dzieci" />
	<meta property="og:description" content="Prowadzimy zajęcia dla dzieci z robotyki i programowania, podczas których świetnie się bawimy i wiele uczymy. Naszym celem jest propagowanie nauki programowania i robotyki wśród najmłodszych." />
	<meta name="title" content="RoboCap - warsztaty programowania i robotyki dla dzieci">
	<meta name="robots" content="index, follow">
	<meta name="keywords" CONTENT="kurs, nauka programowania, nauka dla dzieci, robota, zaprogramować robota, program nauczania, informatyka, robotyka, kursy, warsztaty, zajęcia, po szkole, podstawy informatyki, podstawy programowania, kursy naukowe, kurs programowania, pokaz robotów, dla dzieci, LEGO,zajęcia z robotami,kursy z robotami,kursy lego,zajęcia lego, wroclaw, robocap, geek girls carrots, mindstorm, sphero, java, capgemini, szpital, github, scratch, lejos, darmowe, wolontariat"/>
    <link rel="shortcut icon" href="favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/facebook.css">
    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
	<link rel="stylesheet" href="assets/css/jquery.fullPage.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/events.css">
    <link rel="stylesheet" href="assets/css/stylesEvent.css">
    <!-- magnific-popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">

    <!-- Templates -->
    <script id="wydarzenieTemplate" type="text/html">
        <li>
            <time datetime="{{ datetime.full }}">
                <span class="day">{{ datetime.day }}</span>
                <span class="month">{{ datetime.month }}</span>
                <span class="year">{{ datetime.year }}</span>
                <span class="time">{{ datetime.time }}</span>
            </time>
            <img alt="{{ image.alt }}" src="{{ image.src }}" />
            <div class="info">
                <h2 class="title">{{ title }}</h2>
                <p class="desc"><a id="link{{ id }}" href="#{{ id }}"><span class="fa fa-pencil-square-o"></span> {{ desc.link }}</a></p>
                <ul>
                    <li style="width:20%;"><span class="fa fa-graduation-cap"></span> {{ graduation }}</li>
                    <li style="width:20%;"><span class="fa fa-users"></span> {{ tutors }}</li>
                    <li style="width:60%;"><span class="fa fa-cogs"></span> {{ technology }}</li>
                </ul>
            </div>
        </li>
    </script>

    <script id="wydarzenieSzczegolyTemplate" type="text/html">
        <div class="about white-popup mfp-hide" id="{{ id }}">
            <div class="row">
                <ul class="event-list">
                    <li>
                        <time datetime="{{ datetime.full }}">
                            <span class="day">{{ datetime.day }}</span>
                            <span class="month">{{ datetime.month }}</span>
                            <span class="year">{{ datetime.year }}</span>
                            <span class="time">{{ datetime.time }}</span>
                        </time>
                        <div class="info">
                            <h2 class="title">{{ title }}</h2>
                            <ul>
                                <li style="width:20%;"><span class="fa fa-graduation-cap"></span> {{ graduation }}</li>
                                <li style="width:20%;"><span class="fa fa-users"></span> {{ tutors }}</li>
                                <li style="width:60%;"><span class="fa fa-cogs"></span> {{ technology }}</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="col-xs-12 text-justify">
                    <hr>
                    <p>{{{ desc.text }}}</p>
                    <hr>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 text-center">
                    <a class="img-container"><img alt="{{ image.alt }}" src="{{ image.src }}" style="max-width: 90%"></a>
                </div>
            </div>
        </div>
    </script>

	<!-- Javascript -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
	<script type="text/javascript" src="assets/plugins/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="assets/plugins/jquery.fullPage.min.js"></script>
	<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/plugins/magnific-popup.min.js"></script>
    <script type="text/javascript" src="assets/plugins/template/ICanHaz.min.js"></script>


	<script type="text/javascript" src="assets/js/main.js"></script>

	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-68918634-1', 'auto');
	  ga('send', 'pageview');

	</script>
</head>

<body>
	<!-- Javascript for FB-->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.3&appId=1381891405450971";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<header id="header" class="header" role="banner">
    <!-- ******FACEBOOK****** -->
		<div class="facebook">
			<img src="pictures/facebook.png" class="facebook-przycisk" alt="facebook" />
			<div class="facebook-ramka">
				<div class="fb-page" data-href="https://www.facebook.com/robocappl"
					data-width="462" data-height="510" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false"
					data-show-facepile="false" data-show-posts="true">
					<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/robocappl"><a href="https://www.facebook.com/robocappl">RoboCap.pl</a></blockquote></div>
				</div>
			</div>
		</div>

		<div class="container">
			<h1 class="logo pull-left">
				<a href="#stronaGlowna">
					<span class="logo-title">RoboCap</span>
				</a>
			</h1><!--//logo -->

			<nav id="main-nav" class="main-nav navbar-right" role="navigation">
				<div class="navbar-header">
					<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button><!--//nav-toggle -->
				</div><!--//navbar-header -->
				<div class="navbar-collapse collapse" id="navbar-collapse">
					<ul class="nav navbar-nav" id="menu">
						<li data-menuanchor="stronaGlowna" class="nav-item"><a href="#stronaGlowna">Strona główna</a></li>
						<li data-menuanchor="oNas" class="nav-item"><a href="#oNas">O nas</a></li>
						<li data-menuanchor="zespol" class="nav-item"><a href="#zespol">Nasz zespół</a></li>
						<li data-menuanchor="coRobimy" class="nav-item"><a href="#coRobimy">Co robimy</a></li>
						<li data-menuanchor="wydarzenia" class="nav-item"><a href="#wydarzenia">Wydarzenia</a></li>
						<li data-menuanchor="partnerzy" class="nav-item"><a href="#partnerzy">Przyjaciele</a></li>
						<li data-menuanchor="kontakt" class="nav-item last"><a href="#kontakt">Kontakt</a></li>
					</ul><!--//nav-->
				</div><!--//navabr-collapse-->
			</nav><!--//main-nav-->

		</div>
</header><!--//header-->
<div id="fullpage">
    <!-- ******PROMO****** -->
	<div class="section" id="section0">
		<section id="promo" class="promo">
			<div class="container">
				<div class="item col-md-6 col-sm-6 col-xs-12">
					<img src="logoRobocap.png" alt="logo" class="img-responsive">
				</div>
				<div class="item col-md-6 col-sm-6 col-xs-12 text-center">
					<br><br>
					<h2 class="title hidden-xs">RoboCap</h2>
					<p class="intro hidden-xs">Warsztaty programowania i robotyki dla dzieci</p>
					<div class="btns">
						<a class="btn btn-cta-secondary" href="https://github.com/RoboCap" target="_blank">Odwiedź nas na GitHub</a>
					</div>
				</div>
			</div><!--//container-->
		</section><!--//promo-->
	</div>


    <!-- ******ABOUT****** -->
	<div class="section" id="section1">
		<section id="about1" class="about">
			<div class="container">
				<h2 class="title text-center">Czym jest RoboCap?</h2>
				<p class="intro text-justify">RoboCap to zajęcia przeznaczone dla dzieci w wieku 6-14 lat organizowane przez grupę pracowników firmy <a href="http://www.capgeminisoftware.pl">Capgemini we Wrocławiu</a> oraz
			pozytywnie zakręconych wolontariuszy spoza firmy, którzy się do inicjatywy dołączyli :-)</p>
				<p class="intro text-justify">W ramach zajęć dzieci biorą udział w różnorodnych projektach, podczas których uczą się planowania zadań, programowania, a także robotyki i elektroniki.
				Program został przetestowany na dzieciach pracowników firmy, które mogły poznać kulisy pracy swoich rodziców i zasiąść w ich biurze przy ich stanowiskach.
				Aktualnie planujemy rozszerzenie działalności i skierowanie warsztatów dla dzieci z wrocławskich szkół, domów dziecka i szpitali. Główną zaletą zajęć w ramach RoboCap jest fakt, że dzieci
				nie tylko uczą się przy komputerze, ale także aktywnie współpracują w grupie.
				</p>

				<div class="row">
					<div class="item col-md-6 col-sm-6 col-xs-12">
						<div class="icon-holder">
							<i class="fa fa-heart"></i>
						</div>
						<div class="content">
							<h3 class="sub-title">Przyjazna atmosfera</h3>
							<p>Zajęcia są prowadzone w małych, kilkuosobowych grupach, dzięki czemu prowadzący mogą pomóc każdemu dziecku z osobna. Nikt nie jest tutaj anonimowy,
							możemy się poznać i nawiązać kontakt, dzięki czemu dzieci chętniej i aktywniej przystępują do zadań, a ich rezultaty są wspaniałe.
							</p>
						</div><!--//content-->
					</div><!--//item-->
					<div class="item col-md-6 col-sm-6 col-xs-12">
						<div class="icon-holder">
							<i class="fa fa-users"></i>
						</div>
						<div class="content">
							<h3 class="sub-title">Profesjonalny zespół</h3>
							<p>Zajęcia prowadzone są przez zawodowych informatyków, dzięki czemu pytania uczestników nigdy nie pozostaną bez odpowiedzi. Chętnie dzielimy się swoją wiedzą oraz poszerzamy tematykę zajęć zgodnie z zainteresowania uczestników.
							</p>
							</div><!--//content-->
					</div><!--//item-->
				</div>
				<div class ="row">
					<div class="item col-md-6 col-sm-6 col-xs-12">
						<div class="icon-holder">
							<i class="fa fa-lightbulb-o"></i>
						</div>
						<div class="content">
							<h3 class="sub-title">Różnorodna tematyka</h3>
							<p>Zajęcia prowadzone są w oparciu o różne technologie, dzięki czemu każde dziecko znajdzie coś dla siebie. Stale poszerzamy tematykę zajęć, dlatego
							jeśli masz jakieś sugestie, skontaktuj się z nami. Chcemy w ten sposób podzielić się swoją pasją z jak największą ilością dzieci.
							</p>
						</div><!--//content-->
					</div><!--//item-->
					<div class="item col-md-6 col-sm-6 col-xs-12">
						<div class="icon-holder">
							<i class="fa fa-dollar"></i>
						</div>
						<div class="content">
							<h3 class="sub-title">Zajęcia są nieodpłatne</h3>
							<p>W zamian za dzielenie się wiedzą i inspirowanie do rozwoju pobieramy tylko jedną opłatę - uśmiech :) Zadowolone dzieci, to zadowoleni prowadzący, a nam daje to mnóstwo energii do przygotowywania kolejnych zajęć.
							</p>
						</div><!--//content-->
					</div><!--//item-->

				</div><!--//row-->
			</div><!--//container-->
		</section><!--//about-->
    </div>

	<!-- UWAGA! JEŚLI DODAJESZ NOWEGO CZŁONKA ZESPOŁU, DOPASUJ KOLEJNY NR ID I DOPISZ OSOBĘ DO TABLICY W PLIKU main.js -->
	<div class="section" id="section2">
		<section id="team" class="about">
			<div class="container text-center">
			<h2 class="title text-center">Nasz zespół</h2>
				<div class="polaroid-images">
					<a id="links0" title="Piotr Smyk"><img height="120" data-src="pictures/team/smyk_piotr.jpg" alt="Piotr Smyk" /></a>
					<a id="links14" title="Sylwia Robak"><img height="120" data-src="pictures/team/robak_sylwia.jpg" alt="Sylwia Robak" /></a>
					<a id="links4" title="Tomek Łaszkiewicz"><img height="120" data-src="pictures/team/laszkiewicz_tomasz.jpg" alt="Tomek Łaszkiewicz" /></a>
					<a id="links15" title="Natalia Jarczyńska"><img height="120" data-src="pictures/team/jarczynska_natalia.jpg" alt="Natalia Jarczyńska" /></a>
					<a id="links5" title="Krzysiu Sobkowiak"><img height="120" data-src="pictures/team/sobkowiak_krzysiu.jpg" alt="Krzysiu Sobkowiak" /></a>
					<a id="links6" title="Łukasz Łaszkiewicz"><img height="120" data-src="pictures/team/laszkiewicz_lukasz.jpg" alt="Łukasz Łaszkiewicz" /></a>
					<a id="links17" title="Paweł Błach"><img height="120" data-src="pictures/team/blach_pawel.jpg" alt="Paweł Błach" /></a>
					<a id="links16" title="Dagmara Krent"><img height="120" data-src="pictures/team/krent_dagmara.jpg" alt="Dagmara Krent" /></a>
					<a id="links1" title="Łukasz Gadomski"><img height="120" data-src="pictures/team/gadomski_lukasz.jpg" alt="Łukasz Gadomski" /></a>
					<a id="links7" title="Marek Lis"><img height="120" data-src="pictures/team/lis_marek.jpg" alt="Marek Lis" /></a>
					<a id="links2" title="Marcin Motowidło"><img height="120" data-src="pictures/team/motowidlo_marcin.jpg" alt="Marcin Motowidło" /></a>
					<a id="links10" title="Jacek Cząstkiewicz"><img height="120" data-src="pictures/team/czastkiewicz_jacek.jpg" alt="Jacek Cząstkiewicz" /></a>
                    <a id="links3" title="Ola Buchla"><img height="120" data-src="pictures/team/buchla_ola.jpg" alt="Ola Buchla" /></a>
					<a id="links13" title="Kasia Dębowa"><img height="120" data-src="pictures/team/debowa_kasia.jpg" alt="Kasia Dębowa" /></a>
					<a id="links9" title="Piotr Kałużny"><img height="120" data-src="pictures/team/kaluzny_piotr.jpg" alt="Piotr Kałużny" /></a>
					<a id="links12" title="Marek Puchalski"><img height="120" data-src="pictures/team/puchalski_marek.jpg" alt="Marek Puchalski" /></a>
					<a id="links18" title="Wojtek Sobasik"><img height="120" data-src="pictures/team/sobasik_wojciech.jpg" alt="Wojciech Sobasik" /></a>
					<a id="links19" title="Victor Martinez Roig"><img height="120" data-src="pictures/team/victor_martinez_roig.jpg" alt="Victor Martinez Roig" /></a>
					<a id="links11" title="Ty?"><img height="120" data-src="pictures/team/ty.jpg" alt="Ty?" /></a>
				</div>
			</div>
		</section>
	</div>

    <!-- ******FEATURES****** -->
	<div class="section" id="section3">
		<section id="features" class="features">
			<div class="container text-center">
				<h2 class="title">Co robimy:</h2>
				<p class="text-justify"><i>Zarażamy</i> dzieci swoją <i>pasją</i>. Poszerzamy ich horyzonty poprzez kreatywną zabawę,
				w której to one same tworzą fantastyczne rzeczy. Nieważne, czy jest to algorytm,
				czy skonstruowany i zaprogramowany robot. Nasza rola to <i>wsparcie i odblokowanie potencjału</i>,
				który już tam jest :)
				</p>

				<p class="text-justify">Staramy się być na bieżąco z obecnymi technologiami i trendami, dlatego cały czas sami też się uczymy
				i <i>poszerzamy swoje kompetencje</i>. W ten sposób nigdy nie jest nudno!
				</p>

				<p class="text-justify">Wybór technologii jest dostosowany do grupy wiekowej. Zaczynamy już z 6-latkami i podstawami algorytmiki.
				8-latki i starsze dzieci uczą się programować, a potem także prostej robotyki. Efekty są naprawdę zadziwiające i to
				za każdym razem :)
				Najfajniej jest, gdy z początku mało zainteresowany osobnik, w połowie zajęć pyta nas
				„kiedy będą następne warsztaty?”. To jest właśnie nasze paliwo!
				</p>

				<p class="text-justify">
				Aktualny stos technologiczny zapewniający nam doskonałą zabawę:
				<ul class="feature-list list-unstyled text-justify">
					<li><i class="fa fa-check"></i> <b><a href="http://drtechniko.com/" target="_blank">RoboGames</a></b> - adaptacja Dr.Techniko dla najmłodszych + proste gry w programowanie (np. <i>FixTheFactory</i> lub <i>LightBot</i>)</li>
					<li><i class="fa fa-check"></i> <b><a href="https://scratch.mit.edu/" target="_blank">Scratch</a></b> - jest to język programowania pozwalający na tworzenie prostych historyjek w oparciu o gotowe funkcje.
					Z dostępnych puzzli składa się przyporządkowany wybranej postaci ciąg poleceń, które są wykonywane.</li>
					<li><i class="fa fa-check"></i> <b><a href="http://www.gosphero.com/" target="_blank">Sphero</a></b> - świecąca kulka sterowana za pomocą urządzenia mobilnego z odpowiednim oprogramowaniem. Użytkownik może
					określić sposób jej poruszania i kolor.</li>
					<li><i class="fa fa-check"></i> <b><a href="http://mindstorms.lego.com/" target="_blank">LEGO Mindstorms</a></b> - połączenie klocków LEGO z czujnikami elektronicznymi i mechanizmami pozwalającymi na zbudowanie robota
					i określenie jego zadań.</li>
					<li><i class="fa fa-check"></i> <b><a href="http://www.lejos.org/" target="_blank">LeJOS</a></b> - technologia umożliwiająca programowanie LEGO Mindstorms w Javie - popularnym języku obiektowym.</li>
					<li><i class="fa fa-check"></i> <b><a href="http://www.arduino.cc/" target="_blank">Arduino</a></b> - platforma programistyczna oparta na programowalnym kontrolerze, na którym można zbudować układ.</li>
					<li><i class="fa fa-check"></i> <b><a href="http://www.makeblock.cc/" target="_blank">MakeBlock</a></b> - zestaw konstruktorski dla duuużych dzieci na bazie Arduino. </li>
					<li><i class="fa fa-check"></i> <b><a href="http://www.makeblock.cc/mbot/" target="_blank">mBot</a></b> - brat mniejszy MakeBlock'a. </li>
					<li><i class="fa fa-check"></i> <b><a href="http://appinventor.mit.edu/explore/" target="_blank">MIT App Inventor</a></b> - narzędzie pozwalające na tworzenie w przeglądarce internetowej aplikacji na Android. </li>
                    <li><i class="fa fa-check"></i> <b><a href="http://microbit.org/" target="_blank">Micro Bit</a></b> - kompletny, niedrogi zestaw stworzony przez BBC, aby każde dziecko mogło spróbować programowania urządzeń.</li>
				</ul>
				</p>
			</div><!--//container-->
		</section><!--//features-->
    </div>
	<!-- ****** WYDARZENIA ******** -->
    <!-- http://bootsnipp.com/snippets/featured/event-list -->
	<div class="section" id="section4">
	<section id="blog" class="about">
		<div class="container">
			<h2 class="title text-center">Wydarzenia</h2>

             <!-- Small boxes (Stat box) -->
              <div class="row">
                <div class="col-lg-3 col-xs-6">
                  <!-- small box -->
                  <div class="small-box bg-aqua">
                    <div class="inner">
                      <h3>35+</h3>

                      <p>wydarzeń od 2014 roku</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-speakerphone"></i>
                    </div>
                    <a href="#" class="small-box-footer"><!-- More info <i class="fa fa-arrow-circle-right"></i> --></a>
                  </div>
                </div>
                <!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                  <!-- small box -->
                  <div class="small-box bg-green">
                    <div class="inner">
                      <h3>99.99<sup style="font-size: 20px">%</sup></h3>

                      <p>Zadowolonych uczestników ;)</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-ribbon-a"></i>
                    </div>
                    <a href="#" class="small-box-footer"><!-- More info <i class="fa fa-arrow-circle-right"></i>  --></a>
                  </div>
                </div>
                <!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                  <!-- small box -->
                  <div class="small-box bg-yellow">
                    <div class="inner">
                      <h3>17+</h3>

                      <p>różnych placówek</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-android-globe"></i>
                    </div>
                    <a href="#" class="small-box-footer"><!-- More info <i class="fa fa-arrow-circle-right"></i>  --></a>
                  </div>
                </div>
                <!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                  <!-- small box -->
                  <div class="small-box bg-orange">
                    <div class="inner">
                      <h3>3-55</h3>

                      <p>wiek naszych uczestników :)</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-social-reddit"></i>
                    </div>
                    <a href="#" class="small-box-footer"><!-- More info <i class="fa fa-arrow-circle-right"></i> --></a>
                  </div>
                </div>
                <!-- ./col -->
              </div>
              <!-- /.row -->

			<!-- EVENTS -->
            <div class="container">
                <div class="row">
                    <div class="[ col-xs-12 col-sm-offset-2 col-sm-8 ]">
                        <!-- AJAX loaded and client-side rendered -->
                        <ul class="event-list" id="wydarzenia-nowe"></ul>
                        <br><br>
                        <!-- start do wszystkie wydarzenia -->
                        <div class="center-it">
                            <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#eventsAllDiv" style="text-align:center;">Zobacz wszystkie wydarzenia</button>
                        </div>
                        <div id="eventsAllDiv" class="collapse">
                            <br><br>
                            <ul class="event-list" id="wydarzenia-wszystkie"></ul>
                        </div>
                        <!-- end do wszystkie wydarzenia -->
                    </div>
                </div>
            </div>
			<hr>            
			
			<br><br><br>
		</div><!--/container-->
	</section><!--//blog-->
	</div>

	<!-- ******PARTNERZY**** -->
	<div class="section" id="section5">
		<section id="partner" class="contact has-pattern">
			<div class="container" align="center">
				<h2 class="title text-center">Nasi przyjaciele</h2>
				
                <!-- 1st line -->
                <a href="http://www.capgeminisoftware.pl/" target="_blank"><img class="img-responsive" style="display:inline-block" width="240" data-src="pictures/friends/cg_logo2018.jpg" alt="Capgemini" /></a>
                <a href="https://www.tooploox.com" target="_blank"><img class="img-responsive" style="display:inline-block" height="120" data-src="pictures/friends/tpxLogo.png" alt="Tooploox" /></a>
                <a href="http://www.etteplan.com/?sc_lang=en" target="_blank"><img class="img-responsive" style="display:inline-block" width="250" data-src="pictures/friends/etteplan.jpg" alt="Etteplan" /></a>
                <br>
                
                <!-- 2nd line -->
                <a href="http://womenintechnology.pl/" target="_blank"><img class="img-responsive" style="display:inline-block" width="250" data-src="pictures/friends/wit_logo.png" alt="Women in Technology" /></a>
                <a href="http://geekgirlscarrots.org/" target="_blank"><img class="img-responsive" style="display:inline-block" width="200" data-src="pictures/friends/ggc_logo.png" alt="Geek Girls Carrots" /></a>
                <a href="http://akademiaodpowiedzialnosci.pl" target="_blank"><img class="img-responsive" style="display:inline-block" width="250" data-src="pictures/friends/lob_logo.png" alt="Laboratorium Odpowiedzialnego Biznesu" /></a>
                <br>
                
                <!-- 3rd line -->
                <a href="http://sp84.wroclaw.pl/" target="_blank"><img class="img-responsive" style="display:inline-block" height="140" data-src="pictures/friends/sp84_logo.png" alt="Szkoła Podstawowa nr 84 we Wrocławiu" /></a>
                <a href="http://www.wroclaw.pl/" target="_blank"><img class="img-responsive" style="display:inline-block" height="140" data-src="pictures/friends/wroc_logo.jpg" alt="Prezydent Wrocławia" /></a>
				<a href="http://it.pwn.pl/" target="_blank"><img class="img-responsive" style="display:inline-block" width="250" data-src="pictures/friends/pwn.jpg" alt="Wydawnictwo Naukowe PWN" /></a>
				
			</div>
		</section>
	</div>

    <!-- ******CONTACT****** -->
	<div class="section" id="section6">
		<section id="contact" class="contact has-pattern">
				<div class="contact-inner" align="center">
					<h2 class="title  text-center">Kontakt</h2>
					<p><b>Jeśli przynajmniej jeden z poniższych punktów dotyczy Ciebie, skontaktuj się z nami!</b></p>
					<ul class="feature-list list-unstyled text-center">
						<li><i class="fa fa-caret-right"></i> Znasz technologie, narzędzia, które powinny nas zainteresować?</li>
						<li><i class="fa fa-caret-right"></i> Chcesz dowiedzieć się czegoś o warsztatach, udziale w nich, ich formie?</li>
						<li><i class="fa fa-caret-right"></i> Twoje dziecko brało udział w warsztatach i chciałbyś podzielić się jego i swoimi wrażeniami?</li>
						<li><i class="fa fa-caret-right"></i> Chcesz dzielić się wiedzą, umiejętnościami i dołączyć do zespołu?</li>
					</ul>
				</div><!--//contact-inner-->
				<br>
					<div class="icon-holder text-center">
						<ul class="social-icons list-inline ">
                            <li class="last">
                                <a href="mailto:robocap.pl@capgemini.com" class="logo"><i class="fa fa-envelope"></i></a>
                            </li>
							<li class="last">
								<a href="https://github.com/RoboCap" class="logo"><i class="fa fa-github"></i></a>
							</li>
							<li class="last">
								<a href="https://twitter.com/robocappl" class="logo"><i class="fa fa-twitter"></i></a>
							</li>
							<li class="last">
								<a href="https://www.facebook.com/robocappl" class="logo"><i class="fa fa-facebook"></i></a>
							</li>
						</ul>
					</div>
		</section><!--//contact-->
	</div>
</div>
</body>
</html>