Hydrogen - Responsive HTML5 Template

Hydrogen is a responsive HTML5 template featuring clean and retina ready design suitable for any studio, creative or personal use. It’s suitable for personal, corporate or creative use and it can be perfectly viewed across all devices and browsers.

Built with simplicity and beautiful typography in mind, this template comes packed with tons of features all coded using the last standard requiring zero external images ensuring an optimal user experience across browsers and devices.


Base Color Customizer

Use the tool that you can find on this template’s landing page to customize your template base color. Pick your color, hit Download CSS and extract it to your template’s folder. It’s that easy!


Live preview uses images and photos purchased from Depositphotos and they are not included in the template.

Special thanks to Kontramax for the awesome logos in the client section.

Features Overview

  • Responsive Design
  • Valid HTML5 & CSS3
  • Build on Bootstrap 3
  • Retina Ready
  • Clean & Optimized Code
  • 800+ Font Icons
  • Build 100% on LESS
  • Create unlimited color schemes
  • Licence of Glyphicons ‐ $59 value
  • Licence of RoyalSlider ‐ $15 value
  • Licence of Isotope ‐ $25 value
  • Video/Image splash section
  • CSS3 onscroll animation
  • Parallax backgrounds
  • Video backgrounds
  • Extensive RoyalSlider integration
    • Visible nearby
    • MacBook slider
    • iPad slider
    • iPhone slider
  • AJAX Portfolio Viewer
  • Working PHP contact form


  • Version 1.2 – 25/05/2014
    • NEW DEMO: Image slider + text
    • Updated to MediaElementJS v2.14.2
    • Updated to GMAP3 v6.0
    • Updated to RoyalSlider v9.5.4
    • Updated to FontAwesome v4.1
    • Updated to WayPoints v2.0.5
    • Updated to countUp.js v1.1.1
    • Updated to jQuery v1.11.1
    • Added color scheme integration to team member popup
    • Added color scheme integration to preloader
    • Added video plugin to RoyalSlider
    • Added video example on the MacBook slider
    • Added MediaElementJS Vimeo bug fix
    • Removed SmoothScrolling
    • CSS improvements
  • Version 1.1.2 – 04/04/2014
    • Single blog post markup adjustment
    • Fixed responsive video bug
    • Updated to isotope v2.0
    • Updated to mediaelementjs 2.1.4
    • Adjusted slider markup writing to fix bugs on Android devices
  • Version 1.1.1 – 30/03/2014
    • Adjusted footer markup and styles to add widget area
    • Fixed missing visible nearby RoyalSlider plugin
  • Version 1.1 – 28/03/2014
    • Replace LESSHat LESS library with Bootstrap’s mixins
    • Cleaned redundant styles on LESS files
    • Responsive menu now closes when navigating to a page menu item
    • Cleaned HTML files from unused classes
    • Added single blog post
    • Added primary color customizer
    • Added adaptive background loader (drastic mobile device performance improvement)
    • Added stacked images portfolio media
    • Added alternative header positions
    • Updated isotope to v2 beta10
    • Updated royalSlider to v9.5.3
  • Version 1.0.1 – 09/03/2014
    • Added SmoothScrolling
    • Added splash video background
    • Added demo of dark version
    • Minor bug fixes & performance optimization
  • Version 1.0 – 05/03/2014
    • Initial Release