Free Layouts

I like utilitarian HTML more than design, so here's what I've made. Free for any non-commercial use.

To use a template, view the Basic Template page. Go to View Source to copy the html. Then go to the CSS page, and copy that to your own site also.

Template Sticky Scroll Sidebar

A layout with these characteristics:

• Sidebar + main content
• Mobile Responsive
• Sidebar is sticky as you scroll on desktop
• Sidebar is not sticky and wraps on mobile
• Two options: narrow sidebar and 50/50
• Uses media queries; which is a concession, I'd like to learn how to remove those and do it automatically!
• No aesthetic content: just functionality. User can then add their preferred styling.

Download:

• HTML template
• CSS
• See it in a real setting

Writing Quickstart

This page is set in Writing Quickstart, without the fonts! A layout with these characteristics:

• Text-focus
• Booklike & inspired by traditional typography
• Easy on the eyes
• Earthy, elven and organic
• Slam it on some text when you just want to put up your essay and not think about aesthetics

Download

• HTML template
• CSS
• See it in a real setting