~ Instructions ~

Instructions

This page is what I call the "sandbox" page, where we can add master copies of the main elements of the website for easy styling. I've included labels inside each element noting the classes applied in order to style the element. You'll also see section headings to keep each type of master element separated. There is a section for sections, text, buttons, and background elements. At the end of the page, you'll also see a section called "element storage" where you can cut and paste any elements you want to save but remove from the site.

~ section elements~
"section"
"section" + "Section-Small"
"section" + "Section-med"
"section" + "feature section"
"section" + "section 3"
"section" + "section 4"
"section" + "section 5"
"section" + "section 6"
~ Type elements ~

This is "H1"

This is "H2"

This is "H3"

This is "H4"

This is "H5"
This is "H6"

This is "paragraph-hero"

This is "paragraph-large". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is "paragraph". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is "H1" + "Text-Center"

This is "H2" + "Text-Center"

This is "H3" + "Text-Center"

This is "H4" + "Text-Center"

This is "H5" + "Text-Center"
This is "H6" + "Text-Center"

This is "paragraph-hero" + "Text-Center"

This is "paragraph-large" + "text-center". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is "paragraph" + "text-center". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

~ Button Elements ~
Learn MoreLearn More
~ Backgrounds ~
"BG-Gradient"
"BG-Grey-10"
"BG-Grey-5"
~ Element Storage ~
A person holding goggles in front of a computer
Mastodon