Grazie per avermi preso in considerazione.Ogni pagina di un sito web,cioè:
esempio......La pagina HOME;la pagina Contatti;la pagina Photogallery......etc....
Codice di origine:
codice:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Drive</title>
<link href="CSS/master.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="CSS/lightbox.css">
<!--lightbox2-->
<script src="scripts/lightbox-plus-jquery.js"></script>
<!--lightbox2-->
</head>
<body>
<header id="Intestazione">
<nav id="Menù">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Photogallery.html">Photogallery</a></li>
<li><a href="Informazioni.html">Informazioni</a></li>
<li><a href="Contatti.html">Contatti</a></li>
<li><a href="Dove Siamo.html">Dove Siamo</a></li>
</ul>
</nav>
</header>
<div id="Contenitore">
<img src="LOGHI/NEW DRIVE 2.png" class="img-responsive" alt="Placeholder image">
<h1>La Passione è la nostra forza</h1>
<article id="Contenuto">
<p>La passione per la guida e l'esperienza trentennale nella Città di Roma ci ha spinto ad avviare a Manfredonia, “Autoscuola New Drive” comunicando così i nostri principali obiettivi: </p>
<ol>
<li> Fornire un'ottima preparazione per conseguire la patente di guida; </li>
<li> Istruire i futuri automobilisti per guidare bene in tutte le circostanze. </li>
</ol><figure class="img_sx"><a href="IMG/ORIGINALI/DSCN0127.jpg" rel="lightbox" title="Entrata Autoscuola" ><img src="IMG/MINIATURE/DSCN0127.jpg" alt="" width="300" height="400" class="img_dx" /></a>
<p> La stessa passione poi, ci ha guidato a perfezionare la didattica ed i moduli di formazione per preparare guidatori con tecniche sempre più innovative.
“AUTOSCUOLA NEW DRIVE” oggi è un’autoscuola moderna e al passo con i tempi, dotata di aula didattica multimediale, in grado di seguire il tuo andamento tramite statistiche.
La passione per la guida, che ci accomuna tutti, è stata lo stimolo di aggregazione di una squadra di ottimi insegnanti ed istruttori, che insieme ai ragazzi sempre più presenti ci permettono ogni giorno di migliorare il servizio trasmettendo maggiore sicurezza nella guida.
L’Autoscuola New Drive, applica e sviluppa i metodi didattici, con modernità e passione, dando modo a centinaia di clienti di apprezzare la serietà e la qualità del servizio dell’autoscuola. </p>
</figure>
</article>
<footer id="Footer">
<p>Autoscuola New Drive Via Tribuna 93_Manfredonia FG</p>
</footer>
<script src="scripts/lightbox.js"></script>
</div>
</body>
</html>
Codice CSS:
codice:
@charset "UTF-8";
body {
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-attachment: fixed;
background-position: 59% 52%;
width: 100%;
background-repeat: no-repeat;
background-image: url(../IMG/BG/photo-1433235104021-d12822657867.jpeg);
}
body h1 {
padding-top: 130px;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
font-family: vera-sans;
font-style: normal;
font-weight: 400;
padding-bottom: 63px;
}
#Contenitore {
width: 100%;
max-width: 1200px;
min-width: 300px;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
margin-left: auto;
margin-right: auto;
}
#Contenitore #Photogallery {
margin-left: 172px;
}
#Intestazione #Menù ul {
margin-top: -2px;
margin-right: -2px;
margin-bottom: -2px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: none;
font-size: x-large;
margin-left: 2px;
background-image: url(../IMG/BG/photo-1453000109878-d4619d01587c.jpeg);
}
#img Photogallery.HTML {
background-image: url(../IMG/BG/photo-1453000109878-d4619d01587c.jpeg);
}
#Menù ul li {
display: block;
width: 20%;
float: left;
text-align: center;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0px 0px;
margin-top: 20px;
margin-bottom: 20px;
}
ul li a {
text-decoration: none;
color: #FFFFFF;
}
#Menù a:hover{
color:#7EB8FF
}
#Contenitore h1 {
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
padding-top: 47px;
}
#Contenitore #Contenuto {
line-height: 150%;
color: #FFFFFF;
font-size: xx-large;
text-align: justify;
background-attachment: fixed;
font-family: vera-sans;
width: 100%;
}
#Contenitore #Footer {
text-align: center;
font-size: x-large;
text-transform: capitalize;
color: #FFFFFF;
margin-top: 83px;
}
/*classi*/
.img_sx{
float: left;
margin-left: 0px;
margin-right: 20px;
margin-top: -37px;
}
.img_dx{
float:right;
margin-left:20px;
margin-right:0px;
}
#Contenuto figure img {
width: 323px;
height: 391px;
}
Permessi di invio
Rispondi quotando
