This is a demo page for Techie Joe’s Sites - a Jekyll theme for building websites on GitHub. Sites can help you build website easily. It has everything pre-configured to get you started right away. You can write contents in both Markdown and HTML. When you commit your code, GitHub Pages will build and publish your website from the content of your repository.

Write a big red hero text

An eye catching hero text can be alluring. Apply -hero or -hero-title to use it. To make some text red, use -color-red.

---

Better control over contents

When ever you wish to enlarge the first letter of a paragraph, use big-first. To indent a paragraph with an indent. Align paragraph using 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.

 

Style text & 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.

Write texts in a container box with a background bg-primary.

… or use a box wtih 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.

Definitions

Name

Godzilla

Born

1970

Table

Full table	Status	Notes
good swedish fish	ok	nice
good and plenty	out of stock	nice
good oreos	ok	hmm
good zoute drop	ok	yumm

Simple 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 pages.

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

Button Links

Primary Button Link Secondary Button Link

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