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://kyllarsvatos.cz'> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="description" content="Kyllar&Svatoš Photography"> <meta name="keywords" content="photographer,photography,fashion,prague"> <meta name="robots" content="index,follow"> <meta name="googlebot" content="nosnippet,noarchive"> <meta name="author" content="John Skvara"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kyllar&Svatoš Photography</title> <link href="js/skin.css" rel="stylesheet" type="text/css"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="main"> <div class="menu"> <a href="index.html"><h1>Kyllar&Svatoš</h1></a> <p>Work</p> <a href="lume.html"><h2>Lume</h2></a> <a href="momentum.html"><h3>Momentum</h3></a> <a href="paperplanes.html"><h4>Paper Planes</h4></a> <p>Contact</p> <p class="fix">kyllarsvatos@gmail.com</p> <p class="fix">Ladislav Kyllar</p> <p class="fix">420 608 214 901</p> <p class="fix">František Svatoš</p> <p class="fix">420 728 078 883</p> </div> <div class="pictures"> <img src="fotoweb/1.jpg" alt="L1"> <img src="fotoweb/2.jpg" alt="L2"> <img src="fotoweb/3.jpg" alt="L3"> <img src="fotoweb/4.jpg" alt="L4"> <img src="fotoweb/5.jpg" alt="L5"> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
@charset "utf-8"; @font-face { font-family: Aller; src: url('fonty/Aller_Rg.eot'); src: url('fonty/Aller_Rg.ttf'); } body { font-family: Aller; margin: 0; padding: 0; background-color: #FFFFFF } .main { margin: auto; width: 2048px; height:auto; display: block; } .menu { margin: 0 0 0 0; width: 250px; min-width: 250px; float: left; } h1 { font-size: 20px; color: #000000; margin-left: 15%; margin-top: 11%; } h2 { font-size: 15px; color: #000000; margin-left: 15%; margin-top: 0%; margin-bottom: 0%; } h3 { font-size: 15px; color: #000000; margin-left: 15%; margin-top: 0%; margin-bottom: 0%; } h4 { font-size: 15px; color: #000000; margin-left: 15%; margin-top: 0%; margin-bottom: 3%; } p { font-size: 15px; color: #000000; margin-left: 15%; margin-top: 0%; margin-bottom: 3%; } .fix { margin-top: 0%; margin-bottom: 0%; font-size: 15px; } a:link {text-decoration: none} a:visited {text-decoration: none} a:hover { text-decoration: none; } .pictures { margin: 0 0 0 0; float: right; width: 2047px; height: auto; } @media screen and (max-width:2047px) { .main{ width: 100%; } .menu{ width: 15%; min-width: 250px; } .pictures{ width: 85%; } img{ width: 100%; } } @media screen and (max-width:640px) { .pictures{ width: 100%; } .menu{ width: 100%; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>