| | |
| | | body { |
| | | margin: 0; |
| | | box-sizing: border-box; |
| | | font:caption; |
| | | } |
| | | |
| | | header { |
| | | background-color: red; |
| | | } |
| | | text-align: center; |
| | | padding: 10px; |
| | | } |
| | | |
| | | header a { |
| | | padding: 5px; |
| | | } |
| | | |
| | | main { |
| | | padding:50px; |
| | | padding-bottom: 20%; |
| | | } |
| | | |
| | | main h2 { |
| | | text-align: center; |
| | | } |
| | | |
| | | main img { |
| | | width: 20%; |
| | | float: left; |
| | | } |
| | | |
| | | main article { |
| | | width: 80%; |
| | | float: left; |
| | | } |
| | | |
| | | footer { |
| | | background-color: red; |
| | | text-align: center; |
| | | padding: 15px; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | |
| | | <body> |
| | | {include file="header.tpl"} |
| | | <main> |
| | | <h2>Fiat 500</h2> |
| | | <img src="files_comuni/images/500.jpg"> |
| | | <article> |
| | | Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis dicta fugiat molestiae ex, illo dolorem mollitia soluta molestias laborum rerum et voluptas facere sapiente animi neque dolorum rem. Quis, modi! |
| | |
| | | <footer> |
| | | <hr> |
| | | author: me |
| | | copyright |
| | | </footer> |
| | |
| | | <body> |
| | | {include file="header.tpl"} |
| | | <main> |
| | | <h2>Fiat Panda</h2> |
| | | <img src="files_comuni/images/panda.jpg"> |
| | | <article> |
| | | Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis dicta fugiat molestiae ex, illo dolorem mollitia soluta molestias laborum rerum et voluptas facere sapiente animi neque dolorum rem. Quis, modi! |
| | |
| | | <body> |
| | | {include file="header.tpl"} |
| | | <main> |
| | | <h2>Fiat Tipo</h2> |
| | | <img src="files_comuni/images/tipo.jpg"> |
| | | <article> |
| | | Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis dicta fugiat molestiae ex, illo dolorem mollitia soluta molestias laborum rerum et voluptas facere sapiente animi neque dolorum rem. Quis, modi! |