Kacper Róg
Piłka Nożna
Akrobatyka
Jazda na Quadzie
Galeria
########################################## I CSS body { box-sizing:border-box; margin: 0 6vw auto 6vw; background:#FCF3CF; } header { text-align:center; background:#F1C40F; font-size:65px; padding-top:15px; padding-bottom:15px; font-family:Verdana; letter-spacing:4px; font-style:oblique; } nav { background:#F0B27A; width:1673px; height:80px; } .opcja { box-sizing:border-box; width:418px; height:80px; float:left; padding-left:110px; padding-top:25px; border:solid; font-size:25px; font-family:Time New Roman; letter-spacing:2px; } .opcja:hover { background-color:#AF601A ; } main { border-bottom:solid; } #blok1 { height:500px; width:500px; border-radius:10%; background-color:lightblue; float:left; margin-left:230px; margin-right:160px; margin-top:20px; margin-bottom:40px; box-sizing:border-box; text-align:center; font-size:50px; padding-top:220px; background-image:url("pilkanozna.jpg"); color:#F8F9F9; } #blok2 { box-sizing:border-box; height:500px; width:500px; border-radius:10%; background-color:lightblue; float:left; margin-top:20px; text-align:center; font-size:50px; padding-top:220px; background-image:url("informatyka.jpg"); color:#F8F9F9; } #blok3 { height:500px; width:500px; border-radius:10%; background-color:lightblue; float:left; margin-left:230px; margin-right:160px; margin-bottom:40px; box-sizing:border-box; text-align:center; font-size:50px; padding-top:220px; background-image:url("akrobatyka.jpg"); color:#F8F9F9; } #blok4 { height:500px; width:500px; border-radius:10%; background-color:lightblue; float:left; box-sizing:border-box; text-align:center; font-size:50px; padding-top:220px; background-image:url("quad.jpg"); color:#F8F9F9; } #galeria { text-align:center; font-size:70px; font-style:oblique; margin-top:120px; margin-bottom:20px; } .pilka { margin-left:105px; margin-top:30px; margin-bottom:20px; height:400px; width:400px; float:left; } .informatyka { margin-left:105px; margin-top:30px; margin-bottom:20px; height:400px; width:400px; float:left; } .akrobatyka { margin-left:105px; margin-top:30px; margin-bottom:20px; height:400px; width:400px; float:left; } .quad { margin-left:105px; margin-top:30px; margin-bottom:20px; height:400px; width:400px; float:left; } #kontakt { text-align:center; font-size:70px; font-style:oblique; margin-bottom:20px; margin-top:130px; } .kontaktt { margin-left:190px; margin-top:30px; margin-bottom:20px; height:300px; width:300px; float:left; } footer { text-align:right; }