Sample Content

Various sample content examples.

voir le site PhotoGraphie.Pro

Markdown

Nous vous recommandons d’utiliser markdown pour le contenu d’édition de base, car il est rapide à écrire, facile à lire et évite les erreurs de codage html. Lire la suite sur les démarques ou dans ce tutoriel.

Bien que markdown est préféré pour les modifications de contenu base, vous devrez souvent utiliser html pour des trucs plus compliqués.

  • We recommend using markdown for basic content editing, because it is fast to write, easy to read and prevents html-coding errors. Read more about markdown or check this tutorial. Although markdown is preferred for basic content editing, you will often need to use html for more complicated stuff


    2-Column Grid

          • profile

        Hi!
        Mon nom est Bob Dobalina et ce site est mon blog, mais aussi une aire de jeux pour le système de site de Galerie de PhotoGraphie.Pro

        My name is Bob Dobalina, and this website is my blog as well as a playground for the  gallery website system from PhotoGraphie.Pro.

        About me

        Je suis intéressé de design, de fonctionnalité, de minimalisme et de performance.
        I am interested in design, functionality, minimalism and performance.


        Article
        Il y a plus d’une décennie, alors que SWF était une technologie émergente, ce site est devenu une vitrine très populaire de Flash.
        More than a decade ago, when SWF was an emerging technology, this website became a very popular showcase of Flash. See Post

      Block Grid

      • Block Grid
        Block grid vous donnent un moyen de séparer uniformément le contenu d’une liste dans une grille. Si vous souhaitez créer une ligne avec une quantité spécifique d’éléments qui ont besoin de rester également espacés, la grille de bloc est votre ami.
        Block grids give you a way to evenly separate contents of a list within a grid. If you want to create a row with a specific amount of elements that need to stay evenly spaced, the block grid is your friend.
      --- ## Carousel Plugin

      Chamaux

      poisson

      Ecureuil

      Chevre

      Elephant

      Taureau

      Baleine

      Poisson Ballon

      Tortue

      Embed Sources

      Vimeo

      Youtube

      Google Maps

      Self-hosted Video

    • Font Icons

    • Easily add icons into your page designs with the included [Font Awesome](http://fortawesome.github.io/Font-Awesome/icons/). Font icons are vector-based, so they look good at any size, and can be styled with CSS.





      • Formulaires personnalisés ajouter tous les éléments de votre formulaire de contact.

      Toutes les données seront transmises par email.

      Ice Cream Flavor
      couleur favorite
      rougebleuvert
      J'aime
      dormir manger courir
      Message


    Modal Plugin

      Le modal plugin vous permet d’ouvrir les fenêtres de dialogue pop-up, utiles pour afficher des informations pertinentes. Modals sont généralement déclenchées par des boutons, mais peuvent également être déclenchés sur le chargement des pages.

    Tabs

      Tabs content plugin

      Le plugin d’onglets vous permet d’ajouter facilement une section interactive d'onglets n’importe où dans votre contenu. Onglets peuvent être utiles de séparer le contenu connexe en sections cliquables. Choisir l’orientation horizontale ou verticale, trois styles et plusieurs classes d’assistance. Onglets réagir de façon appropriée sur les petits écrans (mobiles), et page défile pour insérer les pattes lorsqu’il y a contenu exhaustif.

      Sample Code

      Pour créer une mise en onglets, vous devez utiliser le code suivant :













      C’est le premier panneau de l’exemple de l’onglet Elémentaire. Vous pouvez placer toutes sortes de contenu ici, y compris une grille.



      Il s’agit de le second panel de l’exemple de l’onglet Elémentaire. Il s’agit de la seconde table ronde de l’exemple de l’onglet Elémentaire.



      Il s’agit de le troisième panel de l’exemple de l’onglet Elémentaire. Il s’agit de la troisième table ronde de l’exemple de l’onglet Elémentaire.



      C’est le quatrième panel de l’exemple de l’onglet Elémentaire. C’est le quatrième groupe de l’exemple de l’onglet Elémentaire.





      Styles

      vertical
      Incluez la classe verticale dans les deux votre élément de languettes UL et un élément de vos onglets contenu défini l’orientation des onglets vertical, au lieu de l’orientation horizontale par défaut.

      tabs-style-1tabs-style-2
      Inclure n’importe quelle classe de style dans votre élément conteneur-onglets, ajout d’un style différent du style par défaut.

      tabs-anim
      Incluez la classe d’onglets-anim dans votre élément conteneur-onglets pour faire vos onglets fondu le changement.

      tabs-radius
      Include the tabs-radius in your tabs-container element class to give your tabs rounded corners.

      tabs-color-active
      Include the tabs-color-active class in your tabs-container element to colorize the active tab.

      tabs-wide
      Include the tabs-wide class in your tabs-container element to make your tabs wider. * Only applies for horizontal tabs orientation.

      tabs-smalltabs-large
      Include the tabs-small or tabs-large class in your tabs-container element to make your tabs smaller or bigger. Does not apply for small (mobile) screens.

      tabs-centertabs-right
      Include the tabs-center or tabs-right class in your tabs-container element to make your tabs align center or right, instead of the default left. * Only applies for horizontal tabs orientation.

      tabs-width-30tabs-width-50tabs-width-auto
      Include the tabs-width-30, tabs-width-50 or tabs-width-auto class in your tabs-container element to set the % width of your vertical orientation tabs, instead of the default 20%.* Only applies for vertical tabs orientation.

      small-block-grid-*
      Include the small-block-grid-* class in your UL tabs element to make your tabs justify to full width. Replace the * with the amount of tabs you have. * Only applies for horizontal tabs orientation.

      Sample Content

      • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac rutrum est. Aliquam sit amet risus aliquet, sagittis risus eu, facilisis ex. Fusce eu neque et purus accumsan maximus maximus nec lacus. Nulla auctor augue ut fermentum venenatis. Donec volutpat ullamcorper felis, in tincidunt tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eleifend finibus tellus, et consectetur nulla pellentesque eu. In et justo risus. Donec sed dolor sit amet dolor cursus aliquam ut vel justo. Praesent sed quam diam. Duis scelerisque lectus non venenatis elementum.

      Ok! Etiam id commodo lorem. Nulla maximus fermentum nibh eget consectetur. Suspendisse luctus nunc orci, eget varius arcu tempor non. Duis ac efficitur augue, eu sollicitudin nisi. Praesent ligula tellus, consequat non tellus sit amet, fringilla gravida justo. Duis in justo at magna ornare tristique quis non risus. Fusce feugiat finibus urna quis rhoncus. Praesent feugiat eget tortor quis imperdiet. Praesent nulla lacus, ornare vel velit non, efficitur fringilla nibh. Cras nisi sapien, dapibus pretium nunc a, rhoncus tincidunt urna. Donec tristique nunc turpis, sed aliquam leo tincidunt sit amet. Integer vitae vehicula elit. Pellentesque aliquet nisi sit amet ullamcorper facilisis. Morbi quis turpis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

    Alert Box Alert boxes allow you to emphasize content by adding it inside a box. [code]

      Alert box example

      This is a simple alert-box with text and images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere, risus quis malesuada fringilla, metus nulla consectetur mi, a ullamcorper mi eros et mi. Pellentesque facilisis libero at orci finibus porta quis eget urna.

      • Dismissible Alert Box

      Cette boîte d’alerte peut être rejetée en cliquant sur la close button.
      Il s’agit d’une boîte d’alerte minimale. Fermez-la !

    Labels labelUtilisez des étiquettes à mettre de l’emphase à n’importe quel contenu.

      Text
      Vous pouvez choisir la couleur suivante primaryalertwarningsuccessinfodefaultbg2bg3

      Toggle

      Content

      Sometimes you want to hide long sections of content until the visitor chooses to view more. Simply add a toggle button link, and an element that contains the hidden content. You can toggle any kinds of content and the toggle link can be *before* or *after* the hidden content. Toggle can also be effective to create FAQs or to simply hide long image descriptions like in this example. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tristique quis justo luctus pulvinar. Nulla venenatis lacus eget sapien pretium dignissim. Duis feugiat magna vitae fermentum euismod.morecode



      Ce texte est caché.
      more


      more
      Ce texte est caché.



      OPEN
      Ce texte est caché.

    Blog Post