wzór karty ucznia

<!--*HTML--><center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>p {word-spacing: +0.1em}.dopp::-webkit-scrollbar { background: #fcfcfc; width: 5px; }.dopp::-webkit-scrollbar-thumb { background: #787878; width: 5px }.dopp::-webkit-scrollbar-corner { background: #fcfcfc; }</style><div style="width: 470px; padding: 25px; background: #fff; border: 1px solid #eee;"><div style="width: 470px; height: 250px; background: url(LINK DO OBRAZKA GIFU/ZDJĘCIA 470X250);"><div style="width: 470px; height: 250px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );"></div></div><div style="font: 45px oswald; text-transform: uppercase; letter-spacing: -5px; word-spacing: 2px; background: -webkit-linear-gradient(#fff,#ddd);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; position: relative; right: 3px; top: -30px; line-height; 100%"><font color="black">IMIĘ I NAZWISKO POSTACI</font></div><center><div style="margin-top: -35px; width: 460px; padding: 5px; background: #000; font: 12px oswald; text-align: center; text-transform: uppercase; letter-spacing: 1px; word-spacing: 1px; color: #fff; line-height: 7px;"><br>WYGLĄDU UŻYCZA</div><div class="dopp" style="width: 450px;  height: 200px; border-top: 5px solid #eee; padding: 5px; margin-bottom: 25px; font: 11px Verdana; text-align: left; line-height: 90%; color: #000; overflow: auto;">
<div  style="width: 420px; padding: 5px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">Biografia</div><br><p>

OPIS BIOGRAFII, MIN. 15 ZDAŃ.</p><br><br><div style="width: 420px; padding: 5px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">Drzewo Genealogiczne</div><br><p>OPIS RODZINY</p></div><br><div style="margin-top: -35px; width: 460px; padding: 5px; background: #000; font: 12px oswald; text-align: center; text-transform: uppercase; letter-spacing: 1px; word-spacing: 1px; color: #fff; line-height: 7px;">DOWOLNY CYTAT/TEKST</div><div class="dopp" style="width: 450px; height: 200px; border-top: 5px solid #eee; padding: 5px; margin-bottom: 25px; font: 11px Verdana; text-align: left; line-height: 90%; color: #000; letter-spacing: 0px; word-spacing: 0px; overflow: auto;">
<div style="width: 420px; padding: 5px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">CHARAKTER</div><br><p>OPIS CHARAKTERU</p><br><br><div style="width: 420px; padding: 5px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">Ciekawostki</div><br><p>OPIS CIEKAWOSTEK W PUNKTACH</p><br><br><table cellpadding="0" cellspacing="0" style="margin-top: 0px; table-layout: fixed; width: 440px;">
</p></td></table></div><div style="margin-top: -35px; width: 460px; padding: 5px; background: #000; font: 12px oswald; text-align: center; text-transform: uppercase; letter-spacing: 1px; word-spacing: 1px; color: #fff; line-height: 7px;">DOWOLNY CYTAT/TEKST</div><div class="dopp" style="width: 450px;  height: 200px; border-top: 5px solid #eee; padding: 5px; margin-bottom: 25px; font: 11px Verdana; text-align: left; line-height: 90%; color: #000; letter-spacing: 0px; word-spacing: 0px; overflow: auto;"><table cellpadding="0" cellspacing="0" style="margin-top: 0px; table-layout: fixed; width: 440px;"><td WIDTH="50%" VALIGN="TOP"><div style="width: 200px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">MOJE MARZENIE TO...</div><p>OPIS MARZENIA</td></p><td WIDTH="50%" VALIGN="TOP"><div style="width: 200px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">ZAWSZE MAM PRZY SOBIE...</div><p>OPIS TEGO Z CZYM POSTAĆ SIĘ NIE ROZSTAJE</td></table></p><br><br><div style="width: 420px; padding: 5px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">WYGLĄD</div><br><p>OPIS WYGLĄDU I CECH CHARAKTERYSTYCZNYCH</p></div><br><div style="margin-top: -35px; width: 460px; padding: 5px; background: #000; font: 12px oswald; text-align: center; text-transform: uppercase; letter-spacing: 1px; word-spacing: 1px; color: #fff; line-height: 7px;">DOWOLNY CYTAT/TEKST</div><div class="dopp" style="width: 450px;  height: 120px; border-top: 5px solid #eee; padding: 5px; margin-bottom: 25px; font: 11px Verdana; text-align: left; line-height: 90%; color: #000; letter-spacing: 0px; word-spacing: 0px; overflow: auto;"></div></center><table cellpadding="0" cellspacing="0" style="margin-top: 0px; table-layout: fixed; width: 470px;"><td WIDTH="25%" VALIGN="TOP"><div style="width: 75px; height: 75px; padding: 10px; background: #fff; border-top: 5px solid #000; border-bottom: 5px solid #000; border-left: 5px solid #eee; border-right: 5px solid #eee; -webkit-border-radius: 100%"><div style="width: 75px; height: 75px; background: url(https://placeholdit.imgix.net/~text?txtsize=9&txt=75%C3%9775&w=75&h=75); -webkit-border-radius: 100%"></div></div></td><td WIDTH="50%" VALIGN="TOP"><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">DATA I MIEJSCE URODZENIA:<br><br>TEXT</div><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">KREW:<br><br>TEXT</div></div><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">RÓŻDŻKA (DŁUGOŚĆ, RDZEŃ, DREWNO): <br><br>TEXT</div></div><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">DOM W HOGWARCIE:<br><br>TEXT</div></div><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">PATRONUS (W PRZYPADKU BRAKU TEJ UMIEJĘTNOŚCI WPISAĆ ,,BRAK):<br><br>TEXT</div></div><div style="width: 205px; padding: 4px; font: 8px verdana; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 1px; background: #eee; margin: 5px;">BOGIN<br><br>TEXT</div></div></td><td WIDTH="25%" VALIGN="TOP"><div style="width: 75px; height: 75px; padding: 10px; background: #fff; border-top: 5px solid #000; border-bottom: 5px solid #000; border-left: 5px solid #eee; border-right: 5px solid #eee; -webkit-border-radius: 100%"><div style="width: 75px; height: 75px; background: url(https://placeholdit.imgix.net/~text?txtsize=9&txt=75%C3%9775&w=75&h=75); -webkit-border-radius: 100%"</div></div></td></table></div></center>