Front-End Template for side-projects integration

 
 

Titre principal

Titre de 2e niveau

Titre de 3e niveau

Titre de 4e niveau

Titre de 5e niveau
Titre de 6e niveau

Paragraphe de texte classique, avec lien inclu. Suspendisse dignissim eros ac justo elementum, a fermentum nulla hendrerit. Aenean non elementum ipsum. Maecenas in lorem neque. Ut suscipit massa sed urna fringilla porttitor. Nulla et iaculis ipsum. Morbi a nunc sagittis urna scelerisque tempus fringilla in leo. Aliquam molestie sagittis finibus. Maecenas ac metus condimentum, malesuada orci ac, mattis velit.

Autre paragraphe... Pellentesque dapibus magna nec elit sodales elementum quis sed lacus. Fusce sit amet diam magna. Sed dictum justo arcu, faucibus bibendum dolor tincidunt vel.

Exemple de base

Paragraphe — avec image intégrée

ImageMauris tristique sodales tortor ut imperdiet. Aliquam erat volutpat. Suspendisse dignissim eros ac justo elementum, a fermentum nulla hendrerit. Aenean non elementum ipsum. Maecenas in lorem neque. Ut suscipit massa sed urna fringilla porttitor. Nulla et iaculis ipsum. Morbi a nunc sagittis urna scelerisque tempus fringilla in leo. Aliquam molestie sagittis finibus. Maecenas ac metus condimentum, malesuada orci ac, mattis velit. Pellentesque dapibus magna nec elit sodales elementum quis sed lacus. Fusce sit amet diam magna. Sed dictum justo arcu, faucibus bibendum dolor tincidunt vel. Aenean in condimentum nisi, nec molestie felis. Etiam condimentum dignissim commodo. Praesent sit amet lacinia neque.

Éléments associés

  • Élément num. 1
  • Autre élément associé
  • Troisième élément

Listes “normales” — “inline” — “inline-block”

Titre de 3e niveau

Mauris tristique sodales tortor ut imperdiet. Aliquam erat volutpat. Suspendisse dignissim eros ac justo elementum, a fermentum nulla hendrerit. Aenean non elementum ipsum. Maecenas in lorem neque. Ut suscipit massa sed urna fringilla porttitor. Nulla et iaculis ipsum. Morbi a nunc sagittis urna scelerisque tempus fringilla in leo. Aliquam molestie sagittis finibus. Maecenas ac metus condimentum, malesuada orci ac, mattis velit. Pellentesque dapibus magna nec elit sodales elementum quis sed lacus. Fusce sit amet diam magna. Sed dictum justo arcu, faucibus bibendum dolor tincidunt vel. Aenean in condimentum nisi, nec molestie felis. Etiam condimentum dignissim commodo. Praesent sit amet lacinia neque.

Listes en inline-block

  • Gris #1 xdark
  • Gris #2 dark
  • Gris #3 mdark
  • Gris #4 medium
  • Gris #5 mlight
  • Gris #6 light
  • Gris #7 xlight
  • Couleur blacken
  • Couleur darken
  • Couleur origin
  • Couleur lighten

Listes en inline

  • Élément inline
  • Élément basique inline
  • Élément inline
  • Élément inline encore
  • Élément inline séparé
  • Élément inline aussi séparé
  • Élément inline séparé
  • Élément inline centré séparé
  • Élément inline centré sépare
  • Élément inline centré séparé

Juxtaposition de contenu

Contenu de text en colonne

Premiers Sous-tritre

Morbi mollis ligula quam, a sodales lectus luctus vitae. Quisque vitae velit quis ligula iaculis laoreet. Praesent vitae nisl luctus, scelerisque ipsum nec, congue tellus. Nullam non vehicula massa. Mauris molestie mollis dolor nec consectetur. Pellentesque eu feugiat ipsum, ut convallis mauris. Nulla faucibus libero erat, nec ornare ipsum pretium et. Donec euismod efficitur nunc mattis blandit. Ut luctus bibendum eros, quis maximus lacus rutrum id. Donec sit amet pretium lorem. Ut quis ipsum et leo placerat sagittis.

Autre sous-tritre

