Coder Social home page Coder Social logo

lithium-html5's Introduction

  1. Lithium ========

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


Github won't allow php files to run, so the subscribe form will not work unless you drop it on your own server.


At this point if you're not familiar with Grunt, CoffeeScript or SCSS, you can just go into app folder and update html, js, css files there.

Usage


  • Run npm install in your console, that will install all the dependencies. If you dont have Grunt installed, run npm install -g grunt-cli
  • Now just run grunt. This will complite all your coffeescript and scss files located in dev folder.

The rest should make sense. To upate your javascript edit dev/coffee/application.coffee file.

To update your css files look inside the dev/scss/ directory. There is a bunch of files there. Everything is split into paritals to keep it organized. The lib folder contains 3rd party mixins for sass (bourbon).

Credit


This site was designed by Vlad Musienko @vladproduction. I'd like to thank him for letting me build it and share with everyone. Thanks man. You may also download the psd here

Todo's


  • Make content pages for each work piece. Each content page will have 3-5 images slider of the project and more info with relevant links.

Licence

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

lithium-html5's People

Contributors

owldesign avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

lithium-html5's Issues

Add more Social Icons

How do I add social icons like Facebook or Linkedin? I tried using (downloaded) svgs but I fail to understand as to how to resize/recolour it. I suggest you add more icons as default.

Any help would be appreciated.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.