1<!DOCTYPE html> 2<html lang="cs"> 3<head> 4<title>Martin PetráÄek - tvorba webových stránek</title> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<link rel="icon" href="img/favicon.ico" type="image/x-icon"> 8<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> 9<meta name="description" content="TvoÅÃm internetové stránky na mÃru vám i vaÅ¡im zákaznÃkům."> 10<meta name="keywords" content="web konzultant, webdesign, Martin PetráÄek"> 11<meta name="robots" content="index,follow"> 12<meta name="author" content="Martin PetráÄek"> 13<meta name = "format-detection" content = "telephone=no" /> 14 <meta property="og:image" content="https://martinpetracek.com/img/bg_pic.jpg"/> 15 <meta property="og:description" content="TvoÅÃm webové stránky."> 16 <meta property="og:site_name" content="MartinPetracek.com"> 17<!--CSS--> 18<link rel="stylesheet" href="css/bootstrap.css" > 19<link rel="stylesheet" href="css/style.min.css"> 20<link rel="stylesheet" href="css/animate.css"> 21<link rel="stylesheet" href="fonts/font-awesome.css"> 22
23<script src="//code.jquery.com/jquery-1.12.4.js"></script>
23 24<!--
24<script src="//code.jquery.com/jquery-migrate-1.4.1.js"></script>
24--> 25 26<!--[if (gt IE 9)|!(IE)]><!-->
27<script src="js/wow/device.min.js"></script>
vendor: 1 bytes, line 27
27
28<script src="js/wow/wow.js"></script>
vendor: 1 bytes, line 28
28
29<script> 30 new WOW().init(); 31</script>
31 32<!--<![endif]--> 33<!--[if lt IE 9]> 34
34<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
34 35
35<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
35 36 <![endif]--> 37 38<!--[if lte IE 7]> 39<div id="warningie"> 40<p class="red"><b>Váš prohlÞeÄ je zastaralý - nepodporuje nové standardy (ani tato stránka se nezobrazà správnÄ) a nenà ani bezpeÄný!</b> 41DoporuÄuji vám nainstalovat aktuálnà prohlÞeÄ, na výbÄr máte napÅÃklad: <a href='www.google.com/chrome/'>Google Chrome</a>, <a href='http://getfirefox.com'>FireFox</a>, <a href='http://www.opera.com/'>Opera</a> nebo <a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie'>Internet Explorer</a>.</p> 42</div> 43 <style> 44 #warningie {font-size: 0.9em; font-family: Arial; font-weight:300; position:relative; top:0px; width:100%; color: #cccccc; background-color:#000; margin-top:0px; padding:4px;} 45 </style> 46<![endif]--> 47 48 49</head> 50<body> 51<!--header--> 52<header class="indent"> 53 54 <div class="container box" style="visibility: hidden;"> 55 <nav class="navbar navbar-default navbar-static-top tm_navbar clearfix" role="navigation"> 56 <ul class="nav navi sf-menu clearfix" id="nav"> 57 <li class="active"><a href="index.html">
57home</a></li> 58 <li><a href="#webove-projekty">Webové stránky</a></li> 59 <li><a href="#firemni-grafika">Grafika</a></li> 60 <li><a href="#sprava-it">IT Outsourcing</a></li> 61 <!-- 62 <li class="sub-menu"><a href="index-3.html">projects</a><span class="fa fa-angle-down"></span> 63 <ul class="submenu"> 64 <li><a href="#">Columns 01</a></li> 65 <li><a href="#">Columns 02</a></li> 66 <li><a href="#">Columns 03</a><span class="fa fa-angle-down"></span> 67 <ul class="submenu"> 68 <li><a href="#">Columns 04</a></li> 69 <li><a href="#">Columns 05</a></li> 70 </ul> 71 </li> 72 </ul> 73 </li> 74 --> 75 <li><a href="#kontakt">Kontakt</a></li> 76 </ul> 77 </nav> 78 <strong></strong> 79 <em></em> 80 </div> 81 82 <div class="bg_pic indent"> 83 <div class="container"> 84 <div class="row"> 85 <div class="col-lg-10 col-md-12 col-sm-12 col-lg-offset-1"> 86 <p class="wow fadeInUp">TvoÅÃm webové stránky<span class="mensi"><br>Internet marketing, konzultace...<br>Provedu analýzu stránek, potÅeb, návÅ¡tÄvnÃků, konkurence a spoleÄnÄ spustÃme web podle vaÅ¡ich pÅedstav.</span></p> 87 <h1 class="navbar-brand navbar-brand_ wow fadeInUp" data-wow-delay="0.25s"><a href="index.html"><img src="img/logo.png" alt="logo"></a></h1> 88 </div> 89 </div> 90 </div> 91 </div> 92</header> 93<div class="global"> 94 <!--content--> 95<div class="thumb-box1" id="kontakt"> 96 <div class="container"> 97 <div class="row"> 98 <div class="col-lg-7 col-md-7 col-sm-7 wow fadeInUp"> 99 <div class="thumb-pad1"> 100 <div class="thumbnail"> 101 <h2 class="title">web</h2> 102 <div class="caption"> 103 <h3><i></i>Návrh internetových stránek.<br>Realizace (výroba/redesign).<br>Optimalizace pro výkon.</h3> 104 <p>PÅes 15 let každodennà praxe s tvorbou webů a eshopů, seo, optimalizacÃ, úprav stránek, konzultacà marketingu, ppc reklamy, grafikou, online prodejem a podobnÄ. 105 SpoleÄnÄ najdeme vizi pro váš web. StanovÃme rozpoÄet na základÄ kterého pÅipravÃm podklady pro realizaci. 106 PostavÃm stránky nebo provedu redesign, pÅÃpadnÄ vebereme dodavatele dohlédnu na kvalitu odvedené práce dle zadánÃ. PohlÃdám i výkon a optimalizaci vaÅ¡eho webu. 107 </p> 108 </div> 109 </div> 110 </div> 111 </div> 112 <div class="col-lg-5 col-md-5 col-sm-5 wow fadeInUp" data-wow-delay="0.25s"> 113 <!--<ul class="follow_icon"> 114 <li><a href="https://twitter.com/martinpetracek" class="fa fa-twitter"></a></li> 115 <li><a href="https://www.facebook.com/martinpetracek" class="fa fa-facebook"></a></li> 116 <li><a href="https://www.linkedin.com/profile/view?id=227083593" class="fa fa-linkedin"></a></li> 117 </ul>--> 118 <p class="title2">Martin PetráÄek<br>Na TržiÅ¡ti 23, 509 01 Nová Paka<br>IÄ: 73998907 | DIÄ: CZ8502063493<br><br>[email protected]</p> 119 <p class="title3">775 902 735</p> 120 <p class="title4">prvnÃ<br>konzultace<br>je <span>zdarma!</span></p> 121 </div> 122 </div> 123 </div> 124</div> 125<div class="thumb-box2" id="webove-projekty"> 126 <div class="container"> 127 <div class="row"> 128 <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp"> 129 <figure><img src="img/page1_pic1.png" alt=""></figure> 130 </div> 131 <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="0.25s"> 132 <h2><i></i>Webové projekty</h2> 133 <p> 134 Máme zkuÅ¡enosti s tvorbou malých webových stránek i velkých internetových projektů a e-shopů. 135 VytvoÅÃme vám <strong>modernà stránky</strong> optimalizované pro prohlÞeÄe na poÄÃtaÄi i mobilnÃch telefonech a tabletech (tzv. <strong>responzivnà design</strong>). 136 Klademe důraz na snadnou použitelnost stránek s cÃlem <strong>zÃskávat internetové zákaznÃky.</strong></p> 137 <div class="row"> 138 <div class="col-lg-8 col-md-12 col-sm-12"> 139 <p><strong>Konkrétnà metody volÃm vždy podle rozpoÄtu a aktuálnÃch potÅeb. Nezáležà na tom, jestli jde o nový web nebo úpravu stávajÃcÃch stránek. </strong></p> 140 141
141<script> 142 $(document).ready(function(){ 143 $(".link_tvorbawebu").click(function(){ 144 //$("#tvorbawebu").load("index-tvorbawebu.php"); 145 $("#tvorbawebu").slideToggle(); 146 return false; 147 }); 148 }); 149 </script>
149 150 <strong class="btn-default btn1 link_tvorbawebu navi"><a href="#tvorbawebu"><i></i>dalšà informace a reference</a></strong> 151 </div> 152 </div> 153 </div> 154 </div> 155 </div> 156 157<div class="container-fluid" id="tvorbawebu" class="wow fadeInUp" data-wow-delay="0.25s"> 158 <h2 class="text-center">Webdesign - tvorba webových stránek</h2> 159 <div class="row"> 160 <div class="col-sm-8 col-sm-offset-2"> 161 <p> 162 AÅ¥ už jde o malé firemnà stránky, rozsáhlejšà online projekty, nebo internetový obchod. 163 Vždy je potÅeba na poÄátku zanalyzovat data (informace o vás, vaÅ¡e online i offline konkurence, prostÅedÃ, váš zákaznÃk...) a klÃÄová slova. 164 Poté vytvoÅit návrh obsahu, stránek a struktury webu, <a href="http://cs.wikipedia.org/wiki/Wireframe">wireframe webu</a>. 165 BÄhem práce i po spouÅ¡tÄnà stránek samozÅejmÄ probÃhá testovánà a dalšà analýzy zpÄtné vazby a pÅÃpadné úpravy za úÄelem zvyÅ¡ovánà výkonnosti. 166 Následuje i možnost nasazenà PPC reklam a propagace na Google, Seznam, Facebook, Heureka... 167 </p> 168 <h3>Postup pÅi vytváÅenà webových stránek</h3> 169 <ul> 170 <li>Na základÄ vaÅ¡eho rozpoÄtu a požadavků spoleÄnÄ probereme strategii pro tvorbu vaÅ¡ich nových www stránek.</li> 171 <li>UrÄÃme, kdo je zákaznÃk, koukneme na konkurenci a ÄÃm se můžete odliÅ¡it, vymyslÃme na co cÃlit.</li> 172 <li>VytvoÅÃme internetové stránky a obsah optimalizovaný pro vyhledávaÄe (SEO).</li> 173 <li>Výsledkem budou úspÄÅ¡né webové stránky, které vám pÅivedou reálné zákaznÃky.</li> 174 <li>Můžeme dále nastavit a mÄÅit cÃle webu, sledovat chovánà zákaznÃků na stránkách. Na základÄ tÄchto požadavků stránky dále optimalizovat.</li> 175 <li>UmÃme nastavit PPC kampanÄ (reklamy na Seznamu a Google) dále je spravovat, mÄÅit konverze...</li> 176 </ul> 177 <h3>Cena webových stránek</h3> 178 <p> 179 ObecnÄ lze ÅÃci, že i se sluÅ¡nou prezentacà se lze dostat <strong>pod 30.000 KÄ</strong> za firemnà prezentaci o nÄkolika stránkách (titulka, o firmÄ, kontakt, produkty a služby vÄetnÄ systému výpisu a zadávánà konkrétnÃch služeb nebo produktů). TémÄÅ vÅ¡e stavÃm na publikaÄnÃm systému Drupal, kde můžete bez znalosti HTML snadno editovat i pÅidávat obsah, upravovat menu atd.<br> 180 Konkrétnà cenu takto pÅedem sdÄlit nelze, bude nacenÄna dle poptávky. Každý nenà stejnÄ nároÄný na design, nÄkdo chce jen základnà systém, kde si může texty psát sám, s minimem dalÅ¡Ãch požadavků, pak nenà problém se pohybovat tÅeba jeÅ¡tÄ nÞe.<br> 181 <strong>Nejjednoduššà je poslat mi emailem poptávku.</strong> StaÄà jen struÄnÄ uvést, ÄÃm se zabýváte, pokud máte již nÄjaké stránky, pak odkaz na nÄ, hodà se i nÄjaké odkazy na konkurenci. Pokud máte schválený rozpoÄet na nové stránky, nebo chcete použÃt nÄjakou firemnà grafiku, uveÄte to prosÃm. 182 NáslednÄ si domluvÃme schůzku, pÅÃpadnÄ to doladÃme pÅes emaily, telefon, vzdálenou plochu atd... Mým cÃlem je v dohodnutém rozpoÄtu odvést co nejlepšà práci, kterou umÃm 100% obhájit a porovnat s konkurencà a vÄÅÃm, že u webů kolem 30-50.000 KÄ které realizuji nejÄastÄji bude jedna z nejlepÅ¡Ãch na trhu za odvedenou práci. 183 </p> 184 </div> 185 </div> 186 <div class="row text-center" id="section4ref"> 187 <h2>Reference vytvoÅených webových stránek</h2> 188 <p>NÞe je nÄkolik vybraných referencà webových stránek. VyjÃmkou nejsou klienti kde mimo webové stránky bylo tvoÅeno i logo, vizitky nebo letáky.</p> 189
189<script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script>
189 190
190<script src="/js/jquery.colorbox-min.js"></script>
190 191
191<script src="/js/jquery.colorbox-cs.js"></script>
191 192
192<script> 193 $(document).ready(function(){ 194 //Examples of how to assign the Colorbox event to elements 195 $(".group1").colorbox({rel:'group1',}); 196 $(".group2").colorbox({rel:'group2', transition:"fade"}); 197 $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"90%"}); 198 $(".group4").colorbox({rel:'group4', slideshow:true}); 199 $(".ajax").colorbox(); 200 $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390}); 201 $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); 202 $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 203 $(".inline").colorbox({inline:true, width:"50%"}); 204 $(".callbacks").colorbox({ 205 onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 206 onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 207 onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 208 onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 209 onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 210 }); 211 212 $('.non-retina').colorbox({rel:'group5', transition:'none'}) 213 $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true}); 214 215 //Example of preserving a JavaScript event for inline calls. 216 $("#click").click(function(){ 217 $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 218 return false; 219 }); 220 }); 221 </script>
221 222 <a href="/img/reference/webdesign/sportovnimontaze-com.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/sportovnimontaze-com_320sq.jpg" alt="Sportovnà montáže" class="img-circle"></a> 223 <a href="/img/reference/webdesign/grundmann-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/grundmann-cz_320sq.jpg" alt="Autobusová doprava Grundmann" class="img-circle"></a> 224 <a href="/img/reference/webdesign/stranskyuzeniny-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/stranskyuzeniny-cz_320sq.jpg" alt="Stránský maso uzeniny" class="img-circle"></a> 225 <a href="/img/reference/webdesign/atsjicin-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/atsjicin-cz_320sq.jpg" alt="ATS JiÄÃn" class="img-circle"></a> 226 <a href="/img/reference/webdesign/vagnertransport.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/vagnertransport_320sq.jpg" alt="Vagner Transport" class="img-circle"></a> 227 <a href="/img/reference/webdesign/zbb-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/zbb-cz_320sq.jpg" alt="Život bez bariér" class="img-circle"></a> 228 <a href="/img/reference/webdesign/faun-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/faun-cz_320sq.jpg" alt="E-shop Faun.cz" class="img-circle"></a> 229 <a href="/img/reference/webdesign/sedmihorskeleto-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/sedmihorskeleto-cz_320sq.jpg" alt="Festival Sedmihorské léto" class="img-circle"></a> 230 <a href="/img/reference/webdesign/sobcice-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/sobcice-cz_320sq.jpg" alt="Stránky obce SobÄice" class="img-circle"></a> 231 <a href="/img/reference/webdesign/e-czech-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/e-czech-cz_320sq.jpg" alt="Incomingová služba pro CK" class="img-circle"></a> 232 <a href="/img/reference/webdesign/exclusive-france-wine-com.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/exclusive-france-wine-com_320sq.jpg" alt="Vin de France" class="img-circle"></a> 233 <a href="/img/reference/webdesign/javorskymlyn-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/javorskymlyn-cz_320sq.jpg" alt="Javorský mlýn" class="img-circle"></a> 234 <a href="/img/reference/webdesign/poradanivystav-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/poradanivystav-cz_320sq.jpg" alt="PoÅádánà výstav" class="img-circle"></a> 235 <a href="/img/reference/webdesign/internationalartgallery-org.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/internationalartgallery-org_320sq.jpg" alt="International Art Gallery" class="img-circle"></a> 236 <a href="/img/reference/webdesign/kinghouse-cz-eshop.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/kinghouse-cz-eshop_320sq.jpg" alt="E-shop Kinghouse.cz" class="img-circle"></a> 237 <a href="/img/reference/webdesign/orient-exotika-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/orient-exotika-cz_320sq.jpg" alt="E-shop Orient Exotika" class="img-circle"></a> 238 <a href="/img/reference/webdesign/osa-rychnov.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/osa-rychnov_320sq.jpg" alt="OSA Rychnov" class="img-circle"></a> 239 <a href="/img/reference/webdesign/parfemy-atrativo-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/parfemy-atrativo-cz_320sq.jpg" alt="E-shop Parfémy Atrativo" class="img-circle"></a> 240 <a href="/img/reference/webdesign/pneurais-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/pneurais-cz_320sq.jpg" alt="Pneu Rais" class="img-circle"></a> 241 <a href="/img/reference/webdesign/parfemy-cc.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/parfemy-cc_320sq.jpg" alt="E-shop Parfemy.cc" class="img-circle"></a> 242 <a href="/img/reference/webdesign/pizzerieutondy-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/pizzerieutondy-cz_320sq.jpg" alt="Pizzerie u Tondy" class="img-circle"></a> 243 <a href="/img/reference/webdesign/projektdomy-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/projektdomy-cz_320sq.jpg" alt="Projektovánà domů" class="img-circle"></a> 244 <a href="/img/reference/webdesign/strechynoll.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/strechynoll_320sq.jpg" alt="StÅechy Noll" class="img-circle"></a> 245 <a href="/img/reference/webdesign/tgk.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/tgk_320sq.jpg" alt="TGK" class="img-circle"></a> 246 <a href="/img/reference/webdesign/ubytovanilevne.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/ubytovanilevne_320sq.jpg" alt="Ubytovánà levnÄ" class="img-circle"></a> 247 <a href="/img/reference/webdesign/pneuduleba-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/pneuduleba-cz_320sq.jpg" alt="Pneu Duleba" class="img-circle"></a> 248 <a href="/img/reference/webdesign/namensine-cz.jpg" class="group3 cboxElement"><img src="/img/reference/webdesign/namensine-cz_320sq.jpg" alt="Penzion Na MenÅ¡ine" class="img-circle"></a> 249 </div> 250</div> 251 252</div> 253<div class="thumb-box3" id="firemni-grafika"> 254 <div class="container"> 255 <div class="row"> 256 <div class="col-lg-6 col-md-6 col-sm-12 pull-right wow fadeInUp" data-wow-delay="0.25s"> 257 <figure><img src="img/page1_pic2.png" alt=""></figure> 258 </div> 259 <div class="col-lg-6 col-md-6 col-sm-12 pull-left wow fadeInUp"> 260 <h2><i></i>Firemnà grafika, letáky, plakáty...</h2> 261 <p>Jako logický krok k webové grafice, v rámci jednotné firemnà grafiky nabÃzÃm možnost tvorby letáků, plakátů, vizitek atd. KompletnÄ, vÄetnÄ dodánà vytiÅ¡tÄných materiálů.</p> 262 <div class="row"> 263 <div class="col-lg-8 col-md-12 col-sm-12"> 264 <p><strong>Firemnà grafika kompletnÄ od webu, pÅes letáky, plakáty, vizitky, pozvánky, poukázky, blahopÅÃ
264¡nÃ, bannery, billboardy, kalendáÅe... </strong></p> 265 <!--<strong class="btn-default btn1"><a href="#"><i></i>kompletnà informace a reference</a></strong>--> 266 </div> 267 </div> 268 </div> 269 </div> 270 </div> 271</div> 272<div class="thumb-box4" id="sprava-it"> 273 <div class="container"> 274 <div class="row"> 275 <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp"> 276 <figure><img src="img/page1_pic3.png" alt=""></figure> 277 </div> 278 <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="0.25s"> 279 <h2><i></i>Správa firemnÃho IT<br>Outsourcing IT</h2> 280 <p>U menÅ¡Ãch firem, které nepotÅebujà trvale zamÄstnaného ajťáka, jsem schopen tuto funkci zastat, aÅ¥ již na mÃstÄ nebo pÅes vzdálenou správu. 281 Typicky jsou to Äinnosti týkajÃcà se instalacà sÃtÄ, tiskáren, nastavenà a správa pc, odvirovánÃ, zálohovánÃ, cloud a podobnÄ.</p> 282 <div class="row"> 283 <div class="col-lg-8 col-md-12 col-sm-12"> 284 <p><strong>Konzultace a výbÄr vhodných nových IT souÄástÃ, jako jsou smartphony, tablety, tiskárny, poÄÃtaÄe, NASy...</strong></p> 285 <!--<strong class="btn-default btn1"><a href="servis-pc"><i></i>IT outsourcing a servis PC</a></strong>--> 286 </div> 287 </div> 288 </div> 289 </div> 290 </div> 291</div> 292 293<div class="thumb-box3"> 294 <div class="container"> 295 <div class="row"> 296 <div class="col-lg-6 col-md-6 col-sm-12 pull-right wow fadeInUp" data-wow-delay="0.25s"> 297 <figure><img src="img/mandus2a.jpg" alt=""></figure> 298 </div> 299 <div class="col-lg-6 col-md-6 col-sm-12 pull-left wow fadeInUp"> 300 <h2><i></i>Na volné noze</h2> 301 <p>Je mi 34 let, od dÄtstvà mÄ bavà IT a nové technologie a od pÅÃpravky to doplÅuji aktivnÃm hokejem. nynà už jen v nerelize :-) 302 Mám za sebou práci ve firmÄ vyrábÄjÃcà dispeÄerská centra i práci v pozici technika a obchodnÃka s průmyslovými poÄÃtaÄi a displeji. 303 Hned po Å¡kole jsme postavili sÃÅ¥ poskytujÃcà internetové pÅipojenà Nové Pace a okolà - <a href="http://htn.cz">htn.cz</a>. 304 S rozÅ¡iÅovánÃm internetu se můj zájem zaÄal posouvat smÄrem k tvorbÄ webů. 305 Byl jsem spoluzakladatel startupu International Art Gallery (mezinárodnà volnÄ pÅÃstupná galerie umÄlců). 306 NÄkolik let jsem i dovážel zbožà z ÄÃny pro maloobchodnà i velkoobchodnà prodej pÅes internet. Dodnes to jsou skvÄlé zkuÅ¡enosti. 307 Vedl jsem kurz výpoÄetnà techniky. Zrekonstruoval jsem domek. <strong>A samozÅejmÄ jsem zprovoznil stovky poÄÃtaÄů, tiskáren a www stránek.</strong> 308 <br>NicménÄ poslednÃch 10 let je již vÄtÅ¡ina pracovnÃch Äinnostà spojena vyloženÄ s návrhem a tvorbou WWW stránek (pÅedevÅ¡Ãm na systému Drupal) a souvisejÃcà online marketing.</p> 309 <p>HTML, CSS, PHP, MySQL, JavaScript, Drupal, Photoshop, PPC, Analytics, Adwords, Sklik, Heureka, Zbozi.cz, Google, Seznam, linkbuilding, e-mail marketing... to jsou vÄci, které nynà dennÄ ÅeÅ¡Ãm.<p> 310 <div class="row"> 311 <div class="col-lg-8 col-md-12 col-sm-12"> 312 <!--<p><strong>Bavà mÄ IT.</strong></p>--> 313 <!--<strong class="btn-default btn1"><a href="#"><i></i>kompletnà informace a reference</a></strong>--> 314 </div> 315 </div> 316 </div> 317 </div> 318 </div> 319</div> 320 321</div> 322 323 324 325<!--footer--> 326<footer> 327 <div class="container"> 328 <div class="row"> 329 <div class="col-lg-6 col-md-6 col-sm-12"> 330 <hr> 331 <div class="row"> 332 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 wow fadeInUp"> 333 <ul class="list1-1 navi"> 334 <li><a href="#webove-projekty" class="scrollTo">Webové stránky</a></li> 335 <li><a href="#webove-projekty" class="scrollTo">Internet marketing</a></li> 336 <li><a href="#firemni-grafika" class="scrollTo">Grafika</a></li> 337 <li><a href="#sprava-it" class="scrollTo">Správa firemnÃch IT</a></li> 338 <li><a href="#kontakt" class="scrollTo">Kontakt</a></li> 339 </ul> 340 </div> 341 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 wow fadeInUp" data-wow-delay="0.2s"> 342 <ul class="list1-1"> 343 <li>
343<a href="http://martinpetracek.com/index.php">Blog</a></li> 344 <li><a href="http://lives.cz">Webhosting Lives.cz</a></li> 345 <li><a href="http://faun.cz">E-shop Faun.cz</a></li> 346 <li><a href="http://lampionystesti.9b.cz">Dovoz a prodej lampionů Å¡tÄstÃ</a></li> 347 </ul> 348 </div> 349 </div> 350 </div> 351 <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="0.3s"> 352 <hr> 353 <ul class="list1" id="loga"> 354 <li><a href="#"><img src="img/logo/google-partner.png" alt=""></a></li> 355 <li><a href="#"><img src="img/logo/drupal.png" alt=""></a></li> 356 <li><a href="#"><img src="img/logo/prestashop.png" alt=""></a></li> 357 <li><a href="#"><img src="img/logo/google-adwords.png" alt=""></a></li> 358 <li><a href="#"><img src="img/logo/google-analytics.png" alt=""></a></li> 359 <li><a href="#"><img src="img/logo/seznam-sklik.png" alt=""></a></li> 360 </ul> 361 </div> 362 </div> 363 <figure class="wow fadeInUp" data-wow-delay="0.4s"><img src="img/foo_logo.png" alt=""></figure> 364 <p class="wow fadeInUp" data-wow-delay="0.4s">Copyright © 2001-<em id="copyright-year"></em> Martin PetráÄek | Nová Paka</p> 365 </div> 366<!-- {%FOOTER_LINK} --> 367</footer> 368 369 370<!--JS--> 371<!--
371<script src="js/jquery.js"></script>
371--> 372<!--
372<script src="js/jquery-migrate-1.2.1.min.js"></script>
372--> 373 374<!--
375<script src="js/superfish.js"></script>
vendor: 1 bytes, line 375
375
376<script src="js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 376
376
377<script src="js/jquery.mobilemenu.js"></script>
vendor: 1 bytes, line 377
377
378<script src="js/jquery.equalheights.js"></script>
vendor: 1 bytes, line 378
378
379<script src="js/jquery.scrollTo.js"></script>
vendor: 1 bytes, line 379
379
380<script src="js/tm-scripts.js"></script>
380 --> 381 382<!--plynulé pÅejÞdÄnà na odkazy na stránce--> 383 384 <!--
384<script type="text/javascript"> 385 $(function(){ 386 $(".navi a").click(function(e){ 387 e.preventDefault(); 388 $('html,body').scrollTo(this.hash,this.hash); 389 }); 390 }); 391 </script>
391--> 392 393
393<script type="text/javascript"> 394 $('.scrollTo').click(function(){ 395 $('html, body').animate({ 396 scrollTop: $( $(this).attr('href') ).offset().top 397 }, 500); 398 return false; 399 }); 400 </script>
400 401 402 403<!--google-analytics-->
404<script src="//www.google-analytics.com/urchin.js" type="text/javascript"> 405</script>
vendor: 1 bytes, line 405
405
406<script type="text/javascript"> 407_uacct = "UA-3034625-1"; 408urchinTracker(); 409</script>
409 410 411
412<script type="text/javascript"> 413 window.smartlook||(function(d) { 414 var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0]; 415 var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript'; 416 c.charset='utf-8';c.src='//rec.getsmartlook.com/recorder.js';h.appendChild(c); 417 })(document); 418 smartlook('init', 'de8b42da93f5e8a88bc0968e9b1d1bc34c6aa84c'); 419</script>
419 420 421 422<!--google-adsense-->
423<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3213582856921082 424 crossorigin="anonymous"></script>
424 425 426</body> 427</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.