Aliquam vel dui tellus. Suspendisse pellentesque, lacus id aliquet tincidunt, magna magna volutpat mauris, in finibus eros magna et tellus. Donec ipsum nulla, vestibulum sit amet placerat et, mattis eu dolor. Curabitur mollis volutpat ipsum eu sagittis. Vestibulum ullamcorper tellus vel augue egestas blandit. Praesent auctor tellus tellus, egestas porttitor magna faucibus ac. Nullam nec turpis vulputate orci cursus mattis nec et mauris. Sed id lorem at ante cursus placerat. Sed quis neque nec justo lacinia viverra.

Dernier sous-titre

Morbi convallis iaculis tincidunt. Aliquam gravida quam quis quam volutpat sagittis. Cras ut pretium tellus. Suspendisse commodo quam at ultricies mollis. Sed placerat eu purus at imperdiet. Quisque sapien sapien, dignissim quis cursus vitae, laoreet pharetra lorem. Suspendisse sem urna, dignissim nec lorem sit amet, vehicula pulvinar nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam ac lacus vulputate, tincidunt tellus vel, iaculis libero. Nulla lobortis, massa sed laoreet interdum, ligula leo fringilla ligula, imperdiet venenatis ante sapien sit amet ante. Suspendisse venenatis, quam molestie sagittis suscipit, felis mauris interdum nunc, et cursus tortor lacus sit amet magna. Morbi id semper mi. In semper nibh sed elementum pharetra. Nam at ante vitae lectus dictum interdum ac eu sapien. Cras convallis finibus feugiat.

Contenu “flex”

Image par défaut
Légende de l'image par défaut

Contenu de boite

Morbi mollis ligula quam, a sodales lectus luctus vitae. Quisque vitae velit quis ligula iaculis laoreet. Praesent vitae nisl luctus, scelerisque ipsum nec, congue tellus. Nullam non vehicula massa. Mauris molestie mollis dolor nec consectetur.

Pellentesque eu feugiat ipsum, ut convallis mauris. Nulla faucibus libero erat, nec ornare ipsum pretium et. Donec euismod efficitur nunc mattis blandit. Ut luctus bibendum eros, quis maximus lacus rutrum id. Donec sit amet pretium lorem. Ut quis ipsum et leo placerat sagittis.

Messages d'erreur et débugage

TypeError: D:\your-application\src\controllers\file.ext:15
                    
Cannot read property 'status' of undefined
                    
    at eval (eval at wrap (D:\nom-du-projet\node_modules\pug-runtime\wrap.js:6:10), <anonymous>:180:50)
                    
    at template (eval at wrap (D:\nom-du-projet\node_modules\pug-runtime\wrap.js:6:10), <anonymous>:254:7)
                    
    at Object.exports.renderFile (D:\nom-du-projet\node_modules\pug\lib\index.js:454:38)
                    
    at Object.exports.renderFile (D:\nom-du-projet\node_modules\pug\lib\index.js:444:21)
                    
    at View.exports.__express [as engine] (D:\nom-du-projet\node_modules\pug\lib\index.js:493:11)
                    
    at View.render (D:\nom-du-projet\node_modules\express\lib\view.js:135:8)
                    
    at tryRender (D:\nom-du-projet\node_modules\express\lib\application.js:640:10)
                    
    at Function.render (D:\nom-du-projet\node_modules\express\lib\application.js:592:3)
                    
    at ServerResponse.render (D:\nom-du-projet\node_modules\express\lib\response.js:1012:7)
                    
    at D:\nom-du-projet\core\app.js:66:13
                    
    at Layer.handle_error (D:\nom-du-projet\node_modules\express\lib\router\layer.js:71:5)
                    
    at trim_prefix (D:\nom-du-projet\node_modules\express\lib\router\index.js:315:13)
                    
    at D:\nom-du-projet\node_modules\express\lib\router\index.js:284:7
                    
    at Function.process_params (D:\nom-du-projet\node_modules\express\lib\router\index.js:335:12)
                    
    at next (D:\nom-du-projet\node_modules\express\lib\router\index.js:275:10)
                    
    at D:\nom-du-projet\core\app.js:52:9