Content Boxes

Content Boxes

New content boxes give you a subtle way to present information in a visually appealing area, which stands out from the rest of content. Each box is set to 30% of the content width so they can be used in groups of 3, 2, or used as one content piece. An image and / or a title can be used here as well.

Image of a smiling man

Aliquam viverra, magna vel vulputate dapibus, lacus felis eleifend arcu, sit amet faucibus arcu ex a lectus. Vivamus id ipsum quis elit rutrum auctor. Duis venenatis magna non elit aliquam blandit. Quisque a mattis odio, non pharetra ex.

There is no image, but there's a header

Aliquam viverra, magna vel vulputate dapibus, lacus felis eleifend arcu, sit amet faucibus arcu ex a lectus. Vivamus id ipsum quis elit rutrum auctor. Duis venenatis magna non elit aliquam blandit. Quisque a mattis odio, non pharetra ex.

Image of a smiling man

Aliquam viverra, magna vel vulputate dapibus, lacus felis eleifend arcu, sit amet faucibus arcu ex a lectus. Vivamus id ipsum quis elit rutrum auctor. Duis venenatis magna non elit aliquam blandit. Quisque a mattis odio, non pharetra ex.


Sample code

<div class="content-box">
  <img class="image" src="http://news.westernu.ca/wp-content/uploads/sites/2/2017/06/PREZWINNER_mills-340x220.jpg" />
  <p>Aliquam viverra, magna vel vulputate dapibus, lacus felis eleifend arcu, sit amet faucibus arcu ex a lectus.</p>
</div>