Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5
    Heading 6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquet rutrum. Vivamus id tempus tellus. In hac habitasse platea dictumst. In semper varius pellentesque. Duis consequat massa in nulla ultricies, at bibendum nulla luctus. Nulla at nibh ipsum. Phasellus eget erat mi. Vestibulum sit amet venenatis quam. Aliquam erat volutpat. Phasellus at tincidunt turpis. Quisque et tristique lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

    Lightbox

    Documentation: https://getuikit.com/docs/lightbox

    Ouvre tous les liens (image interne, image externe, Youtube, Viméo et Google Maps)

    Image interne
    Image externe
    Vidéo Youtube
    Vidéo Vimeo
    Google Maps (ne fonctionne pas sans serveur)

    Ouvre des liens spécifiques

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquet rutrum. Vivamus id tempus tellus. In hac habitasse platea dictumst. In semper varius pellentesque. Duis consequat massa in nulla ultricies, at open lightbox luctus. Nulla at nibh ipsum do not open lightbox. Phasellus eget erat mi. Vestibulum sit amet venenatis quam. Aliquam erat volutpat. Phasellus at tincidunt turpis. Quisque et tristique lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

    Grid

    Documentation: https://getuikit.com/docs/width

    Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquet rutrum. Vivamus id tempus tellus. In hac habitasse platea dictumst. In semper varius pellentesque. Duis consequat massa in nulla ultricies, at bibendum nulla luctus. Nulla at nibh ipsum. Phasellus eget erat mi. Vestibulum sit amet venenatis quam. Aliquam erat volutpat. Phasellus at tincidunt turpis. Quisque et tristique lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

    Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquet rutrum. Vivamus id tempus tellus. In hac habitasse platea dictumst. In semper varius pellentesque. Duis consequat massa in nulla ultricies, at bibendum nulla luctus. Nulla at nibh ipsum. Phasellus eget erat mi. Vestibulum sit amet venenatis quam. Aliquam erat volutpat. Phasellus at tincidunt turpis. Quisque et tristique lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

    Table responsive

    Version classique

    Documentation: https://getuikit.com/docs/table

    Les tableaux doivent être encapsulés manuellement dans un .uk-overflow-auto

    Table Heading Table Heading Table Heading Table Heading Table Heading
    Table Data Table Data Table Data Table Data Table Data
    Table Data Table Data Table Data Table Data Table Data
    Table Data Table Data Table Data Table Data Table Data

    Version javascript

    Requiert : atypic.js

    Les tableaux avec l'attribut [data-atp-responsive] seront automatiquement encapsulés dans un .uk-overflow-auto.

    Table Heading Table Heading Table Heading Table Heading Table Heading
    Table Data Table Data Table Data Table Data Table Data
    Table Data Table Data Table Data Table Data Table Data
    Table Data Table Data Table Data Table Data Table Data

    Iframe Youtube et Vimeo responsive

    Google Maps

    Do not forget to create your own API key (Google Maps API + Google Geocode API) for this Google Maps and replace the current demo API key "AIzaSyDuYHGOp42ONQmZeGB3OAQ2fQ2j31JUyqM"