1<!DOCTYPE html> 2<!-- This site was created in Webflow. http://www.webflow.com--> 3<!-- Last Published: Fri Feb 05 2016 07:25:50 GMT+0000 (UTC) --> 4<html data-wf-site="56af37515b54d73e04b2b527" data-wf-page="56af37515b54d73e04b2b528"> 5<head> 6 <meta charset="utf-8"> 7 <title>Jak to funguje? â ListonoÅ¡ka.cz 8 9</title> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 <meta name="generator" content="Webflow"> 12 <meta name="Description" content="Nahrajete dopis v PDF, vyplnÃte adresáta a kliknete na odeslat. My dopis dodáme na poÅ¡tu, kde ho vytisknout a doruÄà adresátovi. 13"> 14 <meta property="og:title" content="Jak to funguje? â ListonoÅ¡ka.cz 15 16"> 17 <meta property="og:description" content="Nahrajete dopis v PDF, vyplnÃte adresáta a kliknete na odeslat. My dopis dodáme na poÅ¡tu, kde ho vytisknout a doruÄà adresátovi. 18"> 19 <meta property="og:site_name" content="www.listonoska.cz"> 20 <meta property="og:image" content="/assets/images/meta-brand.png"> 21 <meta property="og:image" content="/assets/images/meta-detail.jpg"> 22 23 <link rel="stylesheet" type="text/css" href="/src/css/normalize.css"> 24 <link rel="stylesheet" type="text/css" href="/src/css/webflow.css"> 25 <link rel="stylesheet" type="text/css" href="/src/css/style.css"> 26
26<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
26 27
27<script> 28 WebFont.load({ 29 google: { 30 families: ["Inconsolata:400,400italic,700,700italic","PT Sans:400,400italic,700,700italic","Source Sans Pro:200,300,300italic,regular,600,700:latin-ext,latin","Kalam:300,regular:latin,latin-ext"] 31 } 32 }); 33 </script>
33 34
34<script type="text/javascript" src="/src/js/modernizr.js"></script>
34 35 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> 36 <link rel="apple-touch-icon" href="/favicon.ico"> 37 38</head> 39<body> 40 41<!-- Google Tag Manager -->
vendor: 62 bytes, lines 41-42
41 42<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
42GTM-NQCP2S
vendor: 83 bytes, lines 42-43
42" 43height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
44<script>
vendor: 321 bytes, lines 44-48
44(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 45new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 46j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 47'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 48})(window,document,'script','dataLayer','
48GTM-NQCP2S
vendor: 3 bytes, line 48
48');
48</script>
48 49<!-- End Google Tag Manager --> 50 51 <div class="w-section header"> 52 <div class="w-container"><a href="/"><img width="90" src="/src/images/logo_2x.png" class="logo"></a> 53 <div class="w-clearfix pull-right"> 54 <div class="menu-box"><a class="menu-link" href="/jak-to-funguje">JAK TO FUNGUJE?</a><a class="menu-link" href="/podnikatele">ÅEÅ ENà PRO FIRMY</a> 55 </div> 56 <a class="w-button btn" style="margin-left: 45px;" href="/ucet-bez-poplatku">Poslat dopis</a><a mixpanel.track("Click on login"); class="menu-link login" href="/login">PÅihlášenÃ</a> 57 </div> 58 </div> 59 </div> 60<div class="w-section section-body no-line"> 61 <div class="w-container"> 62 <h1 class="center">Jak to funguje? </h1> 63 <div class="w-row hiw-block"> 64 <div class="w-col w-col-4"> 65 <div class="hiw-box"><img width="122" src="/src/images/hiw-pdf.png" class="hiw-img-step"> 66 <div class="hiw-text">NapÃÅ¡ete dopis 67 <br>na poÄÃtaÄi</div> 68 </div> 69 </div> 70 <div class="w-col w-col-4"> 71 <div class="hiw-box"> 72 <div class="w-clearfix w-hidden-small w-hidden-tiny dots-block"> 73 <div data-ix="zvetse" class="dot"></div> 74 <div class="dot _1"></div> 75 <div class="dot _2"></div> 76 <div class="dot _3"></div> 77 <div class="dot _4"></div> 78 <div class="dot _5"></div> 79 <div class="w-hidden-medium dot _6"></div> 80 <div class="dot marging"></div> 81 <div class="dot _8"></div> 82 <div class="dot _9"></div> 83 <div class="dot _10"></div> 84 <div class="dot _11"></div> 85 <div class="dot _12"></div> 86 <div class="dot _13"></div> 87 <div class="dot _14"></div> 88 </div><img width="152" src="/src/images/hiw-computer.png" class="hiw-img-step"> 89 <div class="hiw-text">Nahrajete ho v PDF 90 <br>do ListonoÅ¡ky</div> 91 </div> 92 </div> 93 <div class="w-col w-col-4"> 94 <div class="hiw-box"><img width="130" src="/src/images/hiw-envelope.png" class="hiw-img-step"> 95 <div class="hiw-text">Dopis dodáme na poÅ¡tu, 96 <br>ta ho vytiskne a fyzicky doruÄÃ</div> 97 </div> 98 </div> 99 </div> 100 <div class="divider"></div> 101 </div> 102 <div class="w-container"> 103 <h3 class="center">Prvnà e-mail, který neumà posÃlat e-maily.</h3> 104 <p class="p-15 center">ListonoÅ¡ka funguje jako e-mail, ale jen s tÃm rozdÃlem, že mÃsto e-mailů posÃlá papÃrové dopisy. 105 <br>Ty za Vás barevnÄ vytisknou automatické tiskárny, vložà do obálky a poÅ¡ta doruÄÃ.</p> 106 <div class="video-block"> 107 <a href="#" class="w-lightbox w-inline-block video-block"><img width="187" src="/src/images/video-img.jpg" class="video-box"> 108 <div class="video-text">Ukázka ze systému</div> 109
109<script type="application/json" class="w-json"> 110 { "items": [{ 111 "type": "video", 112 "html": "<iframe class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FmOPjp_Ztgi8%3Fautoplay%3D1%26feature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DmOPjp_Ztgi8%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FmOPjp_Ztgi8%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&autoplay=1&type=text%2Fhtml&schema=youtube\" width=\"940\" height=\"528\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", 113 "thumbnailUrl": "https://i.embed.ly/1/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FmOPjp_Ztgi8%2Fhqdefault.jpg&key=866738f8f18b4394a18e371517a66ae0", 114 "width": 940, 115 "height": 528, 116 "url": "http://www.youtube.com/watch?v=mOPjp_Ztgi8" 117 }] } 118 </script>
118 119 </a> 120 </div> 121 </div> 122 <div class="btn-block margin"><a class="w-button btn big cta" href="/tarify">VytvoÅit úÄet <strong data-new-link="true">zdarma</strong></a> 123 </div> 124</div> 125 126 <div class="w-section footer no-margin"> 127 <div class="w-container"> 128 <div class="footer-links"> 129 <a class="footer-link" href="/jak-to-funguje">Jak to funguje</a> 130 <a class="footer-link" href="/caste-otazky">Äasté otázky</a> 131 <a class="footer-link" href="/podnikatele">ÅeÅ¡enà pro firmy</a> 132 <a class="footer-link" href="/directmail">Directmail</a> 133 <a class="footer-link" href="/tarify">CenÃk</a> 134 <a class="footer-link" href="/api">Integrace</a> 135 <a class="footer-link" href="/o-projektu">O projektu</a> 136 <a class="footer-link" href="/blog">Blog ze svÄta poÅ¡ty</a> 137 <a class="footer-link" href="/kontakty">Kontakty</a> 138 </div> 139 </div> 140 <div class="withlove">VytvoÅeno s <span class="zlute-srdce">♥</span> k VaÅ¡im nohám.</div> 141 <div class="footer-social"> 142 <div class="addthis_native_toolbox box" style="width: 300px; margin: 10px auto; text-align: center;"></div> 143 </div> 144 </div> 145 <div class="w-section modal-background modal-background-send"> 146 <div class="w-container"> 147 <div class="w-clearfix modal-box"><a href="#" class="modal-close"><strong>x </strong>ZavÅÃt</a> 148 <div class="w-row"> 149 <div class="w-col w-col-6"> 150 <div class="modal-type"> 151 <h3 class="modal-header"><strong>BEZ REGISTRACE</strong><br>rovnou poslat dopis</h3> 152 <div class="check-yellow cancel">Cena odeslánà dopisu 18 KÄ</div> 153 <div class="check-yellow cancel">Bez archivace odeslaných dopisů</div> 154 <div class="check-yellow cancel">Bez adresáÅe</div> 155 <div class="check-yellow clear"> </div> 156 </div> 157 <div class="btn-block"><a href="https://www.listonoska.cz/dopis-online" class="w-button btn btn-sec">Poslat jednorázový dopis</a> 158 </div> 159 </div> 160 <div class="w-col w-col-6"> 161 <div class="modal-type"> 162 <h3 class="modal-header"><strong>VYTVOÅIT ÃÄET</strong><br>a poslat dopis</h3> 163 <div class="check-yellow">Cena deslánà dopisu od 17,9 KÄ</div> 164 <div class="check-yellow">Archiv odeslané poÅ¡ty</div> 165 <div class="check-yellow">AdresáÅ</div> 166 </div> 167 <div class="btn-block"><a class="w-button btn" href="/tarify">VytvoÅit úÄet <strong>zdarma</strong></a> 168 </div> 169 <div class="center">Registrace zabere jen 3 minuty</div> 170 </div> 171 </div> 172 </div> 173 </div> 174 </div> 175 176
176<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
176 177
177<script type="text/javascript" src="/src/js/webflow.js"></script>
177 178 <!--[if lte IE 9]>
178<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
178<![endif]--> 179
179<script type="text/javascript"> 180 181 $(document).ready(function() { 182 $('.modal-link-send').click(function() { 183 $('.modal-background-send').fadeIn(); 184 }); 185 $('.modal-close').on('click',function() { 186 $(this).closest('.modal-background').fadeOut(); 187 }); 188 }); 189 </script>
189 190</body> 191</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.