You've successfully subscribed to Penang
Great! Next, complete checkout for full access to Penang
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.
Elements

Elements

Penang is designed for you. Penang focus on showing your content in a clean and simple way, focus on images, typography, and white space.

At Aspire Themes I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana.


Heading One

Heading Two

Heading Three

  • Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  • Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor.
  • Donec nibh massa, rutrum a sollicitudin eu, lacinia in lorem.

  1. Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  2. Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor in.
  3. Donec nibh massa, rutrum a sollicitudin eu.

The important thing is that there is a wide range of people who might have some disabilities and by ignoring them you will make their life harder and they will end up leaving, but the web should be available to everyone.

“Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors” — George Santayana

Ghost comes with a beautiful default theme called Casper, which is  designed to be a clean, readable publication layout and can be adapted  for most purposes. However, Ghost can also be completely themed to suit  your needs. Rather than just giving you a few basic settings which act  as a poor proxy for code, we just let you write code.


Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
Bookmark Card

Responsive Tables

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell Cell

YouTube Responsive Embed
Vimeo Responsive Embed
Purpose

Taken from a collection of 1200 interviews on the streets of New York City, this week's episode features people searching for a purpose.

Gepostet von Humans of New York: The Series am Donnerstag, 21. September 2017
Facebook Responsive Embed
TED Responsive Embed
Dailymotion Responsive Embed
SoundCloud Embed
CodePen Embed
Twitter Embed
Instagram Embed

Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.

Image
Image Wide
Image Full

Syntax Highlighting

'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
  this.update = function() {
    preview.innerHTML = markdown.toHTML(input.value);
  };
  input.editor = this;
  this.update();
}

You can add inline code just like this, E.g. {{image absolute="true"}}

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}

Input Style


Buttons Style


<button class='c-btn c-btn--mini'>Mini Button</button>
<button class='c-btn c-btn--small'>Small Button</button>
<button class='c-btn'>Default Button</button>
<button class='c-btn c-btn--full'>Full Button</button>


<button class='c-btn c-btn--action c-btn--mini'>Mini Button</button>
<button class='c-btn c-btn--action c-btn--small'>Small Button</button>
<button class='c-btn c-btn--action'>Default Button</button>
<button class='c-btn c-btn--action c-btn--full'>Full Button</button>

<button class='c-btn c-btn--action c-btn--loading'>Full Button</button>
<button class='c-btn c-btn--action c-btn--loading c-btn--full'>Full Button</button>

<button class='c-btn c-btn--loading'>Full Button</button>
<button class='c-btn c-btn--loading c-btn--full'>Full Button</button>