How-to

Layout Examples

Paragraph with “intro” style applied, for optional, larger intro type copy. Should only be a few lines long, and let the reader know what they’re about to get into.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as italic text. You can also insert links to download things in your content, ‘Example Document Title’ (PDF), like this.

Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a technical style guide page that lists all important information on image sizes, fonts, and colors.

H1 – Home Hero (bg image with dark gray overlay)

Paragraph text with “intro” class applied to it. This pageblock is ideal for the homepage.

H1 – Home Hero (bg video with dark gray overlay)

Paragraph text with “intro” class applied to it. This pageblock is ideal for the homepage.

Optional Pre-Title

H1 – Interior Hero – textured background

Paragraph text with “intro” class applied. This hero is ideal for interior pages.

Optional Pre-Title

H1 – Interior Hero – video background

Paragraph text with “intro” class applied. This hero is ideal for interior pages.

Two Column Interior Hero - Textured background

Paragraph text with “intro” class applied. This hero is ideal for interior pages.

Support Options:

Optional Pre-Title

Two Column Interior Hero - Textured background

Paragraph text with “intro” class applied. This hero is ideal for interior pages.

Optional Pre-Title

H2 – 50/50 – Text/Image – Light Gray Background

This is just some additional paragraph text (with no “intro” class applied). This page block is a great “foundational” page block, that could be used for all sorts of storytelling layout needs.

Change Your Light. Change The World.

See More With True Solar Replication

Challenges need ingenuity. A changing world requires big ideas. If you’re trying to solve the hardest questions of tomorrow, you need vision. You need light.

That’s what G2V provides: the most accurate solar replication technology for the most accurate research outcomes. What does that mean?

Optional Pre-Title

H2 – 50/50 – Text/Image – Light Gray Background

For extra emphasis, apply the “intro” class to this paragraph text.

Optional Pre-Title

H2 – 50/50 – Text/Image – Light Gray Background

Enlarged H3 - Interruptor Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional Pre-Title

H2 - 1 Column Text Callout Block

For extra emphasis, apply the “intro” class to this paragraph text.

Optional Pre-Title

H2 - 1 Column Text Callout Block

For extra emphasis, apply the “intro” class to this paragraph text.

Optional Pre-Title

H2 - Product Card Title

For extra emphasis, apply the “intro” class to this paragraph text.

Optional Pre-Title

H2 - Icon Blurbs on White Gray Background

H2 - CTA Interruptor w/ Image Background

Phasellus elementum faucibus rutrum. Integer vitae metus non urna rhoncus molestie vel vel mauris. Aliquam volutpat tortor eget erat efficitur, nec malesuada justo dapibus. Proin ex leo, lobortis ut consectetur vel, sollicitudin cursus magna.

H2 - CTA Interruptor w/ Image Background

Knowledge Base

Our Expertise. Your Home Base.

We make sure that our customers have access to resources that help them understand more about the products we offer. Visit the knowledge base to learn more about LED illumination, Class AAA standards, Plant Photobiology and much more. Knowledge is solar power.

Producing Clean Energy and Clean Water from Sunlight – Cideteq Case Study

Chemistry is a complicated subject. Even the most common experiments can have dozens of variables to be cataloged, accounted for, tracked, and controlled. The G2V Pico LED solar simulator has helped Dr. Jesus Adrian Diaz-Real of Cideteq, a public research institute near...

Guide to Solar Simulation and Solar Simulators

How to Measure Light

Small H2 - Icons grid - light gray background

H3 - Tabs Carousel

Aliquam volutpat tortor eget erat efficitur, nec malesuada justo dapibus. Proin ex leo, lobortis ut consectetur vel, sollicitudin cursus magna.

Photovoltaic Devices

Pellentesque tristique consequat pulvinar. Mauris ex lorem, luctus ut dictum ut, hendrerit vel sapien.

Example Link

Photochemistry

Pellentesque tristique consequat pulvinar. Mauris ex lorem, luctus ut dictum ut, hendrerit vel sapien.

Example Link

Aerspace

