Search Results for: px
The Grid
The Grid template is just what the title implies: A website template built on a CSS-based grid layout system. In this first release, I have used a classic 960px grid with 12 columns (60px wide, 20px of space between each column), inspired by the 1Kb CSS Grid By Tyler Tate. The grid system makes it…
Basic Landing
Simple single-column layout made for single-page websites such as presentations or landing pages. Unlike other templates, there is no navigation menu included in this template. The layout width is 760px, but it can easily be changed to a wider format by editing the .inner class in the CSS. A two-column version is also available as…
Variant Whitespace – reversed layout added
As promised in the post from yesterday, I have updated the Variant Whitespace template today and added a secondary layout with the sidebar on the left side. The original layout with the right sidebar is still included as the default style (index.html), while the new layout is added in a new .HTML file called index-reversed.html….
How to align images using CSS classes
The two latest templates that I have released, Variant Creative and Variant Whitespace, both have CSS classes added for aligning images in the text content. I have used similar classes in older templates as well, but since Variant Creative I am using the same class names as are used in WordPress to make the classes…
Variant Creative updated with new 2-column layout
A few days ago, the Variant Creative template was released. Today I have updated the template and added a second layout option with two columns, to show how the template can be customized in an easy way. This is what the new layout looks like: What has been added? Basically, all I have added is…