<!DOCTYPE html>
<html lang="cs">
<head>
	<meta charset="UTF-8" />
	<meta name="description" content="" />
	<meta name="viewport" content="
		width=device-width, initial-scale=1.0, maximum-scale=1.0,
		user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css' />
	<link href="/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="/css/font-awesome.min.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
    <link href="/css/focus-1.1.css" rel="stylesheet" />
    <link href="/css/focus-1.1-responsive.css" rel="stylesheet" />
	<link rel="stylesheet" media="print" href="/css/print.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="alternate" hreflang="en" href="http://www.vanio.eu/" />
	<link rel="alternate" hreflang="de" href="http://de.vanio.eu/" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link href="/css/pages/homepage.css" rel="stylesheet" />

	<title>Vanio</title>

</head>


<body>

<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-15612904-11', 'auto', {'allowLinker': true});
  ga('require', 'linker');
  ga('linker:autoLink', ['www.vanio.eu', 'de.vanio.eu']);
  ga('send', 'pageview');

</script>

<script type="text/javascript">
(function() {
var hm = document.createElement('script'); hm.type ='text/javascript'; hm.async = true;
hm.src = ('++u-heatmap-it+log-js').replace(/[+]/g,'/').replace(/-/g,'.');
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s);
})();
</script>

<div id="wrapper" class="clearfix">
	<div id="wrapperInner">
		<div id="colorHeader">
			<ul id="languages">
				<li><a href="http://www.vanio.eu/">
					<img src="/img/flag-en.png"
						width="24" height="24" alt="english" title="english" />
					</a>
				</li>		

				<li><a href="http://de.vanio.eu/">
					<img src="/img/flag-de.png"
						width="24" height="24" alt="deutsch" title="deutsch" />
					</a>
				</li>
			</ul>
		</div>
		<div id="header">
			<div class="container">
				<h1 id="title"><a href="/">Vanio</a></h1>
			</div> <!-- /container -->
		</div> <!-- /header -->

		<div id="nav" class="clearfix">
			<div class="container">
				<ul id="main-nav">

					<li class="active">
						<a href="/">Úvodní stránka</a>
					</li>
					<li>
						<a href="/reference">Reference</a>
					</li>
					<li>
						<a href="/kontakt">Kontakt</a>
					</li>

				</ul>
			</div> <!-- /container -->
		</div> <!-- /nav -->

			<div class="flashes container">
			</div>


	<div id="content">
		<div class="container">
			<hr class="row-divider" />

			<div class="row">
				<div id="welcome" class="grid-12">
					<h1>Nyní nabízíme své služby kromě České Republiky také v
					Německu.</h1>
				</div>
			</div> <!-- /row -->

			<hr class="row-divider" />

			<div class="row divider service-container">
				<div class="grid-3">
					<h2><span class="slash">//</span> Naše služby</h2>
					
					<p>Dbáme na kvalitu naší práce,<br />
					můžete se na nás spolehnout.</p>
					
<!--
					<a href="javascript:;" class="btn btn-small btn-warning">
						Další služby
					</a>