Pellentesque tristique consequat pulvinar. Mauris ex lorem, luctus ut dictum ut, hendrerit vel sapien.

Example Link

Solar & Renewables

Pellentesque tristique consequat pulvinar. Mauris ex lorem, luctus ut dictum ut, hendrerit vel sapien.

Example Link

“H2 - Testimonial Title - Pulled Quote”

Testimonial Widget. Integer vitae metus non urna rhoncus molestie vel vel mauris. Aliquam volutpat tortor eget erat efficitur, nec malesuada justo dapibus.

Firstname Lastname

Job Title, Company Name

Play Video

Optional Pre-Title

H2 – 50/50 – Text/Video – Light Gray Background

For extra emphasis, apply the “intro” class to this paragraph text.

Play Video

Optional Pre-Title

H2 – 50/50 – Text/Video – White Background

For extra emphasis, apply the “intro” class to this paragraph text.

Optional Pre-Title

H2 – 50/50 – Text/Video – Light Gray Background

For extra emphasis, apply the “intro” class to this paragraph text.

Play Video

Optional Pre-Title

H2 – 50/50 – Text/Video – White Background

For extra emphasis, apply the “intro” class to this paragraph text.

Play Video

Optional Pre-Title

H2 - FAQ Accordion Block Section - Light Gray Background

Etiam blandit nunc vitae sem pretium, in pulvinar tellus egestas.

FAQ Accordion Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae purus mollis, feugiat dui quis, imperdiet lacus. Etiam tincidunt tellus quis ex aliquet aliquet. Donec elementum lacinia urna, nec consequat nisi dictum sed.

FAQ Accordion Title

Optional Pre-Title

H2 - FAQ Accordion Block Section - White Background

Etiam blandit nunc vitae sem pretium, in pulvinar tellus egestas.

FAQ Accordion Title

Optional Pre-Title

H2 - FAQs Image Block Section - Light Gray Background

I am sticky! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Optional Pre-Title

H2 - FAQs Image Block Section - White Background

Optional Pre-Title

H2 - Footer CTA 50/50 - Yellow Textured Background

We’re eager to hear about your research. We’re even more excited to find you the solar replication technology you need.

Optional Pre-Title

H2 - Footer CTA 50/50 - Yellow Textured Background

We’re eager to hear about your research. We’re even more excited to find you the solar replication technology you need.

Layout Examples

H1 – Home Hero (bg image with dark gray overlay)

H1 – Home Hero (bg video with dark gray overlay)

H1 – Interior Hero – textured background

H1 – Interior Hero – video background

Two Column Interior Hero - Textured background

Two Column Interior Hero - Textured background

H2 – 50/50 – Text/Image – Light Gray Background

See More With True Solar Replication

H2 – 50/50 – Text/Image – Light Gray Background

H2 – 50/50 – Text/Image – Light Gray Background

Enlarged H3 - Interruptor Block

H2 - 1 Column Text Callout Block

H2 - 1 Column Text Callout Block

H2 - Product Card Title

H3 - Product Card

H3 - Product Card

H2 - Icon Blurbs on White Gray Background

H2 - CTA Interruptor w/ Image Background

H2 - CTA Interruptor w/ Image Background

Our Expertise. Your Home Base.

Producing Clean Energy and Clean Water from Sunlight – Cideteq Case Study

Guide to Solar Simulation and Solar Simulators

How to Measure Light

Small H2 - Icons grid - light gray background

Small H2 - Icons grid - light gray background

H3 - Tabs Carousel

“H2 - Testimonial Title - Pulled Quote”

H2 – 50/50 – Text/Video – Light Gray Background

H2 – 50/50 – Text/Video – White Background

H2 – 50/50 – Text/Video – Light Gray Background

H2 – 50/50 – Text/Video – White Background

H2 - FAQ Accordion Block Section - Light Gray Background

H2 - FAQ Accordion Block Section - White Background

H2 - FAQs Image Block Section - Light Gray Background

H2 - FAQs Image Block Section - White Background

H2 - Footer CTA 50/50 - Yellow Textured Background

H2 - Footer CTA 50/50 - Yellow Textured Background