hero

A full-width banner section. The first line after the keyword is the heading, the second is the subtitle.

hero
My Page Title
A short subtitle goes here.

My Page Title

A short subtitle goes here.

text

A plain paragraph. Everything after the keyword is rendered as a paragraph.

text
Poblano is a static site generator with its own simple syntax.

Poblano is a static site generator with its own simple syntax.

card

A boxed content block with a title and body. Great for features, bios, or any grouped content.

card
About Me
I am an engineer based in NYC.

About Me

I am an engineer based in NYC.

button

A styled button. The first line is the label, the second is the URL it links to.

button
View on GitHub
https://github.com/isaacpeterklein/poblano
View on GitHub

link

An inline hyperlink. First line is the label, second is the URL.

link
Read the docs
docs.html
Read the docs

image

An image element. First line is the src (path or URL), second is the alt text.

image
https://i.ibb.co/08T9FLr/IMG-4905.jpg
Poblano the dog
Poblano the dog

grid

A responsive card grid. Each line defines one card: Title | Body | Button Label > URL. The button is optional.

grid
Project One | A cool project I built. | View Demo > https://example.com
Project Two | Another thing I made.
Project Three | No button on this one.

Project One

A cool project I built.

View Demo

Project Two

Another thing I made.

Project Three

No button on this one.

gallery

A responsive image grid. Each line is: image-src | alt text.

gallery
https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400 | Mountains
https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400 | Forest
https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400 | Beach
MountainsForestBeach

code

A syntax/code block. Use it to show literal text or code examples. Everything after the keyword is shown verbatim.

code
poblano new mysite
poblano build
poblano new mysite
poblano build

divider

A simple horizontal rule to visually separate sections. Takes no content.

divider

footer

A site footer, typically placed at the bottom of a page.

footer
My Site — Built with Poblano