All Projects → owldesign → Hydrogen-HTML5

owldesign / Hydrogen-HTML5

Licence: other
Free HTML5 Responsive One Page Template.

Programming Languages

CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
coffeescript
4710 projects
PHP
23972 projects - #3 most used programming language
  1. Hydrogen ======== HTML5 One Page Template. Responsive. Built using Grunt, CoffeeScript and SCSS.

Visit Demo Site


This template is part of The Periodic Table of Web Templates Visit PTWT


Whats inside:

  • HMLT5 & CSS3
  • Fully Responsive
  • SVG's
  • Isotope Filtering
  • Contact Form
  • Google Map
  • Etc..

Usage: If you would like to use provide scss and coffeescript files follow the steps bellow.

  • Clone the repo, go to your project directory and run apm install. This will install all the GRUNT dependencies.
  • In your terminal run grunt to compile your SCSS and CoffeeScript files.
  • Open the project in your favorite editor and you are set to go!

Development Assets
You will find all the appropriate development files inside dev folder. For styles look inside scss folder. Everything is broken into different files and are imported into application.scss. If you need to add javascript code pop open coffee/application.coffee file.

JavaScript Libraries

  • If you have 3rd party JavaScript libraries you want to use, you should minify and paste the code into app/js/plugins.js. Place other files into app/js/lib directory and update your app/index.html file.

CSS Libraries

  • If you're using some type of JavaScript library that has default/required CSS styles. You can drop that into app/css/plugins.css.

Production Assets
All production files are located in the app directory. Upload all the contents inside the app directory to your webhost.


Licence

Use how you want. You can use it for commercial purposes just don't try to sell it as is.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].