29 Premium Themes
Included with purchase — and more features on the way!
Get access — $12 once
Version 2 is coming soon.
The price goes up when it arrives.
Pay once today and every update after that is free.
One Dark Pro
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Andromeda
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Ayu Dark
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Ayu Mirage
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Ayu Light
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Cobalt2
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Night Owl
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Night Owl Light
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Azureus
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Bordo
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Hibernus
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Lilac
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Lux
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Minimus
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Obscuro
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Sereno
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Uva
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Noctis Viola
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Palenight
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Pico 8
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Shades of Purple
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Shades of Purple SD
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Synthwave '84
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Tokyo Night
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Tokyo Night Storm
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Tokyo Night Light
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Winter is Coming
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Winter is Coming Light
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666
Winter is Coming Dark
!!! 5
%html
%head
%title Example HAML
/[if IE]
%link{ :rel => "stylesheet", :href => "/css/ie.css" }
%body
#container
%header
%h1 Our Awesome HTML5 Template
#main
Did we mention this was awesome?
/ Only this line will be wrapped in a comment
%blockquote
%p Roads? Where we're going we don't need roads
/
Now the whole block will be commented out
%blockquote
%p Roads? Where we're going we don't need roads
%p The line below won't appear in the HTML
-# The rest of this line is a comment
%p The line above won't appear in the HTML, nor will the lines underneath
-#
None of this text will appear in our
rendered output
%p= Time.now
%footer
%address
.hcard
.fn Ian Oxley
.adr
.locality Newcastle-upon-Tyne
.country-name England
/ From https://gist.github.com/ianoxley/1147666