Personalframework

This is a basic set of starter HTML and CSS that you can use to begin hand-coding any static website. It uses CSS Custom Properties (variables) for colors.

Hero Image
Thumb Image

Heading 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id, quaerat.

Thumb Image

Heading 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id, quaerat.

Thumb Image

Heading 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id, quaerat.

placeholder

Right Column

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit ea tempora repellat, sunt sed totam odit sequi aspernatur ducimus eos?

placeholder

Left Column

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit ea tempora repellat, sunt sed totam odit sequi aspernatur ducimus eos?

placeholder

Center Column

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit ea tempora repellat, sunt sed totam odit sequi aspernatur ducimus eos?

1

½

½

⅓

⅓

⅓

⅓

⅔

¼

¼

¼

¼

¼

¾

⅓ centered

½ centered

⅔ centered

This is a Heading 1

This is a Heading 2

This is a Heading 3

This is a paragraph. This is a link. This is bold text. This is italic text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus molestias illum hic sequi illo architecto ab saepe aspernatur est temporibus?

This is a Bespoke Headline

This is a Bespoke Sub-Headline

This is a default body paragraph. This is a link. This is bold text. This is italic text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus molestias illum hic sequi illo architecto ab saepe aspernatur est temporibus?