Content Block Examples
This page displays all available content blocks for the State Beef Council Framework with the exception of hero and sidebar-only blocks.
Article Headline
Intended for article page headlines. Optionally include the name of the article author and the article publish date. Not intended for News post types as headlines auto-populate on the news detail page.
Heading 1
Author | Date of Publishing
Lead Paragraph
Intended for a lead paragraph into a full article. Please do not use as regular paragraph body text.
Sed id convallis mi, id tempor tortor. Sed a nibh semper, pretium urna sagittis, vestibulum purus. Duis mollis tincidunt nibh vitae euismod. Nullam at faucibus purus. Donec sit amet nisi iaculis, mollis felis sed, commodo leo.
Header and Text
(with linked text and buttons)
For all body content.
Heading 2
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.
Two Column Text Block
Heading 2
Phasellus a ligula nunc. Sed vulputate viverra ligula, dictum luctus risus euismod ac. Proin placerat felis id porta cursus. Vestibulum lobortis pretium eros, eget sagittis neque cursus nec. Fusce at ipsum vitae nisl aliquam tincidunt.
Heading 2
Phasellus a ligula nunc. Sed vulputate viverra ligula, dictum luctus risus euismod ac. Proin placerat felis id porta cursus. Vestibulum lobortis pretium eros, eget sagittis neque cursus nec. Fusce at ipsum vitae nisl aliquam tincidunt.
Pull Quote
Intended for a pull quote from article body content.
"Lorem ipsum sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
Content Intro
Use this block at the top of each primary or feature website page. This block is intended to display the landing page title and brief intro as well as a CTA link if necessary.
Heading 2 Red Word
Lorem ipsm dolor sit amet, consectetur adipisicing elit, sed do elusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Call to ActionEvent Listing
Intended for event lists. It is recommended to break up each event listing into individual posts so each event can display/hide based on set Start/End dates in the post settings.
Month 00, 0000, 00:00 AM - 00:00 PM
Heading 3
Duis sollicitudin erat fermentum porta interdum. Nunc risus lacus, blandit ut dui ut, sollicitudin ornare sem. Vestibulum non sem porttitor, commodo odio sollicitudin, cursus libero. Aenean condimentum dolor nec pretium pharetra. Donec ultrices viverra tortor vel placerat. Integer venenatis sem consectetur ipsum molestie dictum.
Home Call-Out Box
Home page only. Intended as an eye-catching call-out to inner content like Local Beef Directories or a special consumer event. The background image can be swapped out for other images.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae diam a magna laoreet elementum in vehicula orci. Phasellus quam arcu, hendrerit a consequat et, ultrices sit amet eros. Donec vel dolor vitae ligula suscipit maximus vitae nec justo.
Facts at a Glance
This block is for Raising Beef profile pages to display facts about a ranch.
Facts At A Glance:
#sub
Year Established
#sub
Generation Rancher
#sub
Fact
#sub
Fact
#sub
Fact
Three Column Cards - Circles
Intended to display people headshots like board or state staff. May also be used for rancher profile links. Please only use square images for the media areas.
Heading 3
Subline
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Button Text
Heading 3
Subline
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Button Text
Heading 3
Subline
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Button TextHome Yellow Bar
Home page only. Used a home page above-the-fold call out to featured content like a newsletter sign-up or important announcement.
Two-Thirds Mosaic Right
Heading 2
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.
Home Newsroom
Home page only. Use for 'The Latest' page layout section on the Home page to display news and article links. Please use 4:3 images for the media areas.
Four Column Cards - Icons
Intended for Home page, but may be used on inner pages. At this time, iconography must be requested either from the NCBA Web Team via Service Desk or downloaded from the BWIFD Style Guide. Please keep iconography within square ratio dimensions. Icon should be no smaller than 70x70 pixels and no larger than 250x250 pixels.
Header 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Header 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Header 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Header 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Feature Box
Intended for sidebar page layout sections only to call-out featured additional content, but may be used in full-width page layout sections.
Feature Block
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien.
Content Feature
Intended for featured additional content apart from body text.
Heading 3
Vestibulum imperdiet tempor volutpat. Aliquam erat volutpat. Donec id ligula sem. Donec interdum lacinia efficitur.
FAQs
Intended for FAQ content. The default number of tabs is 3. Please contact the NCBA Web Team via Service Desk to add/remove tabs. Please also contact the NCBA Web Team if multiple, separate FAQs need to be on the same page.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Beef Directory Listing
Intended for listing each business on a Local Beef Directory page.
Business Title
123 Address
City, XX 00000
000-000-0000
Comments: Insert comment
BQA Certified
Natural
USDA Organic
Grass Fed
Grain Finished
Q&A
Intended for Raising Beef profile pages to display question and answer content.
Meet Your Rancher:
Question One?
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Question Two?
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Question Three?
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Full-Width Media
Caption. Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Two Column Gallery
Heading 3
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Heading 3
Vivamus eget eros posuere, efficitur turpis et, molestie magna. Vestibulum id nunc purus. Nulla facilisi. Donec libero ipsum, semper at finibus sit amet, consectetur a sapien. Sed placerat risus quis arcu volutpat faucibus. Nulla mattis neque sed dui pulvinar, sed feugiat eros varius. Aliquam tincidunt ultrices dignissim.
Three Column Gallery
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Four Column Gallery
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.
Heading 3
Cras tristique condimentum quam porta bibendum. Pellentesque habitant morbi tristique senectus.