D.School Component Library

Homepage Banner 

<div class="c-homepage-banner l-wrap l-container--full " role="complementary" aria-label="Information banner">
    <div class="c-homepage-banner__grid">
        <div class="c-homepage-banner__content">
            <h2 class="o-heading c-homepage-banner__heading">
                <a class="o-heading__link" href="">
                    About Stanford [150 Char Max]
                </a>
            </h2>
            <p class="c-homepage-banner__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
    </div>
</div>
 
{% set base_class = homepage_banner.base_class|default('c-homepage-banner') %}

<div  class="{{ bem(base_class, homepage_banner.element, homepage_banner.modifiers, homepage_banner.extra) }} l-wrap l-container--full {% if homepage_banner.hide %}is-hidden{% endif %}" role="complementary" aria-label="Information banner">
<div class="{{ bem(base_class, 'grid') }}">
    <div class="{{ bem(base_class, 'content') }}">
    {% include "@heading" with {
        "heading": {
          "level": "2",
          "text": homepage_banner.title,
          "link": {
            "url": block.link.url,
            "target": block.link.target
          },
          "extra": bem(base_class, 'heading')
        }
      } %}
      <p class="{{ bem(base_class, 'text') }}">{{ homepage_banner.text }}</p>
    </div>
  </div>
</div>
 
{
  "homepage_banner": {
    "title": "About Stanford [150 Char Max]",
    "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.",
    "hide": false
  }
}

No notes defined.