Zaffri / Jolt

Front-end web development framework: HTML5 & CSS3

Jolt

Front-end web development framework: HTML5 & CSS3 by Zaffri. The project is still a WIP!

---

Documentation

•   http://jolt.zaffri.com
  

---

Live Examples

•   http://jolt.zaffri.com
  

•   http://zaffri.com
  

---

Notable Features

1.  Full-page classes
   

2. Responsive cells

3.  Horizontal & Vertical alignment
   

4.  Topbar component
   

   4.1. Dyanmic scroll styles 4.2. Responsive navigation with mobile 'burger' toggle 4.3. JavaScript fallback for mobile toggle
5. Sidebar component 5.1. Responsive Sidebar navigation with 'burger' toggle 5.2. JS nav collapse class

---

Demos

1.  **Basic Topbar**: demo-basic.html - Basic demo of vertical/horizontal alignment and Topbar component.
   

2.  **Dropdowns Topbar**: demo-dropdowns.html - Basic demo of dropdown links (nested lists) within the Topbar component.
   

3.  **Basic Sidebar**: demo-sidebar.html - Basic sidebar demo.
   

---

Templates (Markup only)

1.  **Basic Topbar**: "starter-template-1.html" - Basic structure for Jolt site with single level navigation using Topbar component.
   

2.  **Dropdowns Topbar**: "starter-template-2.html" - Basic structure for Jolt site with dropdowns using Topbar component.
   

3.  **Basic Sidebar**: "starter-template-3.html" - Basic structure for Jolt sidebar component.
   

---

I will be adding more functionality/fixing bugs as time goes on, let me know if you have any suggestions or constructive critism. Thanks! Steven.