Anchor example

This modal can be opened by clicking the anchor icon in the pre-header. Because the link uses an href anchor (instead of data-open-modal) you'll see #example_modal in your address bar. If you want to see the hidden modal, manually change the url in your address bar to #hidden_modal.

data-open-modal example

This modal can be opened by clicking the window icon in the pre-header. Because the link uses data-open-modal (instead of an href anchor) nothing appears in the address bar. You also can't use the back/forward buttons to close or reopen the modal. However, if you know the ID of the modal, you can still manually type the anchor link in your address bar and it will open (handy for client previews).

To simulate an extremely long modal and show how modals scroll, here's a ton of lorem ipsum:

Details

Overview

You want rustic? We'll give you rustic. The Bennett Collection is as rustic as a wooden post on the perimeter fence of a cattle ranch in the heart of Montana. Now THAT'S rustic. Each piece in the Bennett Collection features multi-tonal natural planks of reclaimed Pine wood atop a solid metal base. These pieces are sturdy, durable, and have the same amount of rustic charm as a pair of well-worn cowboy boots. So go ahead and wrangle these pieces into your own home! The Bennett Dining Table is a stunning rustic dining table that is as solid as they come. This piece in the Bennett Collection really allows the solid metal legs to shine. The metal legs support the gorgeous reclaimed Pine wood surface. The table top is designed to be durable and stain resistant, but it's always wise to use coasters and heating pads for any solid wood table. This is a solid piece that will look incredible for years to come.