Welcome to Cask Store

You must be of legal age (21+) in accordance with the law of California to access this website and/or to purchase liquor.

By entering this site you agree to our terms and conditions and privacy policy.

Main Heading

<div class="h1">


Sub-page Title, Section Header

<div class="h2">



Sub Section Headings

This is <h3> tag

<div class="h3">

This is <h4> tag

<div class="h4">

This is <h5> tag
<div class="h5">

This is <h6> tag
<div class="h6">

Paragraph

<p> Pellentesque posuere. Aliquam erat volutpat. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Pellentesque commodo eros a enim. Curabitur at lacus ac velit ornare lobortis.

Bulleted List
  • Bulleted List - <ul> tag
  • Bulleted List - <ul> tag
  • Bulleted List - <ul> tag
Non Bulleted List
  1. Non Bulleted List - <ol> tag
  2. Non Bulleted List - <ol> tag
  3. Non Bulleted List - <ol> tag

Error Message and Error Notification

Form error message header:

  • error message 1.
  • error message 2.

success message
Form success message.

Links and Buttons

Text Link

Read more Button


Form Fields w/ labels
Error input error message.

Icons

There are couple of svg snippets icons on debut, please check first snippets/icon-*.liquid before planning to create one.
Please check below how to use the snippet icons

<button type="button" class="btn--link">{% include 'icon-close' %}</button>

<button type="button" class="btn--link">{% include 'icon-hamburger' %}</button>


<a href="#" class="btn btn--small btn--share share-twitter">{% include 'icon-twitter' %}<span class="share-title">Tweet</span></a>


<a href="#">{% include 'icon-twitter' %} <span class="share-title">Tweet</span></a>


<blockquote> Pellentesque posuere. Aliquam erat volutpat. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Pellentesque commodo eros a enim. Curabitur at lacus ac velit ornare lobortis.</blockquote>




Adding Modal (Magnific Popup)

  1.  add "magnific_popup" class to the text link or button element
  2.  add the mfp-TYPE class to the text link or button element (where TYPE is the desired content type more details here https://dimsemenov.com/plugins/magnific-popup/documentation.html#content-types).  

For example: 

  1. <a href="http://farm9.staticflickr.com/8241/8589392310_7b6127e243_b.jpg" class="magnific_popup mfp-image">Open image</a>
  2. <a href="http://www.youtube.com/watch?v=0O2aH4XLbto" iframe-link" class="magnific_popup mfp-iframe">Open iframe</a>
  3. <a href="#element-id" class="magnific_popup mfp-inline">Open Div</a>

Modal Demo

Image target

Open Image text link

Iframe Target



Inline target

A modal popup disables the usual ways to close popups.

Modal dialog

You won't be able to dismiss this by usual means (escape or click button), but you can close it programatically based on user choices or actions.

Create Account