We are super-duper awesome partner

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor, turpis eu imperdiet vestibulum, augue est vulputate elit, in molestie dui eros ut orci. Donec sed magna sed massa ullamcorper consequat non mollis elit.

About

Les 9 Laboratoires du Code

La Culture dénuée de subversivité ne présente aucun intérêt. L’Art mais aussi l'ensemble de nos voies de communication, doivent s’enraciner dans une volonté de changement des mécanismes sociétaux vers le progrès réel pour tous.

L’orientation de notre travail s’inspire en particulier de l’oeuvre fort peu connue de M. Neely FULLER JR.
Dans son essai, THE UNITED-INDEPENDENT COMPENSATORY CODE/SYSTEM/CONCEPT TEXTBOOK (aussi appelé The Code) M. FULLER propose l’une des analyses les plus pertinentes, à notre sens, de la réalité fonctionnelle du Racisme que subissent, encore, des millions de personnes à travers le monde - ainsi que les moyens de l'éliminer.

Nous avons fondé les 9 laboratoires dans l'idée de contribuer à mettre fin à l'injustice et à construire notre vision du monde.

Mentoring & Leadership

Accompagner le changement et participer à l’amélioration de l’individu. Développement Personnel, Management, RH à destination des particuliers et des professionnels.
Découvrez notre Agence, nū consulting

Strategies & Communication

Stratégies et Communication. Que vous soyez une Marque ou une Institution, nous vous donnons les moyens de votre Incontournabilité.
Découvrez notre Agence, Madd Logics.

Photo & Broadcasting

En plus de la Photographie, la Production et la Diffusion de documents audiovisuels pertinents et de qualité est un de nos paris insensés.
Découvrez notre Agence, PRD.

Bientôt les autres.

Portfolio

Blog

Contact Form

Contact

Get in touch

Contactez-nous.

address

Code 9 Labs 7 Avenue du Trône 75012 Paris

mobile: (+33) 6 73 38 70 25

Contact Form

Team

Headers

H1 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h1>H1 header</h1>

H2 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h2>H2 header</h2>

H3 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h3>H3 header</h3>

H4 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h4>H4 header</h4>
H5 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h5>H5 header</h5>
H6 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h6>H6 header</h6>

Alerts

We used Bootstrap alerts. More information you can find here.

Well done! Your message was sent. Thank you!
<div class="alert alert-success">Text message...</div>
Whoops! Fill up message!
<div class="alert alert-danger">Text message...</div>
Heads up! Your attention...
<div class="alert alert-info">Text message...</div>
Warning! Check your message!
<div class="alert alert-warning">Text message...</div>

Buttons

Examples:
<div class="buttons">
	<a href=""# class="btn btn-dark">button</a>
</div>
		
<div class="buttons">
	<a href=""# class="btn btn-lg">Large button</a>
</div>
		

Icons

We're proud to present you over 369 icons made by Font Awesome. Those pretty, sharp icons will bring some life into even most boring parts of your website. You feel tired seing everywhere Font Awesome icons? We thought it would be nice bring some fresh your website. So we present you icons made by Simple Line Icons. If you need other navigation icons, we prepared for you icons pack with arrows from fontello (made by MFG Labs).

