Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <base href='http://www.minikoblizky.ic.cz/onas.html'> <html lang="cs-cz"> <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-35915000-2', 'auto'); ga('send', 'pageview'); </script> <head> <meta charset="utf-8" /> <title>O nás</title> <link rel="shortcut icon" href="fotky/ikona.ico" /> <<meta name="description" content="Provozuji mobilní stánek s rychlým občerstvením - Americké minikoblížky a fakt dobré kafe." /> <meta name="keywords" content="americké minikoblížky, Daniel´s donuts, Zoo Brno, Aleš Masař" /> </head> <body> <!-- IClista --> <script type="text/javascript" src="http://img.ic.cz/3/lista.blue.asc.js"></script> <noscript> <div style="display:block !important;visibility:visible !important;overflow:hidden;position:absolute;top:0px;left:0px;height:24px;z-index:20;width:100%"> <div style="display:block !important;visibility:visible !important;font-family:arial;font-size:12px;text-align:center;height:24px;color:#ffffff;background-color:#3366cc;z-index:15;line-height:24px;"> <p style="margin:0 !important;padding:0 6px 0 0 !important;display:inline !important;"></p> <a title="Kupte svym blizkym darkovy kupon s kreditem na Uloz.to." href="http://uloz.to/kupon/?utm_source=ic&utm_medium=lista&utm_campaign=kupony">Uloz.to:Darkove poukazy na rychle stahovani</a> | <a title="Originalni darky a gadgets pro muze i zeny!" href="http://www.megadarky.cz/?utm_source=ic&utm_medium=ppc&utm_term=originalni-darky&utm_content=textlink&utm_campaign=ic_textlink_darky">Originalni darky</a> | <a title="Windows email client, EmClient" href="http://www.emclient.com">email client</a> | <a title="Mona nabytek s.r.o.- nabytek akcni nabidky i s 40 % slevou&" href="http://www.mona-nabytek.cz/">nabytek -40%</a> | <a title="Vivala.cz nabizi spoustu ceske muziky zdarma k poslechu!" href="https://www.vivala.cz/?utm_source=ic&utm_medium=lista&utm_campaign=brand">Vivala.cz, spousta ceske muziky zdarma!</a> | </div> </div> <div style="height:24px;display:block !important;visibility:visible !important; width:24px"></div></noscript> <!-- /IClista --> <header> <div id="logo"><h2><strong>Minikoblížky</strong></h2></div> <nav> <ul> <li type="button" class="focus"> <a href="onas.html">O nás</a> <li type="button"> <a href="franchiza.html">Franchiza</a> <li type="button"> <a href="zamestnanci.html">Zaměstnanci</a> </ul> </nav> </header> <article> <div id="centrovac"> <header> <h1> </h1> </header> <br> <section> <div style="width: 666px; overflow: auto"><h1><strong>Americké minikoblížky "American Donuts" z Prostějova</strong></h1> <p><strong>Majitek stánku</strong>: Aleš Masař<br> <strong>Spolumajitelka</strong>: Markéta Masařová<br><br> </p> <p>Jsme majitelé <strong>„žlutého stánku“</strong> z Prostějova, který patří do franchízy na americké minikoblížky Daniel´s Donuts. Díky jeho mobilitě děláme radost všem zákazníkům na území střední a jižní Moravy, ať už se jedná o malé školáky, návštěvníky ZOO nebo drsné motorkáře a další účastníky letních fesťáků, kteří touží pod dobré „americké“ kávě a amerických minikoblížcích. Ve Vánoční sezoně jsme k dispozici zpravidla na náměstí v Prostějově.</p> <p><strong>Největším lákadlem pro všechny je příprava vždy čerstvých a teplých minikoblížků před zraky zákazníků</strong>. Zůstávají v údivu a vytržení nad přípravou, kdy přímo před nimi padají „donuts“ do horkého zlatavého tuku a jsou během několika málo sekund osmaženy přístrojem automaticky po obou stranách a nachystány k ochutnání nedočkavým zákazníkům. </p> <p>V létě patří k nejoblíbenějším doplňkům k „donutkům“ především <strong>výborné frappe a mléčné koktejly</strong>, které děláme v mnoha atraktivních příchutích a samozřejmě teplé <strong>překapávané kafe v amerických velikostech</strong> v několika variantách (s mlékem, capuccino, latte macchiato). <strong>Na zimu</strong> pro příznivce horkých nápojů <strong>máme výborný svařák s punčem a především neodolatelný horký vaječný likér se šlehačkou</strong>, který se výborně hodí k sladké chuti minikoblížků vonících do daleka skořicovým cukrem. </p></div> </section> <div class="cistic"></div> </div> <br> </article> <footer> Vytvořil ©Matěj pro svého taťku k narozeninám. </footer> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: url('fotky/pozadi_sede.png') #1c2228; margin: 73px 0px 0px 0px; font: 14px Verdana; min-width: 960px; } h3, h4, h5, h6 { font-size: x-large; text-align: center; color: #FFFFFF; vertical-align: top; } h2 { color: #E7F015; font: 27px Verdana; text-shadow: 0px 0px 5px #885904; } h1 { font-size: 22px; font-weight: normal; color: #FF0000; margin: 0px 0px 24px 0px; } nav li { display: inline-block; margin: 10px 0px 0px 5px; background: #f99100; background: -moz-linear-gradient(top, #f99100 0%, #d77d00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d77d00), color-stop(100%, #d77d00)); background: -webkit-linear-gradient(top, #f99100 0%, #d77d00 100%); background: -o-linear-gradient(top, #f99100 0%, #d77d00 100%); background: -ms-linear-gradient(top, #f99100 0%, #d77d00 100%); background: linear-gradient(top, #f99100 0%, 100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99100', endColorstr='#d77d00',GradientType=0 ); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow: 3px 3px 3px undefined, inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; border: 4px solid #bf730a; padding: 12px 15px; font-weight: 700; font-size: 13px; text-transform: none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); color: #ffffff; } button:hover { background: #4d3103; background: -moz-linear-gradient(top, #4d3103 0%, #382302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #382302), color-stop(100%, #382302)); background: -webkit-linear-gradient(top, #4d3103 0%, #382302 100%); background: -o-linear-gradient(top, #4d3103 0%, #382302 100%); background: -ms-linear-gradient(top, #4d3103 0%, #382302 100%); background: linear-gradient(top, #4d3103 0%, 100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d3103', endColorstr='#382302',GradientType=0 ); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow: 3px 3px 3px undefined, inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; border: 4px solid #381304; padding: 12px 15px; font-weight: 700; font-size: 13px; text-transform: none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); color: #ffffff; } button:focus { background: #4D3103; background: -moz-linear-gradient(top, #4D3103 0%, #382302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #382302), color-stop(100%, #382302)); background: -webkit-linear-gradient(top, #4D3103 0%, #382302 100%); background: -o-linear-gradient(top, #4D3103 0%, #382302 100%); background: -ms-linear-gradient(top, #4D3103 0%, #382302 100%); background: linear-gradient(top, #4D3103 0%, 100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D3103', endColorstr='#382302',GradientType=0 ); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow: 3px 3px 3px undefined, inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; border: 4px solid #381304; padding: 12px 15px; font-weight: 700; font-size: 13px; text-transform: none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); color: #ffffff; } #logo { background: url('fotky/logo.png') no-repeat; width: 250px; height: 60px; float: left; margin: 7px 0px 0px 20px; } #logo h2 { margin: 13px 0 0 63px; } nav ul { margin: 0px; list-style-type: none; margin: 0px; } nav ul li:hover, .aktivni { background: #ffbb00; color: white; box-shadow: 0px 0px 5px black; } nav a { color: white; text-decoration: none; } .centrovany { text-align: center; } #centrovac { margin: 0px auto; width: 960px; } header { height: 73px; position: fixed; top: 0px; width: 100%; margin-top: 24px; float: left; } article { background-image: url(fotky/minikoblizky.JPG), url(fotky/mramor.png); background-repeat: no-repeat; background-position: left top, right bot; padding: 30px 0px; } article header { width: 250px; float: left; position: static; background: none; } article section { width: 666px; float: left; background: white; border: 2px solid #006797; box-shadow: 2px 2px 7px #1c2228; padding: 20px; margin-top: 15px; } footer { height: 40px; color: white; } footer a { color: #0f0000; text-decoration: none; } .cistic { clear: both; } .vlevo { float: left; } #dovednosti td { width: 33%; padding: 10px; vertical-align: top; border: 1px solid gray; } #dovednosti { border-collapse: collapse; } #reference img { border: 1px solid gray; padding: 6px; box-shadow: 3px 3px 6px #999999; margin-right: 6px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>