Headstart - Make beautiful webpages
Headstart is a CSS framework.
We now have a release date! October 28th, 2016! (NOTE: The release date may change.)
Features:
- Brand Colors (Info, Success, Warning, Danger)
- Responsive, Scalable Grid system
- Typography
- Ionicons Icon font
- Navbars
- Mobile-first
- Code views
- Responsive
<img>
s - Panels, Thumbnails, Cards
- Custom forms
- Color palates
- Carousels
- CDN / Self-hosting
Install
Note: The files that are currently marked as "SOON"
will be added later.
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-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 (Only from v2
) is vMAJORDEV-YEARwWEEK-REVISION
(For example, the second release for v2 on week 21, 2017 is v2-17w21-b
.)