-->
				</div>
				<div class="grid-3">
					<div class="service-item">
						<h3><i class="icon-globe"></i>
							Webové aplikace</h3>
						<p>Tvoříme zakázkové webové aplikace. Můžeme pro Vás
						připravit například e-shop, podnikový systém, správu
						docházky, rezervační systém pro Váš hotel anebo
						cokoliv jiného.
						</p>
						<!--<p><a n:href="services" class="">Více »</a></p>-->
					</div>
				</div>
				
				<div class="grid-3">
					<div class="service-item">
						<h3><i class="icon-mobile-phone"></i>
							Mobilní aplikace</h3>
						<p>Programujeme aplikace pro mobilní platformy Android
						a iPhone. Vytvoříme pro Vás mobilní aplikaci na míru a
						pomůžeme Vám s jejím zveřejněním.</p>
						<!--<p><a n:href="services" class="">Více »</a></p>-->
					</div>				
				</div>
				
				<div class="grid-3">
					<div class="service-item">
						<h3><i class="icon-thumbs-up"></i>
							Zajištění provozu</h3>
						<p>Nabízíme kompletní podporu pro Vaše běžící
						projekty. Ať už se jedná o&nbsp;správu serverů, hosting,
						provoz mailserveru, klientskou podporu, správu obsahu,
						nebo SEO.</p>
						<!--<p><a n:href="services" class="">Více »</a></p>-->
					</div>			
				</div>
			</div> <!-- /row -->

																														<hr class="row-divider" />
			
			<div class="row work-container">
				<div class="grid-3">
					<h2><span class="slash">//</span> Reference</h2>
					
					<p>Naši významní klienti a práce, které jsme pro ně
					realizovali.</p>
					
					<a href="/reference">
						Více referencí
					</a>
					
				</div> <!-- /grid-3 -->
				
				<div class="grid-3">
					<div class="work-item">
						<h3>Doučování Biflujeme.cz</h3>

						<a class="thumbnail">
							<img src="/img/reference/doucovani-270x140.png" width="270" height="140" alt="Náhled reference" />
						</a> <!-- /img -->

						<p>
							Portál pro <a
							href="https://doucovani.biflujeme.cz">snadné doučování</a>,
							propojený s <a href="http://www.burzaucebnic.net">Burzou
							učebnic</a> prostřednictvím sjednocené uživatelské databáze a společného
							přihlašování.</li>
						</p>

					</div>
				</div> <!-- /grid-3 -->

				<div class="grid-3">
					<div class="work-item">
						
						<h3>Kaplan Nábytek</h3>

						<a class="thumbnail">
							<img src="/img/reference/kaplan-logo-270x140.png" width="270" height="140" alt="Náhled reference" />
						</a> <!-- /img -->

						<p>Moderní responzivní webové stránky pro výrobce
						nábytku s konfigurátorem zboží a objednávkovým systémem.
						</p>

					</div>
				</div> <!-- /grid-3 -->
				
				<div class="grid-3">
					<div class="work-item">
						
						<h3>Burza učebnic</h3>

						<a class="thumbnail">
							<img src="/img/reference/burzaucebnic-net-270x140.png" width="270" height="140" alt="Náhled reference" />
						</a> <!-- /img -->

						<p>Vytvořili jsme a provozujeme největší český
						inzertní portál pro výměnu použitých učebnic a skript,
						včetně mobilních aplikací pro Android a iPhone.
						</p>

					</div>
				</div> <!-- /grid-3 -->
				
			</div> <!-- /row -->
			
			
			<hr class="row-divider" />
			
			
			<div class="row divider about-container">
				
				<div class="grid-3">				
					<h2><span class="slash">//</span> O nás</h2>
					
				</div> <!-- /grid-3 -->
			
				<div class="grid-5">
					<div class="about-item">
						<h3>Historie společnosti</h3>
						<p style="">Již od roku 2009 nabízíme naše služby, na
						počátku jsme vystupovali pod značkou VanillaWeb.
						<p>Společnost <strong>Vanio Solutions s.r.o</strong> byla založena v roce
						2013 a navazuje na práci týmu VanillaWeb.</p>
						<!--<p><a href="javascript:;" class="btn btn-small btn-warning">More Story »</a>-->
						<h3>Technologie</h3>
						<p>Neustále se učíme novým moderním technologiím,
						v&nbsp;současnosti pracujeme především s těmito:</p>
						<ul>
							<li><a href="https://angularjs.org/">AngularJS</a></li>
							<li><a href="http://knockoutjs.com/">Knockout</a></li>
							<li><a href="http://www.w3.org/TR/html5/">HTML5</a></li>
							<li><a href="http://symfony.com/">Symfony</a></li>
							<li><a href="http://nette.org/">Nette</a></li>
							<li><a href="http://www.postgresql.org/">PostgreSQL</a></li>
							<li><a href="http://www.mysql.com/">MySQL</a></li>
						</ul>
						
						
	<!--
						<p><a href="javascript:;">Více o nás »</a></p>						
	-->
						
					</div> <!-- /about -->
				</div> <!-- /grid-4 -->
				
				<div class="grid-4">				
					<h3>Kariéra</h3>
					<p>Chcete pracovat v našem týmu?<br />
					Náš tým roste a vítáme každého, kdo by se chtěl
					naučit novým věcem a pracovat na zajímavých
					projektech.</p>
					<p><strong>Volná místa</strong></p>
					<ul>
						<li><a href="/files/VanioJS.pdf">JavaScript programátor</a></li>
						<li><a href="/files/VanioPHP.pdf">PHP programátor</a></li>
						<li><a href="/files/VanioOZ.pdf">Obchodní zástupce</a></li>
					</ul>
					<h3>Podporujeme</h3>
					<p><a href="http://www.bezpalmovehooleje.cz">Bez Palmového Oleje</a></p>
					
				</div> <!-- /grid-5 -->
				
			</div> <!-- /row -->
			
		</div> <!-- /container -->
		
	</div> <!-- /content -->

		<div id="footer" itemscope itemtype="http://schema.org/Organization">
			<div class="container">
				<div class="row">
					<div class="grid-4">
						<p itemprop="name"><strong>Vanio Solutions s.r.o.</strong><br />&copy; 2014</p>
					</div>
					<div class="grid-2">
						<p><i class="icon-pencil"></i>&nbsp;&nbsp;
						<a class="email" itemprop="email"
						rel="&#105;&#110;&#102;&#111;(zavinac)&#118;&#097;&#110;&#105;&#111;&#046;&#099;&#122;">&#105;&#110;&#102;&#111;(zavinac)&#118;&#097;&#110;&#105;&#111;&#046;&#099;&#122;</a></p>
					</div>
					<div class="grid-2">
						<p><i class="icon-phone"></i>&nbsp;&nbsp;
						<span itemprop="telephone">+420 776 643 433</span></p>
					</div>
					<div class="grid-4" itemprop="address" itemscope itemtype="http:///schema.org/PostalAddress">
						<p><i class="icon-envelope"></i>&nbsp;&nbsp;
						<span itemprop="streetAddress">Na Šafránce 1758/5</span>,
						<span itemprop="postalCode">101 00</span>
						<span itemprop="addressLocality">Praha 10</span></p>
					</div>
				</div> <!-- /row -->
			</div> <!-- /container -->
		</div> <!-- /footer -->
	</div>
</div> <!-- /wrapper -->

<script src="/js/jquery-1.9.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/focus.js"></script>
<script src="/js/main.js"></script>
<script type="text/javascript">	var leady_track_key="HbWa9k0Bi44yT4Y9";	(function(){		var l=document.createElement("script");l.type="text/javascript";l.async=true;		l.src='https://t.leady.com/'+leady_track_key+"/L.js";		var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(l,s);	})();</script>
</body>
</html>
