Nuova homepage

index.html

@@ -25,9 +25,48 @@
         <a class="button" href="start.html">START Romagna (RA)</a>
         <a class="button" href="tper.html">TPER</a>
     </div>
+    <h1 class="spazio"></h1>
+    <hr class="solid">
+    <h1 class="nospazio">Novità Sito:</h1>
+    <p class="novitasito">Nuova homepage</p>
+    <h2>SETA:</h2>
+    <p>Aggiunto: Manuale Irisbus Citelis <a class="novita" href="setamodena_bus/urbano/citelis.html">(Pagina Citelis)</a></p>
+    <h2>START:</h2>
+    <p></p>
+    <h2>TPER:</h2>
+    <p></p>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
+    e <br>
     <footer>
-        <hr>
+        <div class="footer">
-        <a href="chisiamo.html" class="link">Chi siamo</a>
+            <h1 class="piccolospazio"></h1>
+            <hr class="solidfooter">
+            <a href="chisiamo.html" class="link">Chi siamo</a>
+        </div>
     </footer>
 </body>
 </html>

setamodena_bus/urbano/citelis.html

@@ -24,7 +24,10 @@
     <p>Nel 2013 ATCM come ultimi bus prima della fusione in SETA, comprò questi 28 Irisbus Citelis CNG EEV. Sono dotati di un motore Cursor 8 Euro 5 EEV e cambio ZF a 6 marce. </p>
     <p>Di questo lotto il 188 ha il retarder rotto mentre pare che la 196 sia stata radiata (attendiamo conferma).</p>
     <h1 class="spazio"></h1>
-    <a class="button" target="_blank" href="https://www.youtube.com/playlist?list=PLXwZ-M9NhcE15taf_NUX5txE6Ea4Qdc6K">Video sul Bus</a>
+    <div>
+        <a class="button" target="_blank" href="https://www.youtube.com/playlist?list=PLXwZ-M9NhcE15taf_NUX5txE6Ea4Qdc6K">Video sul Bus</a>
+        <a class="button" target="_blank" href="https://drive.serverissimo.freeddns.org/s/sNRX7sE3jLRnsxf">Manuale bus</a>
+    </div>
     <table class="image-table">
         <tr>
             <td colspan="4"><h2>170</h2></td>

style.css

@@ -3,6 +3,7 @@ body{
     color: white;
     text-align: center;
     font-family: Titillium Web;
+    margin-bottom: 0px;
 }
 .button {
     display: inline-block;
@@ -21,18 +22,30 @@ body{
     cursor: pointer;
     color: white;
     background-color: blue;
-    box-shadow: 0 5px 0 darkblue
+    box-shadow: 0 5px 0 darkblue;
 }
 .button:active {
     box-shadow: none;
     transform: translateY(5px)
 }
+hr.solid {
+    border: 3px solid #3d3d3d;
+    border-radius: 5px;
+}
+hr.solidfooter {
+    border: 1px solid #525252;
+    border-radius: 1px;
+    width: 96%;
+}
 .link{
     color: cyan;
 }
 a{
     color: white;
 }
+a.novita{
+    color: rgb(0, 0, 255);
+}
 a.gbutton{
     display: inline-block;
     text-decoration: none;
@@ -57,10 +70,19 @@ a.gbutton{
     transform: translateY(5px)
 }
 footer{
-    position: absolute;
+    position: sticky;
+    bottom: 0px;
+    width: auto;
+    height: 70px;
+    background-color:#282828;
+}
+div.footer{
+    position: sticky;
     bottom: 10px;
-    width: 99%;
+    width: auto;
     height: 60px;
+    background-color:#333;
+    border-radius: 10px;
 }
 header {
     font-size: 67%;
@@ -106,6 +128,16 @@ table{
     margin-left: auto;
     margin-right: auto;
 }
+h1.nospazio{
+    height: 20px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+h1.piccolospazio{
+    height: 1px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
 h1.spazio{
     height: 20px;
     margin-top: 0px;
@@ -115,6 +147,9 @@ h2 {
     font-size: 20px;
     margin-bottom: 10px;
 }
+p.novitasito{
+    margin-top: 30px;
+}
 table.image-table {
     width: 98%;
     max-width: 1800px;