Call To Action

Notes:

<section class="ps ps--black ps-cta">
    <div class="ps__wrap">
        <div class="ps__head">
            <header class="ps__header">
                <img class="ps__kicker-icon" src="../../img/cta-eyebrow-icon.svg" alt="" aria-hidden="true">
                <h2 class="ps__title" aria-level="">Collector Slices Kit</h2>
            </header>
            <div class="ps__desc">
                <p>
                    It’s very easy to create stylish and beautiful prototypes for your future projects, both graphical and dynamic.
                </p>
            </div>
            <a href="#" class="ps-button ps-button--primary">Call to Action</a>
        </div>
    </div>
</section>
  • Content: 
    .ps-cta {
  text-align: center;
}

.ps-cta .ps-button {
  @media all and (min-width: 30em) {
    display: inline-block;
    margin-top: var(--h-padding);
  }
}
  • URL: /components/raw/call-to-action/call-to-action.scss
  • Filesystem Path: src/components/call-to-action/call-to-action.scss
  • Size: 159 Bytes
  • Content: 
    title: Call to Action
# notes: "You can have a note here; it will override the README.md notes"
context:
  text: 

status: ready
  • URL: /components/raw/call-to-action/call-to-action.yml
  • Filesystem Path: src/components/call-to-action/call-to-action.yml
  • Size: 129 Bytes