Gaudium is a clean and trendy HTML5 CSS3 Bootstrap 3 template, which includes various layouts for blog and portfolio layout, multiple custom features and all Bootstrap 3 CSS, JavaScript and Components. All Bootstrap classes are usable and customised.

Table of Contents

1. A) Files and Structure
2. JavaScript
3. C) Sources and Credits

A) Files – top

Included files with this template:

• Index
  1. index.html – Home page
• Features and Help
  1. css.html – CSS
  2. components.html – Components
  3. javascript.html – JavaScript
• Pages
  1. about.html – About
  2. services.html – Services
  3. contact.html – Contact
• Boxed Blog
  1. blog/boxed/landscape/landscape-1col-gutter.html – Boxed Landscape
  2. blog/boxed/masonry/masonry-2col-gutter.html – Boxed Masonry
  3. blog/boxed/masonry/mosaic-3col-gutter.html – Boxed Mosaic 3 Col
  4. blog/boxed/masonry/mosaic-4col-gutter.html – Boxed Mosaic 4 Col
• Fluid Blog
  1. blog/fluid/masonry/masonry-2col-gutter.html – Fluid Masonry
  2. blog/fluid/masonry/mosaic-3col-gutter.html – Fluid Mosaic 3 Col
  3. blog/fluid/masonry/mosaic-4col-gutter.html – Fluid Mosaic 4 Col
• Blog Post
  1. blog/single-blog-post.html – Single Blog Post
• Portfolio Default – Boxed and Fluid
  1. portfolio/boxed/default/default-4col.html – Boxed 4 Col
  2. portfolio/boxed/default/default-4col-gutter.html – Boxed 4 Col Gutter
  3. portfolio/boxed/default/default-3col.html – Boxed 3 Col
  4. portfolio/boxed/default/default-3col-gutter.html – Boxed 3 Col Gutter
  5. portfolio/boxed/default/default-2col.html – Boxed 2 Col
  6. portfolio/boxed/default/default-2col-gutter.html – Boxed 2 Col Gutter
  7. portfolio/boxed/default/default-1col.html – Boxed 1 Col
  8. portfolio/boxed/default/default-1col-gutter.html – Boxed 1 Col Gutter
  9. portfolio/fluid/default/default-4col.html – Fluid 4 Col
  10. portfolio/fluid/default/default-4col-gutter.html – Fluid 4 Col Gutter
  11. portfolio/fluid/default/default-3col.html – Fluid 3 Col
  12. portfolio/fluid/default/default-3col-gutter.html – Fluid 3 Col Gutter
  13. portfolio/fluid/default/default-2col.html – Fluid 2 Col
  14. portfolio/fluid/default/default-2col-gutter.html – Fluid 2 Col Gutter
  15. portfolio/fluid/default/default-1col.html – Fluid 1 Col
  16. portfolio/fluid/default/default-1col-gutter.html – Fluid 1 Col Gutter
• Portfolio Landscape
  1. portfolio/boxed/landscape/landscape-4col.html – Boxed 4 Col
  2. portfolio/boxed/landscape/landscape-4col-gutter.html – Boxed 4 Col Gutter
  3. portfolio/boxed/landscape/landscape-3col.html – Boxed 3 Col
  4. portfolio/boxed/landscape/landscape-3col-gutter.html – Boxed 3 Col Gutter
  5. portfolio/boxed/landscape/landscape-2col.html – Boxed 2 Col
  6. portfolio/boxed/landscape/landscape-2col-gutter.html – Boxed 2 Col Gutter
  7. portfolio/boxed/landscape/landscape-1col.html – Boxed 1 Col
  8. portfolio/boxed/landscape/landscape-1col-gutter.html – Boxed 1 Col Gutter
  9. portfolio/fluid/landscape/landscape-4col.html – Fluid 4 Col
  10. portfolio/fluid/landscape/landscape-4col-gutter.html – Fluid 4 Col Gutter
  11. portfolio/fluid/landscape/landscape-3col.html – Fluid 3 Col
  12. portfolio/fluid/landscape/landscape-3col-gutter.html – Fluid 3 Col Gutter
  13. portfolio/fluid/landscape/landscape-2col.html – Fluid 2 Col
  14. portfolio/fluid/landscape/landscape-2col-gutter.html – Fluid 2 Col Gutter
  15. portfolio/fluid/landscape/landscape-1col.html – Fluid 1 Col
  16. portfolio/fluid/landscape/landscape-1col-gutter.html – Fluid 1 Col Gutter
