Care on Location Component Library

Cardset: Icon 

<section class="cardset flex-grid">

    <div class="card-wrapper card-wrapper-image hover-grow ">
        <div class="card">
            <div class="card-image">
                <img src="/images/WomanColdBlanketDr1Cropped_510x288.jpeg" alt="" />
            </div>
            <div class="card-description">
                <h3 class="card-description-title">
                    Video Care Consult
                </h3>
                <p class="card-description-desc">
                    You can be located anywhere within the state of Colorado
                </p>

            </div>
            <div class="card-button">
                <a href="">
                    <!-- src/components/button--light.hbs -->
                    <button class="button button-light">Click me!</button>
                </a>
            </div>
        </div>
    </div>

    <div class="card-wrapper card-wrapper-image hover-grow ">
        <div class="card">
            <div class="card-image">
                <img src="/images/WomanColdBlanketDr1Cropped_510x288.jpeg" alt="" />
            </div>
            <div class="card-description">
                <h3 class="card-description-title">
                    Video Care Consult
                </h3>
                <p class="card-description-desc">
                    You can be located anywhere within the state of Colorado
                </p>

            </div>
            <div class="card-button">
                <a href="">
                    <!-- src/components/button--light.hbs -->
                    <button class="button button-light">Click me!</button>
                </a>
            </div>
        </div>
    </div>

    <div class="card-wrapper card-wrapper-image hover-grow ">
        <div class="card">
            <div class="card-image">
                <img src="/images/WomanColdBlanketDr1Cropped_510x288.jpeg" alt="" />
            </div>
            <div class="card-description">
                <h3 class="card-description-title">
                    Video Care Consult
                </h3>
                <p class="card-description-desc">
                    You can be located anywhere within the state of Colorado
                </p>

            </div>
            <div class="card-button">
                <a href="">
                    <!-- src/components/button--light.hbs -->
                    <button class="button button-light">Click me!</button>
                </a>
            </div>
        </div>
    </div>
</section>
 
<section class="cardset flex-grid">
   {{#each cards}}

      {{> @card--image-more }}
    {{/each}}
</section>

{
  "cards": [
    {
      "button-text": "Click me!",
      "card-description-title": "Video Care Consult",
      "card-description-desc": "You can be located anywhere within the state of Colorado",
      "img-src": "/images/WomanColdBlanketDr1Cropped_510x288.jpeg"
    },
    {
      "button-text": "Click me!",
      "card-description-title": "Video Care Consult",
      "card-description-desc": "You can be located anywhere within the state of Colorado",
      "img-src": "/images/WomanColdBlanketDr1Cropped_510x288.jpeg"
    },
    {
      "button-text": "Click me!",
      "card-description-title": "Video Care Consult",
      "card-description-desc": "You can be located anywhere within the state of Colorado",
      "img-src": "/images/WomanColdBlanketDr1Cropped_510x288.jpeg"
    }
  ],
  "main-logo": "/images/COL_Logo_Full_2ColorBig.png",
  "site-title": "Care on Location",
  "year": 2017,
  "nav-items": [
    {
      "nav-item-link": "#",
      "nav-item-title": "Services",
      "classes": "has-sub-menu",
      "sub-nav-items": [
        {
          "nav-item-link": "#",
          "nav-item-title": "Video Care Consult"
        },
        {
          "nav-item-link": "#",
          "nav-item-title": "Assisted Video Care Consult"
        },
        {
          "nav-item-link": "#",
          "nav-item-title": "On Location Care Consult"
        }
      ]
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "Providers"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "Partners"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "About"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "FAQ"
    },
    {
      "nav-item-link": "#",
      "nav-item-title": "News"
    }
  ],
  "org-address": "111 N. 1st St. <br /> Denver, CO 80204",
  "org-phone": "303-111-1111",
  "socials": [
    {
      "social": "facebook",
      "social-url": "https://www.facebook.com"
    },
    {
      "social": "twitter",
      "social-url": "https://www.twitter.com"
    },
    {
      "social": "google-plus",
      "social-url": "https://plus.google.com"
    }
  ]
}

There are no notes for this item.