Probleme de mise en page

je voudrai cree ce de bas de page :
http://www.mediafire.com/view/fx4uz773s96vcrb/l1%282%29.png
(faite copier coller le lien)
Image du bas de menu que je veut faire
mais la je suis coince pouvez vous m'aider s'il vous plait
voici mon code pour l'instant
en html:

<footer>
                <div class="f1" alt="formulaire1-1">
                    <p class="loc">Localisation</p>
                    &nbsp;
                    <p class="police-general" id="1" >Tel: xxxxxxxxxx</p>
                    <p class="police-general" id="2">Email: xxxxxxx@xxxxx.xxx</p>
                </div>
                <div alt="formulaire1-2" class="f1-2">
                    <p class="police-general" style="display:inline;"  >8 avenue de la baule</p>
                    <p class="police-general" style="display:inline;"  >LA BAULE</p>
                </div>
                <div class="f2" alt="formulaire2">
                    <p class=>Gardons contact</p>
                    <p class="police-general"> Email *</p>
                </div>
                <div alt="formulaire 2-2" class="f2-2">
                    <p class="police-general" >Message</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
             
            </div>
        </footer>

en css

.loc{
    font-family: 'Montserrat',sans-serif;
    font-size: 30px;
    margin-bottom: 0px;
    color: white;
    
}

.con{
    font-family: 'Montserrat',sans-serif;
    font-size: 30px;
    color: white;
}

#formulaire{
    border: 3px solid #505050;
    display: inline;
}
.police-general{
    font-family: 'Montserrat',sans-serif;
    font-size: 15px;
    color: white;
}
.r1{
    margin: 30px 15px 10px;
}

.f1 {
    position: absolute;
    left: 670px;
    float:left;
    width:50%;
}
.f1-2{
    top: -50;
    margin-left: 920px;
}

.f2{
    position: absolute;
    right: 600px;
    bottom: 100px;
    display: block;
}

.f2-2{
    margin-left: 70%;
    bottom: 80px;
}

Si vous pourriez m'aider ca serait cool
Merci d'avance de votre reponse
Modifié par ax240 (06 May 2018 - 19:36)

Bonsoir,

Ton lien est bad, donne un bon que l'on puisse jeter un coup d'oeil.

C'est bon j'ai remis un lien meilleur. vous avez juste a cliquer sur le lien et meme pas besoin de le telecharger ca s'affiche directement en vue d'image
Et merci pour l'aide que vous m'apporter

Donne nous une image de ce que donne ton code ? Tu as un problème à qu'elle niveau ?

Donne nous une image de ce que donne ton code ? Tu as un problème à qu'elle niveau ?

Voici l'apercu de mon site que j'ai commence il ya a 1 samaines
La page en question dont j'ai besoin d'aide :
http://www.mediafire.com/view/k7dax535icao327/screnchot_site_060518.jpg
Je veut juste faire le bandeau noire et mettre toutes les infos que je t'ai montre sur l'exemple du site en place saurait t-u le faire ?
tu as un bon niveau en codage ?