Vcard with image
![Photo of Kari Harrington](https://cdn.brewersassociation.org/wp-content/uploads/2014/11/kh_mug.jpg)
Kari Harrington
Business Development Manager for Advertising & Sponsorship (West)
303.447.0816 X 167
Usage Notes: For now this element must be entered using the custom HTML block. Simply copy and paste HTML below and edit. It is being considered as a future gutenberg block. Note we often place many vcards in a row. To accomplish this wrap in a BS Flex div (example).
Horizontal Vcard
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/more_spent_icon.png)
Members-Only Content On BrewersAssociation.org
Indicated with a lock icon in the menu, these pages feature exclusive content available to BA members only, including extensive industry statistical data, benchmarking information, presentation archives, and technical information.
Usage Notes: For now this element must be entered using the custom HTML block. Simply copy and paste HTML below and edit. It is being considered as a future gutenberg block.
Horizontal Vcard Grid (.two-columns.container-wide)
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/more_spent_icon.png)
Members-Only Content On BrewersAssociation.org
Indicated with a lock icon in the menu, these pages feature exclusive content available to BA members only, including extensive industry statistical data, benchmarking information, presentation archives, and technical information.
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/43_percent_icon.png)
The New Brewer® Magazine
Multiple free subscriptions to The New Brewer magazine for staff members and access to The New Brewer Online.
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/icon2.png)
Brewers Association Forum
Multiple free subscriptions to the Brewers Association Forum, a daily, moderated email digest connecting you to more than 20,000 participating members.
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/24_percent_icon.png)
Industry Statistics
Annual Beer Industry Production Survey reports the growth of craft beer industry; featured in the May/June issue of The New Brewer. Access to the Brewery Operations and Benchmarking Survey (BOBS) data, a comprehensive look into brewery operations data.
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/more_spent_icon.png)
Members-Only Content On BrewersAssociation.org
Indicated with a lock icon in the menu, these pages feature exclusive content available to BA members only, including extensive industry statistical data, benchmarking information, presentation archives, and technical information.
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/43_percent_icon.png)
The New Brewer® Magazine
Multiple free subscriptions to The New Brewer magazine for staff members and access to The New Brewer Online.
Vertical Vcard Grid (.three-columns.container-wide)
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/more_spent_icon.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/43_percent_icon.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/icon2.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/24_percent_icon.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/more_spent_icon.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/04/icon3.png)
Keyword
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna congue, egestas ex imperdiet, fringilla diam
Row of Vcards with images
![Photo of Kari Harrington](https://cdn.brewersassociation.org/wp-content/uploads/2014/11/kh_mug.jpg)
Kari Harrington
Business Development Manager for Advertising & Sponsorship (West)
303.447.0816 X 167
Vcard with no image
Row of Vcards with no images
.padded-block and variations
.padded-block
border added for visual aid
Usage Notes: .padded-block has 70px of padding on desktop, 40px on tablet and 30px 20px on mobile.
.padded-block.shaded
Media Questions
Usage Notes: Add class="shaded"
to any div to give gray background
.padded-block.shaded-blue
.section-heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ullamcorper arcu, at vulputate tortor.
Usage Notes: Add class="shaded-blue"
to any div to give blue background
.padded-block.with-logo-centered.shaded
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/03/BP-logo_registered.png)
Mission
Brewers Publications® supports the mission of the Brewers Association by publishing books of enduring value for amateur and professional brewers as well as titles that promote understanding and appreciation of American craft beer.
Usage Notes: Add class="with-logo-centered"
to add logo bug to top of div
.padded-block.with-background-img
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/03/Screenshot-2019-03-07-17.png)
Brewing Eclectic IPA: Pushing the Boundaries of India Pale Ale
Pushing the Boundaries of India Pale Ale with 25 Recipes and 200+ unique brewing ingredients
Usage Notes: Adding class="with-background-img"
to a div takes the img inside with class="background-img"
and applies it as a background image. The class="text-right"
justifies the class="text-content"
to the right.
.shaded-partial-height (with static img)
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/01/video-with-prompt.jpg)
<div class="shaded-partial-height"> <img src="" alt=""> </div>
.shaded-partial-height (with video)
<div class="shaded-partial-height"> <div class="video"> <iframe src="" width="900" height="499" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> </div>
![](https://www.brewersassociation.org/wp-content/uploads/2019/02/events-image-1-1.jpg)
Great American Beer Festival Competition
The Great American Beer festival is not only about sampling quality beer but is also a beer competition. The GABF invites industry professionals from around the world to sit together in small groups and, without knowing the brand name, taste beers in each specified style category. The ultimate goal of the judging panel is to identify the three beers that best represent each beer-style category as described and adopted by the GABF.
The Professional Judge Panel awards gold, silver or bronze medals that are recognized around the world as symbols of brewing excellence. These awards are among the most coveted in the industry and heralded by the winning brewers in their national advertising.
Usage Notes: This is a Gutenberg block. Gutenberg allows you to switch the text and media order as well as alter the media size.
Tabbed Content
Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Rollover Gallery- With Captions
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/members-feature.jpg)
Craft Beer Retailer
Continue CTA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend consequat neque sed imperdiet. Aliquam tristique nulla ut consequat fermentum. Aliquam tristique nulla ut consequat.
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/02/BA-BOD19.jpg)
Committees
Continue CTA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend consequat neque sed imperdiet. Aliquam tristique nulla ut consequat fermentum. Aliquam tristique nulla ut consequat.
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/Committees-feature.jpg)
Breweries
Continue CTA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend consequat neque sed imperdiet. Aliquam tristique nulla ut consequat fermentum. Aliquam tristique nulla ut consequat.
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/conf-1.png)
Individual
Continue CTA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend consequat neque sed imperdiet. Aliquam tristique nulla ut consequat fermentum. Aliquam tristique nulla ut consequat.
Rollover Gallery- No Captions
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/members-feature.jpg)
Distributor
Find a Distributor
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/02/BA-BOD19.jpg)
Team
Come Say Hi
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/Committees-feature.jpg)
Members
Meet the Crew
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/06/conf-1.png)
Allied Trade
Continue CTA
Excerpt Row and variants
.excerpt-row
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/11/NDtnb18_Reports_600x4001.jpg)
2018 World Barley and Hops Harvest
A comprehensive look at the 2018 hops and barley harvests. The U.S. again recorded record acreage for hops, while U.S. barley production increased.
.excerpt-row.excerpt-large
![](https://cdn.brewersassociation.org/wp-content/uploads/2019/01/cannabis_beer_hero.jpg)
Cannabis and the Beer Industry
There is currently no evidence that marijuana legalization has had a clear effect in a singular direction on beer sales. See the evidence from Bart Watson.
.excerpt-row.padded-lg.round-img
![](https://cdn.brewersassociation.org/wp-content/uploads/2018/02/03083115/Matt_Meadows-quality.jpg)
Matt Meadows, Draft Beer Quality Ambassador
Matt Meadows started with New Belgium Brewing in 2002. In 2006, Matt became director of field quality at New Belgium Brewing. Currently, he oversees a national team that manages all facets of post-brewery quality throughout New Belgium’s distribution in the U.S., Canada, and Europe. Matt is co-author of the BA’s Draught Beer Quality Manual and Draught Beer Quality for Retailers. Matt is the chair of the BA Draught Beer Quality subcommittee and sits on the BA Technical committee.
.card.shadow
Icon Lists
This first example is ‘auto columns’ with smaller icons (used on taxonomy descriptions)
This next example is a 4 column icon list (used on membership benefit pages)