Page Intro Block
Page Header h1
This page is using the default template. The default template topbar is transparent, so the first block on the page needs a background color so you can see the navigation links.
This is a Page Intro Block. It has a navy background.
You could also use a Hero Block or a Hero Slider
Section Intro Block
Section Intro h2
This is a Section Intro Block. You can use this to introduce content that follows.
Card Image Header
Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.
Brennan Card Header
Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.
Brandon Card Header
Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.
Section Intro
Section Intro Header
This is another Section Intro Block. I’m using it to introduce the Logo Wall. I also added a class of u-BorderTop to separate this block from the Card Grid above.
Side by Side Block Header h3
This is a Side by Side Block. You will need an image and these blocks look best when they have a background color.
This block will only be as tall as the content you add.
Learn More
Side by Side Block Header h3
This is another side by side block. This time the image is on the left.
This block will only be as tall as the content you add.
Learn More
Testimonial Slider Block
Here is one testimonial that lives in a testimonial slider. 2 or more testimonials are required for the testimonial slider. If you only have 1 testimonial, just the Testimonial Block instead.
Testimonial Slider Block
Here is one testimonial that lives in a testimonial slider. 2 or more testimonials are required for the testimonial slider. If you only have 1 testimonial, just the Testimonial Block instead.
Section Intro Block
Section Intro Block Header
Here is another Section Intro Block. It’s introducing the image gallery below it. I added a class of u-BorderTop to separate from the testimonial slider above.
CTA Block
CTA Block Header h2
This is a CTA block. It’s used to call attention to the main thing you want users to do when they reach this page.
Related Posts Block (Development Tag Selected)
13 Must-Have Visual Studio Code Extensions for Front-End Developers
Always on the hunt for ways to automate or be more efficient, Steve lists several VS Code extensions that make…
10x engineer : Your definition is a pile of crap.
I’m going to assume that almost anyone reading this is already fairly familiar with the term. Somewhere along the line…
6 Reasons PHP is a Mutant Toolbox
“Imagine you have a toolbox. A set of tools, looks okay, standard stuff in there. You pull out a screwdriver,…