Headstart - Make beautiful webpages

Headstart is a CSS framework. View us on jsDelivr!

We now have a release date! October 28^th, 2016! (NOTE: The release date may change.)

Features:

• [x] Brand Colors (Info, Success, Warning, Danger)
• [x] Responsive Grid
• [x] Typography
• [x] Ionicons Icon font
• [ ] Navbars
• [x] Mobile-first
• [x] Code views
• [ ] Responsive <img>s
• [ ] Panels, Thumbnails, Cards
• [ ] Custom forms
• [ ] Color palates
• [ ] Carousels
• [x] CDN / Self-hosting

Install

Note: The files that are currently marked as "SOON" will be added later.

To use raw.githack.com's CDN:

<!-- main css file -->
<link rel="stylesheet" href="SOON">
<!-- JS file -->
<script src="SOON"></script>

To use rawgit.com's CDN:

<!-- main css file -->
<link rel="stylesheet" href="SOON">
<!-- JS file -->
<script src="SOON"></script>

To use jsDelivr's awesome CDN RECCOMMENDED:

<!-- Main CSS File -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/headstart-css/0.3.1/rotem.min.css">
<!-- JS File -->
<script src="SOON"></script>

To use self-hosting:

Download Headstart from here, extract it somewhere in your website, then:

<!-- main css file -->
<link rel="stylesheet" href="path/to/rotem.min.css">
<!-- JS file -->
<script src="SOON"></script>

How to use icons

To use the icons, add a <i> or a <span> with class="ion-XXX" when XXX is the icon name.
For example:

<div class="col-small-3 success">
  <p><i class="ion-chevron-right"></i> Example</p>
</div>

Versioning

The versioning system for stable releases is MAJOR.MINOR.PATCH (Semantic versioning).

The versioning system for unstable (development) releases is vMAJORDEV-YEARwWEEK-REVISION (For example, the second release for v2 on week 21, 2017 is v2-17w21-b.)