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
- A) Files and Structure
- JavaScript
- C) Sources and Credits
A) Files – top
Included files with this template:
- Index
- index.html – Home page
- Features and Help
- css.html – CSS
- components.html – Components
- javascript.html – JavaScript
- Pages
- about.html – About
- services.html – Services
- contact.html – Contact
- Boxed Blog
- blog/boxed/landscape/landscape-1col-gutter.html – Boxed Landscape
- blog/boxed/masonry/masonry-2col-gutter.html – Boxed Masonry
- blog/boxed/masonry/mosaic-3col-gutter.html – Boxed Mosaic 3 Col
- blog/boxed/masonry/mosaic-4col-gutter.html – Boxed Mosaic 4 Col
- Fluid Blog
- blog/fluid/masonry/masonry-2col-gutter.html – Fluid Masonry
- blog/fluid/masonry/mosaic-3col-gutter.html – Fluid Mosaic 3 Col
- blog/fluid/masonry/mosaic-4col-gutter.html – Fluid Mosaic 4 Col
- Blog Post
- blog/single-blog-post.html – Single Blog Post
- Portfolio Default – Boxed and Fluid
- portfolio/boxed/default/default-4col.html – Boxed 4 Col
- portfolio/boxed/default/default-4col-gutter.html – Boxed 4 Col Gutter
- portfolio/boxed/default/default-3col.html – Boxed 3 Col
- portfolio/boxed/default/default-3col-gutter.html – Boxed 3 Col Gutter
- portfolio/boxed/default/default-2col.html – Boxed 2 Col
- portfolio/boxed/default/default-2col-gutter.html – Boxed 2 Col Gutter
- portfolio/boxed/default/default-1col.html – Boxed 1 Col
- portfolio/boxed/default/default-1col-gutter.html – Boxed 1 Col Gutter
- portfolio/fluid/default/default-4col.html – Fluid 4 Col
- portfolio/fluid/default/default-4col-gutter.html – Fluid 4 Col Gutter
- portfolio/fluid/default/default-3col.html – Fluid 3 Col
- portfolio/fluid/default/default-3col-gutter.html – Fluid 3 Col Gutter
- portfolio/fluid/default/default-2col.html – Fluid 2 Col
- portfolio/fluid/default/default-2col-gutter.html – Fluid 2 Col Gutter
- portfolio/fluid/default/default-1col.html – Fluid 1 Col
- portfolio/fluid/default/default-1col-gutter.html – Fluid 1 Col Gutter
- Portfolio Landscape
- portfolio/boxed/landscape/landscape-4col.html – Boxed 4 Col
- portfolio/boxed/landscape/landscape-4col-gutter.html – Boxed 4 Col Gutter
- portfolio/boxed/landscape/landscape-3col.html – Boxed 3 Col
- portfolio/boxed/landscape/landscape-3col-gutter.html – Boxed 3 Col Gutter
- portfolio/boxed/landscape/landscape-2col.html – Boxed 2 Col
- portfolio/boxed/landscape/landscape-2col-gutter.html – Boxed 2 Col Gutter
- portfolio/boxed/landscape/landscape-1col.html – Boxed 1 Col
- portfolio/boxed/landscape/landscape-1col-gutter.html – Boxed 1 Col Gutter
- portfolio/fluid/landscape/landscape-4col.html – Fluid 4 Col
- portfolio/fluid/landscape/landscape-4col-gutter.html – Fluid 4 Col Gutter
- portfolio/fluid/landscape/landscape-3col.html – Fluid 3 Col
- portfolio/fluid/landscape/landscape-3col-gutter.html – Fluid 3 Col Gutter
- portfolio/fluid/landscape/landscape-2col.html – Fluid 2 Col
- portfolio/fluid/landscape/landscape-2col-gutter.html – Fluid 2 Col Gutter
- portfolio/fluid/landscape/landscape-1col.html – Fluid 1 Col
- portfolio/fluid/landscape/landscape-1col-gutter.html – Fluid 1 Col Gutter
- Portfolio Portrait – Boxed and Fluid
- portfolio/boxed/portrait/portrait-4col.html – Boxed 4 Col
- portfolio/boxed/portrait/portrait-4col-gutter.html – Boxed 4 Col Gutter
- portfolio/boxed/portrait/portrait-3col.html – Boxed 3 Col
- portfolio/boxed/portrait/portrait-3col-gutter.html – Boxed 3 Col Gutter
- portfolio/boxed/portrait/portrait-2col.html – Boxed 2 Col
- portfolio/boxed/portrait/portrait-2col-gutter.html – Boxed 2 Col Gutter
- portfolio/boxed/portrait/portrait-1col.html – Boxed 1 Col
- portfolio/boxed/portrait/portrait-1col-gutter.html – Boxed 1 Col Gutter
- portfolio/fluid/portrait/portrait-4col.html – Fluid 4 Col
- portfolio/fluid/portrait/portrait-4col-gutter.html – Fluid 4 Col Gutter
- portfolio/fluid/portrait/portrait-3col.html – Fluid 3 Col
- portfolio/fluid/portrait/portrait-3col-gutter.html – Fluid 3 Col Gutter
- portfolio/fluid/portrait/portrait-2col.html – Fluid 2 Col
- portfolio/fluid/portrait/portrait-2col-gutter.html – Fluid 2 Col Gutter
- portfolio/fluid/portrait/portrait-1col.html – Fluid 1 Col
- portfolio/fluid/portrait/portrait-1col-gutter.html – Fluid 1 Col Gutter
- Portfolio Masonry & Mosaic
- portfolio/boxed/masonry/mosaic-4col.html – Boxed Mosaic
- portfolio/boxed/masonry/mosaic-4col-gutter.html – Mosaic Gutter
- portfolio/boxed/masonry/masonry-4col.html – Boxed 4 Col
- portfolio/boxed/masonry/masonry-4col-gutter.html – Boxed 4 Col Gutter
- portfolio/boxed/masonry/masonry-3col.html – Boxed 3 Col
- portfolio/boxed/masonry/masonry-3col-gutter.html – Boxed 3 Col Gutter
- portfolio/boxed/masonry/masonry-2col.html – Boxed 2 Col
- portfolio/boxed/masonry/masonry-2col-gutter.html – Boxed 2 Col Gutter
- portfolio/fluid/masonry/mosaic-4col.html – Fluid Mosaic
- portfolio/fluid/masonry/mosaic-4col-gutter.html – Fluid Mosaic Gutter
- portfolio/fluid/masonry/masonry-4col.html – Fluid 4 Col
- portfolio/fluid/masonry/masonry-4col-gutter.html – Fluid 4 Col Gutter
- portfolio/fluid/masonry/masonry-3col.html – Fluid 3 Col
- portfolio/fluid/masonry/masonry-3col-gutter.html – Fluid 3 Col Gutter
- portfolio/fluid/masonry/masonry-2col.html – Fluid 2 Col
- 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
Icon Fonts and Patterns