This is a Personal Framework

It is a basic but opinionated set of starter HTML and CSS that you can use to begin hand-coding any modern static website. It uses CSS custom properties for variables.

Hero Image

1

½

½

¼

¼

¼

¼

¼

¾

½ centered

⅔ centered

placeholder

Right Column

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nesciunt quam necessitatibus minus tempore quaerat laborum expedita, obcaecati error corrupti quis!

placeholder

Left Column

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora repellendus voluptatibus quod rem impedit velit esse molestiae. Nam, laborum nobis?

placeholder

Centered Column

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloremque eligendi quos quae nulla labore. Nisi quae ratione cupiditate hic modi?

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. Ipsa distinctio assumenda quia maxime blanditiis nulla obcaecati libero. Dicta, perspiciatis porro.

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. Ipsa distinctio assumenda quia maxime blanditiis nulla obcaecati libero. Dicta, perspiciatis porro.