_Blank – Etape 11 – Footer

1Manipulation

Positionner deux colonnes dans le pied de la page

Dans Notepad++ > index-ALL.html

  1. Ligne 163 > modifier <footer class="twelve columns vert">  en <footer class="four columns vert">
  2. Ligne 166 > ajouter <footer class="eight columns vert"></footer>
  3. Ligne 166 > insérer le code
    <ul>
        <li>Contact</li>
        <li>Mentions légales</li>
        <li>Politique de confidentialité</li>
        <li>Cookies</li>
        <li>Conditions Générales d'Utilisation</li>
        <li>Conditions Générales de Vente</li>
    </ul>

    dans la colonne nouvellement créée.

  4. Ligne 164 > Remplacer le code présent dans la colonne par
<p><b>Identité</b><br>Adresse n° rue - communes</p>
<p>Tél 00 00 00 00 00</p>

2Observation

3Le code de cette étape

Code HTML de la partie footer uniquement

<!-- PIED -->
	<div class="row">
		<footer class="four columns vert">
		<p><b>Identité</b><br>Adresse n° rue - communes</p>
		<p>Tél 00 00 00 00 00</p>
		</footer>
		<footer class="eight columns vert">
		<ul>
		    <li>Contact</li>
		    <li>Mentions légales</li>
		    <li>Politique de confidentialité</li>
		    <li>Cookies</li>
		    <li>Conditions Générales d'Utilisation</li>
		    <li>Conditions Générales de Vente</li>
		</ul>
		</footer>
	<!-- /PIED -->
	</div>

 

Article précédent_Blank – Etape 10 – Navigation responsive
Article suivant_Blank – Etape 12 – Font/Police