Simple Line Icons

  • simpleline-action-redo
  • simpleline-action-undo
  • simpleline-anchor
  • simpleline-arrow-down
  • simpleline-arrow-left
  • simpleline-arrow-right
  • simpleline-arrow-up
  • simpleline-badge
  • simpleline-bag
  • simpleline-ban
  • simpleline-bar-chart
  • simpleline-basket
  • simpleline-basket-loaded
  • simpleline-bell
  • simpleline-book-open
  • simpleline-briefcase
  • simpleline-bubble
  • simpleline-bubbles
  • simpleline-bulb
  • simpleline-calculator
  • simpleline-calendar
  • simpleline-call-end
  • simpleline-call-in
  • simpleline-call-out
  • simpleline-camcorder
  • simpleline-camera
  • simpleline-check
  • simpleline-chemistry
  • simpleline-clock
  • simpleline-close
  • simpleline-cloud-download
  • simpleline-cloud-upload
  • simpleline-compass
  • simpleline-control-end
  • simpleline-control-forward
  • simpleline-control-pause
  • simpleline-control-play
  • simpleline-control-rewind
  • simpleline-control-start
  • simpleline-credit-card
  • simpleline-crop
  • simpleline-cup
  • simpleline-cursor
  • simpleline-cursor-move
  • simpleline-diamond
  • simpleline-direction
  • simpleline-directions
  • simpleline-disc
  • simpleline-dislike
  • simpleline-doc
  • simpleline-docs
  • simpleline-drawer
  • simpleline-drop
  • simpleline-earphones
  • simpleline-earphones-alt
  • simpleline-emotsimpleline-smile
  • simpleline-energy
  • simpleline-envelope
  • simpleline-envelope-letter
  • simpleline-envelope-open
  • simpleline-equalizer
  • simpleline-eye
  • simpleline-eyeglasses
  • simpleline-feed
  • simpleline-film
  • simpleline-fire
  • simpleline-flag
  • simpleline-folder
  • simpleline-folder-alt
  • simpleline-frame
  • simpleline-game-controller
  • simpleline-ghost
  • simpleline-globe
  • simpleline-globe-alt
  • simpleline-graduation
  • simpleline-graph
  • simpleline-grid
  • simpleline-handbag
  • simpleline-heart
  • simpleline-home
  • simpleline-hourglass
  • simpleline-info
  • simpleline-key
  • simpleline-layers
  • simpleline-like
  • simpleline-link
  • simpleline-list
  • simpleline-lock
  • simpleline-lock-open
  • simpleline-login
  • simpleline-logout
  • simpleline-loop
  • simpleline-magic-wand
  • simpleline-magnet
  • simpleline-magnifier
  • simpleline-magnifier-add
  • simpleline-magnifier-remove
  • simpleline-map
  • simpleline-microphone
  • simpleline-mouse
  • simpleline-moustache
  • simpleline-music-tone
  • simpleline-music-tone-alt
  • simpleline-note
  • simpleline-notebook
  • simpleline-paper-clip
  • simpleline-paper-plane
  • simpleline-pencil
  • simpleline-picture
  • simpleline-pie-chart
  • simpleline-pin
  • simpleline-plane
  • simpleline-playlist
  • simpleline-plus
  • simpleline-pointer
  • simpleline-power
  • simpleline-present
  • simpleline-printer
  • simpleline-puzzle
  • simpleline-question
  • simpleline-refresh
  • simpleline-reload
  • simpleline-rocket
  • simpleline-screen-desktop
  • simpleline-screen-smartphone
  • simpleline-screen-tablet
  • simpleline-settings
  • simpleline-share
  • simpleline-share-alt
  • simpleline-shield
  • simpleline-shuffle
  • simpleline-size-actual
  • simpleline-size-fullscreen
  • simpleline-social-dribbble
  • simpleline-social-dropbox
  • simpleline-social-facebook
  • simpleline-social-tumblr
  • simpleline-social-twitter
  • simpleline-social-youtube
  • simpleline-speech
  • simpleline-speedometer
  • simpleline-star
  • simpleline-support
  • simpleline-symbol-female
  • simpleline-symbol-male
  • simpleline-tag
  • simpleline-target
  • simpleline-trash
  • simpleline-trophy
  • simpleline-umbrella
  • simpleline-user
  • simpleline-user-female
  • simpleline-user-follow
  • simpleline-user-following
  • simpleline-user-unfollow
  • simpleline-users
  • simpleline-vector
  • simpleline-volume-1
  • simpleline-volume-2
  • simpleline-volume-off
  • simpleline-wallet
  • simpleline-wrench

Examples font Awesome icons

  • fa fa-facebook
  • fa fa-gift
  • fa fa-play
  • fa fa-folder

