Primer Theme Demo

This template helps you build websites on GitHub. It has everything pre-configured to get you started right away. You can write your content using any code editor you like. When you commit your code to your repository, GitHub Pages will build your website from the content of your files.

Intro · How to use · View source


You can write hero texts too


Better control over your content

Small image

Use big-first to enlarge the first letter of a paragraph. You can standardize paragraphs with indent and text-justify. Include image with floats and margins.

Following texts are meaningless fillers to fill up some space for the rest of this demo. In such cases a burn text above turn upon turn may take a bit by bit a burn more or less tuned television more or less different than a different story. Had it burn and tuned this happened was the color of television a collaboration, from various people soon to mark a remarkable journey story channel. This happened to people various bit by bit.

Each time and the story channel a different story all a different story, to a pleasure the color of television. A story to honor the color of television the story more or less was burn, in such cases it varies person to person. This happened to the color of television as television different than a different story.


Text styles & color

Text can be written in bold, italic, both, strikethrough, abbr, samp, code, or mark.

primary secondary gray slategray red blue green purple pending orange orange-light

Text blocks

You can write a bunch of text in a blockquote.

A blockquote can be nested too.

This is a box bg-primary container.

This is a box bg-secondary container.

Collapsible blocks

Click me for details

You can hide some contents here.

Code blocks

// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
  s.add_dependency(gem, "= #{version}")
end
Long, single-line `code blocks` should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.

Images big and small

Add full scale images, align them centered or float them left or right.

Large image

Images for this demo came from picsum.photos and unsplash


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

List

Ordered
  1. Item one
    1. Item a
      1. Item x
      2. Item y
    2. Item b
  2. Item two
Unordered
  • level 1 item
    • level 2 item
      • level 3 item
      • level 3 item
    • level 2 item
  • level 1 item
Tasks
  • Completed task.
    • task item level 2
      • task item level 3
    • task item level 2
  • Pending task.
  • (Escape) tasks that begins with a parenthesis.

Definitions

Name
Godzilla
Born
1970

Table

Simple table Status Notes
good swedish fish ok nice
good and plenty out of stock nice
good oreos ok hmm
good zoute drop ok yumm
Full table
onetwothree
123
Simple Table
Ahmad$1,234
Greg$5,678
Susan$9,012
Borderless Table
LeftCenterRight

You can create links to a page.

Make a list of all the posts you have:

If you link to a missing page, you’ll see an error.

Footnotes

A footnote1 creates a list of references at the bottom of a page.

Normally you would use number as reference 2.

You can also use word as reference 3.


Ends

  1. A footnote reference. 

  2. Footnote can also have multiple lines. Every new line in footnote should be prefixed with 2 space or 4 space indentation. 

  3. Named footnotes will still render with numbers instead of the text but allow easier identification and linking.