div id="bloc-1"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-blanc"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-gris-claire"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-bleu"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-blanc text-violet"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-violet text-blanc"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="block-bleu text-violet"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div id="bloc-2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span1 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span2"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div id="bloc-3"
div class="span3 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span4 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span5 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span6 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span7 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span7 center-block text-center"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span8 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span9 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span10 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span11 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

div class="span12 center-block"

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

image article interieieur

div class="span4" img src="/images/articles/image_article_interieieur.png" alt="image article interieieur" style="width: 100%;" /

NOTE: doit être utilisé préférablement juste avant un div class="span6 block-blanc"

image article interieieur

div class="block-blanc image-header" img src="/images/articles/header_article.png" alt="image article interieieur" /

image article interieieur div class="span2 offset2" img src="/images/articles/image-petite-paragraphe.png" alt="image article interieieur" /

exemple

image article interieieur
image article interieieur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

 

<div id="bloc-2">

                <div class="block-blanc image-header"><img src="/images/articles/header_article.png" alt="image article interieieur" /></div>

                <div class="block-blanc">

                               <div class="span12 center-block">

                                               <div class="span2 offset2"><img src="/images/articles/image-petite-paragraphe.png" alt="image article interieieur" /></div>

                                               <div class="span6 block-blanc remove-70 clearfix">

                                                               <h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</h2>

                                                               <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat..</p>

                                               </div>

                               </div>

                </div>

</div>

 

couleur

bleu

bloc conteneur full page  blanc

bloc conteneur full page  grisSpécial investissement
Idéalement situé proche des commerces et des transports, la fabrique des quartiers vend immeuble de rapport à rénover. En rez-de-chaussée belle surface commercial toutes activités de 64 m², en étages un appartement Type 4 de 81 m².
Travaux à prévoir, idéal déficits fonciers.
Prix de l’immeuble prêt à réhabiliter (permis pour travaux déposé) : 120 846 €

claire

bloc conteneur full page  bleu

grande image à gauche

17 03 29 RP Armentières 1

grande image centrée

2017 03 14 FFB charte OAB 2

 

petite  image à gauche

17 01 30 Voeux 2017 9

bloc de texte à droite de la grande image

bloc conteneur (petit) centré dans la page

bloc conteneur (grand) centré dans la page

text violet

 

aaaaaaaaaaaaaaaaaaaa

Spécial investissement

Idéalement situé proche des commerces et des transports, la fabrique des quartiers vend immeuble de rapport à rénover. En rez-de-chaussée belle surface commercial toutes activités de 64 m², en étages un appartement Type 4 de 81 m².
Travaux à prévoir, idéal déficits fonciers.

Prix de l’immeuble prêt à réhabiliter (permis pour travaux déposé) : 120 846 €

aaaaaaaaaa

 

 

 

 

 

 

 

Faire la ville avec et pour les habitants de la Métropole Lilloise 

  • metropole
  • metropole
  • metropole
  • metropole