Base Demo

This template helps you build websites on Github. It has everything pre-configured to get you started right away. Write your content in Markdown and HTML. Maintain the content of your website with any code editor you like. When you commit your code, 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

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 pleasure.

---

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.

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
one	two	three
1	2	3

Simple Table
Ahmad	$1,234
Greg	$5,678
Susan	$9,012

Borderless Table
Left	Center	Right

---

Links

You can create links to a post, a page, or make a list of all the posts you have:

• First Post
• Second Post

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

Theme control

Some layout in Pages allows user to switch between light and dark theme.

Change theme (Alt+T)

Footnotes

A footnote¹ creates a list of references at the bottom of a page.

Normally you would use number as reference ².

You can also use word as reference ³.

---

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. ↩