• Portfolio Portrait – Boxed and Fluid
  1. portfolio/boxed/portrait/portrait-4col.html – Boxed 4 Col
  2. portfolio/boxed/portrait/portrait-4col-gutter.html – Boxed 4 Col Gutter
  3. portfolio/boxed/portrait/portrait-3col.html – Boxed 3 Col
  4. portfolio/boxed/portrait/portrait-3col-gutter.html – Boxed 3 Col Gutter
  5. portfolio/boxed/portrait/portrait-2col.html – Boxed 2 Col
  6. portfolio/boxed/portrait/portrait-2col-gutter.html – Boxed 2 Col Gutter
  7. portfolio/boxed/portrait/portrait-1col.html – Boxed 1 Col
  8. portfolio/boxed/portrait/portrait-1col-gutter.html – Boxed 1 Col Gutter
  9. portfolio/fluid/portrait/portrait-4col.html – Fluid 4 Col
  10. portfolio/fluid/portrait/portrait-4col-gutter.html – Fluid 4 Col Gutter
  11. portfolio/fluid/portrait/portrait-3col.html – Fluid 3 Col
  12. portfolio/fluid/portrait/portrait-3col-gutter.html – Fluid 3 Col Gutter
  13. portfolio/fluid/portrait/portrait-2col.html – Fluid 2 Col
  14. portfolio/fluid/portrait/portrait-2col-gutter.html – Fluid 2 Col Gutter
  15. portfolio/fluid/portrait/portrait-1col.html – Fluid 1 Col
  16. portfolio/fluid/portrait/portrait-1col-gutter.html – Fluid 1 Col Gutter
• Portfolio Masonry & Mosaic
  1. portfolio/boxed/masonry/mosaic-4col.html – Boxed Mosaic
  2. portfolio/boxed/masonry/mosaic-4col-gutter.html – Mosaic Gutter
  3. portfolio/boxed/masonry/masonry-4col.html – Boxed 4 Col
  4. portfolio/boxed/masonry/masonry-4col-gutter.html – Boxed 4 Col Gutter
  5. portfolio/boxed/masonry/masonry-3col.html – Boxed 3 Col
  6. portfolio/boxed/masonry/masonry-3col-gutter.html – Boxed 3 Col Gutter
  7. portfolio/boxed/masonry/masonry-2col.html – Boxed 2 Col
  8. portfolio/boxed/masonry/masonry-2col-gutter.html – Boxed 2 Col Gutter
  9. portfolio/fluid/masonry/mosaic-4col.html – Fluid Mosaic
  10. portfolio/fluid/masonry/mosaic-4col-gutter.html – Fluid Mosaic Gutter
  11. portfolio/fluid/masonry/masonry-4col.html – Fluid 4 Col
  12. portfolio/fluid/masonry/masonry-4col-gutter.html – Fluid 4 Col Gutter
  13. portfolio/fluid/masonry/masonry-3col.html – Fluid 3 Col
  14. portfolio/fluid/masonry/masonry-3col-gutter.html – Fluid 3 Col Gutter
  15. portfolio/fluid/masonry/masonry-2col.html – Fluid 2 Col
  16. portfolio/fluid/masonry/masonry-2col-gutter.html – Fluid 2 Col Gutter

JavaScript

This theme includes several javascript scripts. The ED Navbar BS3 JS ed-navbar.js adds support to Bootstrap 3 for a vertical navbar layout (its functionality does not require or interfere with the default Bootstrap 3 JS – bootstrap.js). The AutoThumbs VR plugin automatically calculates the height of thumbnails to match with the vertical rhythm of Gaudium. Furthermore, a tag filter supports filtering of items in a mosaic layout.

C) Sources and Credits – top

I’ve used the images, icons or other files as listed.

Images

• Blond Man – Business image created by Kues1 – Freepik.com
• Smiling Woman – Business image created by Kues1 – Freepik.com
• Business image created by Katemangostar – Freepik.com
• Infographic vector created by GraphiqaStock – Freepik.com
• Color vector created by Photoroyalty – Freepik.com
• Banner vector created by Photoroyalty – Freepik.com
• Design vector created by GraphiqaStock – Freepik.com
• Infographic vector created by Freepik
• Infographic vector created by Freepik
• Infographic vector created by Cornecoba – Freepik.com
• Retro Logo vector created by Freepik
• Vintage Logo vector created by Freepik
• Images from Unsplash
• Image by Sebastian Šoška from Pixabay
• Template for circle informative infographic at VectorStock

Scripts & CSS

• Customised: Load more content with jQuery
• Customised: File input
• Customised: Pure CSS Parallax Effect customisation

       

Fonts

• Montserrat
• Lato

Icon Fonts and Patterns

• FlatIcon Linecons
• Ionicons