Congratulation to have our product 'Danish - Portfolio & Blog Theme'. We are dedicated to making the awesome bootstrap themes which are crafted with user-friendly approach that has a minimalist look to gives your readers immersive browsing experience and hope you have as much fun using it as we did creating it!

We appreciate your trust in our studio. If you have any questions, please don’t hesitate to contact our support at

danish portfolio and blog theme

Live Demo Buy Danish

v1.2.1 (09/16/2016)
  • Update Bootstrap to the latest version v3.3.7
  • Fix bug: Coloring double-backslash at the end of page title in skin.less
v1.2 (08/04/2016)
  • Update Bootstrap to version v3.3.6
  • Update FontAwesome
  • Update Gmap3
  • Remove parallax js
  • Add navigation.js
  • Add justifiedgallery.js
  • Add magnific-popup.js
  • Add less file
  • 14 skin color available
  • Add new homepage layout
  • Add archive portfolio
  • Add post-format
  • Add single post-format
  • Add 404 page
  • Add search page
v1.1 (09/28/2014)
  • Update to bootstrap v3.2.0
  • Update FontAwesome v4.2.0
  • Add Parallax js
  • Change header with parallax background
  • Add 5 new color option (red, green, yellow, orange, pink)
v1.0 (22/05/2014)
  • Initial Release

This documentation are covers setting up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team.


This theme is just HTML CSS theme. Not CMS theme like WordPress, Drupal, Joomla, etc. So, this theme don't need installations. If wanna make website with this HTML CSS theme, you should develop with php or another web programming language.


If you have a problem with the theme or found a bug, please let us know via our official support. We take pride in our customer support and we will do what we can to assist you.

This theme is a responsive layout with two columns. All of the information within the main content area is nested within a div with an class 'col-md-8'. The sidebar's (column #2) content is within a div with an id of 'col-md-4', and both of theme is wrapping by main with an id of 'main'. The general template structure is the same throughout the template. Here is the general structure.

html structure

If you would like to edit the color, font, or style of any elements in one of these columns, you can give both of them an id before, like:

how to edit the color of content and sidebar

And then you would do the following:

how to edit

Any images that are placed within the blog section have 20px worth of margin-bottom. We are recomended to use high resolution for 'large images' - minimum image size is 1200x800 px, and a 900x600 px minimum image size for 'medium images', then 150x150 px minimum image size for 'thumbnail images'.

I'm using five CSS files in this theme. The first one is a most major file, Bootstrap. By using a bootstrap css file, we can get all of cool component like button, form, navs, navbar, etc. The second file is icon font, namely FontAwesome. The third is magnific-popup, a styling of the lightbox popup.

The fourth file is contains all of the specific stylings for the page. And the last one is a skin of your theme. The fourth and last file is separated into sections using:

css structure

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

This theme imports eleven+ Javascript files.

  1. jQuery
  2. Bootstrap
  3. JustifiedGallery Plugin
  4. Magnific-popup
  5. Imagesloaded
  6. Isotope
  7. Masonry
  8. Navigation
  9. Skip-link-focus-fix
  10. Map
  11. My Custom script

  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.

  2. Bootstrap is a Javascript library that Bring Bootstrap's components to life with over a dozen custom jQuery plugins

  3. The gallery of this theme are using JustifiedGallery to make it beauty. There are the function to call the method:

    gallery with justified gallery
  4. If you are give trigger click on your image gallery, you can see the pretty popup lightbox appears. These popup are using Magnific-popup. And this is how to call the method:

    gallery with magnific popup
  5. In this case. We are implement Imagesloaded with Masonry. Imagesloaded is Detect when images have been loaded. There are the function to call the method:

    imagesloaded library
  6. Isotope used for filter and sort magical layouts in Portfolio page. This is how isotope work:

    filtering layout using isotope
  7. Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. We are used masonry to make grid blog looks good. In additional, we are use imagesloaded to make masonry grid blog work well. And this is how to call the method:

    blog with masonry layout
  8. Navigation handles toggling the navigation menu for small screens and enables TAB key, and navigation support for dropdown menus

  9. Skip-link-focus-fix helps with accessibility for keyboard only users.

  10. Map used for display map in contact page.

  11. Most of the javascript in this site is carried out from the customs scripts, script.js. The file is separated into sections using:

    custom script

I'm using two CSS files in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

The second file contains all of the specific stylings for the page. The file is separated into sections using:


Setup map is easy. You can see this code below.

setup map

You must add your latitude and longitude coordinates of your place to make map show your location. Fill data-lat attribute with your latitude coordinates and data-lng with your longitude coordinates.

Beside that, you can add your additional information in info window by fill the data-info-window-title and data-info-window-content attribute.


Contact form is not working. If you wanna make your contact form working, you can use php code or js code.

You can filtering your portfolio by category. Portfolio category described as a class. Place the class in a data-filter attribute. Do not forget the class name begins with a dot. Here is the navigation of the categories used to filter portfolio:

navigation used to filter portfolio

Below is the code from the list of items the portfolio. You can display a picture and caption of your portfolio. Caption consists of titles and categories that will appear after a given trigger hover.

portfolio item

Container of portfolio items is li with class isotope-item. Filter portfolio will work if the portfolio category that we have embedded in the isotope-item class.

Danish has eight+ widgets at least. Here is the list of widgets.

  • Search form
  • About widget
  • Popular posts
  • Recent posts
  • Archives
  • Categories
  • Recent comments
  • Tags

This theme may you to display your partner, colleague or sponsor logo with url. Below is the example.

setup the parter

Below is how to setup your footer social icon.

setup social icon

You just add your social url in that links.

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

  • Bootstrap
  • FontAwesome
  • Gmap3
  • Unsplash (images)
  • 500px (images)
  • jQuery
  • Google Fonts Raleway, Noto Serif
  • Isotope
  • Easing
  • Masonry
  • Imagesloaded
  • Magnific-popup
  • JustifiedGallery

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on Marketplace, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Thank you,