En juin 2006, S.A.S le Prince Albert II de Monaco a décidé de créer Sa Fondation afin de répondre aux menaces préoccupantes qui pèsent sur l'environnement de notre planète. La Fondation Prince Albert II de Monaco (FPA2) œuvre pour la protection de l'environnement et la promotion du développement durable à l'échelle mondiale.
La Fondation soutient les initiatives d'organisations publiques et privées dans les domaines de la recherche, de l'innovation technologique et des pratiques conscientes des enjeux sociaux. La Fondation finance des projets dans trois principales régions et concentrent ses actions sur trois domaines principaux.
Attention Blockquote !
La Fondation Prince Albert II de Monaco (FPA2) œuvre pour la protection de l'environnement et la promotion du développement durable à l'échelle mondiale. La Fondation soutient les initiatives d'organisations publiques et privées dans les domaines de la recherche, de l'innovation technologique et des pratiques conscientes des enjeux sociaux. La Fondation finance des projets dans trois principales régions et concentrent ses actions sur trois domaines principaux.
1. Présentation des standards en H2
Pour plus d’informations, n’hésitez pas à nous contacter.
Présentation en titre H3
Test italic : Un jour de plein hiver, une reine était assise à sa fenêtre encadrée de bois d'ébène et cousait.Tout en tirant l'aiguille, elle regardait voler les blancs flocons. Elle se piqua au doigt et trois gouttes de sang tombèrent sur la neige.
Test souligné : La Fondation Prince Albert II de Monaco (FPA2) œuvre pour la protection de l'environnement et la promotion du développement durable à l'échelle mondiale. La Fondation soutient les initiatives d'organisations publiques et privées
Test Gras : dans les domaines de la recherche, de l'innovation technologique et des pratiques conscientes des enjeux sociaux.
2. Les Boutons
Bouton général class="btn_gen" Bouton en aside class="btn_aside" Bouton couleur spécial class="btn_color"3. Les Listes
Test de liste numeroté par défaut :
- ol natif
- lorem ipsum dolor sit amet
- lorem ipsum dolor sit amet
Test de liste par défaut :
- ul natif
- lorem ipsum dolor sit amet
- lorem ipsum dolor sit amet
Test de liste numeroté sur mesure :
- ol class="sm"
- lorem ipsum dolor sit amet
- lorem ipsum dolor sit amet
Test de liste sur mesure :
- ul class="sm"
- lorem ipsum dolor sit amet
- lorem ipsum dolor sit amet
5. Les Flexbox
3 styles de flexbox
class="insert"
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet
commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare
arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
class="insert_bordered"
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh
sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id
ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
class="insert_colored"
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh
sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id
ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
5 colonnes class="cflex_5col"
4 colonnes class="cflex_4col"
3 colonnes class="cflex_3col"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2 colonnes class="cflex_2col"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Colonnes justifié au centre class="jc_center"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Colonnes avec un espace équilibré entre chaque blocs class="jc_between"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6. La Grille de 340px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Volutpat est velit egestas dui id ornare arcu odio ut. Habitasse platea dictumst quisque sagittis purus sit amet