MFG Labs Icons

  • arrow-down
  • arrow-up
  • arrow-left
  • arrow-right
  • arrow-down-open
  • arrow-up-open
  • arrow-left-open
  • arrow-right-open
Examples:
<i class="fa fa-facebook"></i>
<i class="simpleline-cloud"></i>
<i class="arrow-up"></i>

Grids

Bootstrap is a responsive grid system. More information about the system you can find here.

12 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus. Nullam condimentum sem lacinia purus tincidunt vehicula. Donec sed nibh et lorem viverra cursus vel sit amet justo. Proin velit nisi, blandit quis ultricies in, pretium a metus. Integer sit amet malesuada velit. Donec suscipit, elit at faucibus eleifend, sapien risus placerat lectus, venenatis ultricies purus nisl vitae nibh. Duis convallis nibh rutrum magna dictum facilisis.

6 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

6 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

7 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus. Nullam condimentum sem lacinia purus tincidunt vehicula.

5 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus.

Examples:
<div class="col-md-12"></div>
<div class="col-md-7"></div> <div class="col-md-5"></div>

Dropcap

D onec varius condimentum augue, nec mollis risus egestas sit amet. Etiam elit est, tincidunt non tincidunt sit amet, mollis vitae orci. Suspendisse sit amet turpis quam. Sed varius magna nec felis faucibus blandit. Quisque at gravida ante. Phasellus sagittis aliquam sodales. Donec a tortor vitae dolor sagittis aliquam eu id lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac dapibus nisl. Proin in tellus non velit sagittis viverra vel sit amet dui. Cras augue ante, tincidunt consequat ultricies ultricies, tempor a elit. Vestibulum feugiat dapibus tempus. Integer suscipit ipsum sem fermentum bibendum. Vestibulum quam neque, pretium eu consectetur quis, iaculis et massa. Sed consectetur erat fermentum purus condimentum aliquam.

Example:
<span class="dropcap">D</span>

Highlights

Aliquam sed leo leo, at aliquam felis. Sed sed purus ac lacus faucibus placerat. Donec hendrerit dapibus justo, bibendum iaculis sem vehicula sed. Fusce dolor orci, eleifend quis dignissim non, tristique sit amet elit. Maecenas semper venenatis felis eu hendrerit in tincidunt vehicula. Cras dictum mi nec dolor justo lacinia. Nunc at sem lectus, quis aliquam metus. Nam sagittis est at erat tincidunt ut porttitor eros viverra

Examples:
<div class="highlights-solid">Your text...</div>
<div class="highlights-color">Your text...</div>
<div class="highlights-outline">Your text...</div>

Tooltips

You need to use tooltips, but you don't know how? Visit the Bootstrap site .

Maecenas dolor est, interdum a euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.

Examples:
<a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="Your title...">Your text...</a>

Blockquote

Maecenas dolor est, interdum a euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.

In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum.

Example:
<blockquote>Your text...</blockquote>

Large notice

This is a headline

This is example of style component for calling extra attention to featured content or information.

Example:
<div class="notice">
<div class="text-notice">
  <h3 class="notice-header">Header</h3>
  <p class="notice-text">Your text...</p>
</div>
<div class="color button-notice">
  <a href="#" class="btn btn-default">Button</p>
</div>
</div>
		

Call to action

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information. This is example of style component for calling extra attention to featured content or information. This is example of style component for calling extra attention to featured content or information.

Examples:
<div class="notice notice-light">
   <div class="text-notice">
      <h3 class="notice-header">Header</h3>
      <p class="notice-text">Your text...</p>
   </div>
   <div class="button">
      <a href="#" class="btn btn-color">Button</p>
   </div>
</div>
		
<div class="notice notice-none-border">
   <div class="text-notice">
      <h3 class="notice-header">Header</h3>
      <p class="notice-text">Your text...</p>
   </div>
   <div class="button">
      <a href="#" class="btn btn-outline-color">Button</p>
   </div>
</div>