ACC SHELL
<!DOCTYPE html>
<!--[if IE 9]> <html lang="cs" class="js-no ie9"> <![endif]-->
<!--[if IE 10]> <html lang="cs" class="js-no ie10"> <![endif]-->
<!--[if !IE]><!-->
<html lang="cs">
<!--<![endif]-->
<head>
<title>CSmap | Technická podpora</title>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="csmap">
<link rel="shortcut icon" href="../img/csmap.ico">
<!-- Boostrap Framework -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<!--=== CSS - Dragonfly ===-->
<link href="../assets/css/themes/light-blue.css" rel="stylesheet" id="colors">
<!-- Google Fonts - OpenSans -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin-ext" rel="stylesheet" type="text/css">
<!-- Font Awesome Icons -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<!-- CSS Animations -->
<link href="../assets/css/animate.min.css" rel="stylesheet">
<!-- Slippry Slideshow -->
<link href="../assets/css/slippry.min.css" rel="stylesheet">
<!-- CSmap modification -->
<link href="../assets/css/csmap.css" rel="stylesheet">
<script>var errorMess = "Potvrďte souhlas se zpracováním osobních údajů";</script>
</head>
<body>
<!--=== NAVBAR ===-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbarSettings">
<div class="container-language">
<div class="container">
<ul class="navbar-nav navbar-language navbar-right " id="language">
<li>
<a href="../csmap/technical-support.html">EN</a>
</li>
<li class="active">
<a href="../csmap/technicka-podpora.html">CZ</a>
</li>
</ul>
</div>
</div>
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="../index.html">
<img src="../img/CSmap-logo.jpg" width="100" />
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="index.html">CS <span class="text-primary">map</span></a>-->
</div>
<div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right ">
<!--Home Pages -->
<li>
<a href="../index.html">Úvod</a>
</li>
<!--Area-->
<li class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0">Oblasti</a>
<ul class="dropdown-menu">
<li>
<a href="../oblasti/gis-a-mapy.html">GIS a mapy</a>
</li>
<li>
<a href="../oblasti/optimalizace-tras.html">Optimalizace tras</a>
</li>
<li>
<a href="../oblasti/transformace-dat.html">Transformace dat</a>
</li>
</ul>
</li>
<!--Services-->
<li>
<a href="../sluzby/sluzby.html">Služby</a>
</li>
<!--Products-->
<li class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0">Produkty</a>
<ul class="dropdown-menu">
<li>
<a href="../software/software.html">Software</a>
</li>
<li>
<a href="../mapy-data/mapy-data.html">Mapy a data</a>
</li>
</ul>
</li>
<!--News-->
<li>
<a href="../aktuality/aktuality.html">Aktuality</a>
</li>
<!--Contacts-->
<li class="active">
<a href="../csmap/kontakty.html">Kontakty</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<!--===/END NAVBAR ===-->
<a class="back-to-top" style="display: inline;" href="#"><i class="fa fa-angle-up"></i></a>
<!--=== HEADER ===-->
<section class="bg-podpora bg-center bg-cover bg-height bannerContainer">
<div class="bg-filter bg-height">
<div class="container section-lg">
<h1 class="top-title">Technická podpora</h1>
</div>
</div>
</section>
<!--===/END HEADER ===-->
<!--=== MAIN WRAP ===-->
<section class="section-lg">
<div class="container">
<h4>V rámci zkvalitnění našich služeb nabízíme našim zákazníkům technickou podporu při řešení jejich problémů. Technická podpora je prostřednictvím formuláře na našich internetových stránkách bezplatná, je však přednostně poskytována zákazníkům, kteří mají podepsanou platnou smlouvu o údržbě a absolvovali na příslušný produkt školení.</h4>
</div>
<div class="space"></div>
<!-- Support Form -->
<div class="container">
<form class="form-horizontal" role="form" id="ajax-support" method="post" action="../assets/php/support.php">
<div class="row">
<div class="col-md-12">
<h3>Informace o Vás</h3>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="name" class="col-sm-3 control-label">Jméno</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="name" placeholder="Jméno a příjmení" name="name" required>
<i class="fa fa-user"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="name" class="col-sm-3 control-label">Firma</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="firm" placeholder="Název společnosti" name="firm" required>
<i class="fa fa-building-o"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="email" class="col-sm-3 control-label">Email</label>
<div class="col-sm-5">
<div class="control">
<input type="email" class="form-control" id="email" placeholder="Vaše emailová adresa" name="email" required>
<i class="fa fa-envelope"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="email" class="col-sm-3 control-label">Telefon</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="phone" placeholder="Váš telefon" name="phone" required>
<i class="fa fa-phone"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<h3>Údaje o produktu</h3>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="product" class="col-sm-3 control-label">Produkt</label>
<div class="col-sm-9">
<div class="control">
<input type="text" class="form-control" id="product" placeholder="Název produktu" name="product" required>
<i class="fa fa-file-o"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="version" class="col-sm-3 control-label">Verze</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="version" placeholder="Verze produktu" name="version" required>
<i class="fa fa-file-text-o"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="snumber" class="col-sm-3 control-label">Sériové číslo</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="snumber" placeholder="Sériové číslo produktu" name="snumber" required>
<i class="fa fa-file-text-o"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="osystem" class="col-sm-3 control-label">Operační systém</label>
<div class="col-sm-5">
<div class="control">
<input type="text" class="form-control" id="osystem" placeholder="Operační systém Vašeho PC" name="osystem" required>
<i class="fa fa-file-text-o"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="message" class="col-sm-3 control-label">Popis</label>
<div class="col-sm-9">
<div class="control">
<textarea class="form-control" rows="8" id="message" placeholder="Popis problému" name="message" required></textarea>
<i class="fa fa-comment"></i>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="message" class="col-sm-3 control-label"></label>
<div class="col-sm-9">
<div class="control">
<input type="checkbox" class="" value="1" id="souhlas" name="souhlas"> Potvrďte souhlas se
<a href="../dokumenty/gdpr_pouceni.pdf" target="_blank">zpracováním osobních údajů</a>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<label for="message" class="col-sm-3 control-label">Kontrolní kód</label>
<div class="col-sm-3">
<div class="control">
<input type="text" class="form-control" id="code" name="code" required class="form-control">
<br>
</div>
</div>
<div class="col-sm-3">
<div class="control">
<img src="../assets/php/show_code.php" id="img_code">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group icon">
<div class="col-sm-3"></div>
<div class="col-sm-4">
<button type="submit" class="btn btn-primary">
<i class="fa fa-paper-plane-o"></i>Odeslat zprávu
</button>
</div>
</div>
</div>
<div class="space visible-xs"></div>
</div>
<input type="hidden" name="lang" value="cz">
</form>
<div id="form-messages"></div>
</div>
</section>
<!--===/END MAIN WRAP ===-->
<!--=== SCRIPTS ===-->
<!-- jQuery -->
<script src="../assets/js/min/jquery.min.js"></script>
<script src="../assets/js/min/jquery-ui.min.js"></script>
<!-- Bootstrap JS -->
<script src="../assets/js/min/bootstrap.min.js"></script>
<!-- Bootstrap Plugin - open dropdown on hover -->
<script src="../assets/js/min/bootstrap-hover-dropdown.min.js"></script>
<!-- WOW.js - loading animations -->
<script src="../assets/js/min/wow.min.js"></script>
<!-- Smooth sroll -->
<script src="../assets/js/min/jquery.nicescroll.min.js"></script>
<!-- Support Form -->
<script src="../assets/js/min/support-form.min.js?id=1"></script>
<!-- Must be last of all scripts -->
<script src="../assets/js/min/scripts.min.js"></script>
<!--[if lt IE 9]>
<script src="../assets/js/min/html5shiv.min.js"></script>
<script src="../assets/js/min/respond.min.js"></script>
<![endif]-->
<!--===/END SCRIPTS ===-->
<!--=== FOOTER ===-->
<footer class="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
<h4>Kontakt</h4>
<ul class="info-list md-list i-primary">
<li>
<i class="fa fa-envelope fa-fw"></i>
<a href="mailto:info@csmap.cz">info@csmap.cz</a>
</li>
<li class="no-hover">
<i class="fa fa-phone fa-fw"></i>
+420 543 245 896
</li>
<li>
<i class="fa fa-map-marker fa-fw"></i>
<a href="kontakty.html#map" title="Ukázat na mapě">Hněvkovského 30/65, 61700 Brno</a>
</li>
<li>
<ul class="circle-icons icons-list">
<li>
<a target="_blank" href="https://www.linkedin.com/company/csmap-s.r.o." title="Sledujte nás na LinkedIn"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/user/mapinfo" title="YouTube MapInfo"><i class="fa fa-youtube-play"></i></a>
</li>
</ul>
</li>
</ul>
</div>
<div class="space-sm visible-sm visible-xs"></div>
<div class="col-md-4 col-lg-4 col-xs-12 col-sm-6">
<h4>Produkty</h4>
<ul class="info-list md-list i-primary">
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../software/mapinfo-pro.html">MapInfo Pro</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../software/geomarker-pro.html">GeoMarker Pro</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../software/toursolver.html">TourSolver</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../software/fme-desktop.html">FME Desktop</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../mapy-data/mapa-psc.html">Mapa PSČ</a>
</li>
</ul>
</div>
<div class="space-sm visible-xs"></div>
<div class="col-md-4 col-lg-4 col-xs-12 col-sm-6">
<h4>Odkazy</h4>
<ul class="info-list md-list i-primary">
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="o-spolecnosti.html">O společnosti CSmap</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="../dokumenty/ke-stazeni.html">Dokumenty ke stažení</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="casto-kladene-dotazy.html">Často kladené dotazy</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="registrace.html">Registrace produktů</a>
</li>
<li>
<i class="fa fa-angle-right fa-fw"></i>
<a href="technicka-podpora.html">Technická podpora</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>© CSmap, s.r.o. Všechna práva vyhrazena.</p>
</div>
</div>
</footer>
<!--===/END FOOTER ===-->
</body>
</html>
ACC SHELL 2018