graycoreio/daffodil

View on GitHub
libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html

Summary

Maintainability
Test Coverage
<daff-hero color="theme">
    <daff-container class="daff-hero-with-grid__grid">
        <div class="daff-hero-with-grid__image">
            <img src="/assets/design/callout/pwa-illustration.svg" alt="PWA Illustration">
        </div>
        <div class="daff-hero-with-grid__content-wrapper">
            <div class="daff-hero-with-grid__icon" daffHeroIcon>
                <fa-icon [icon]="faMobile"></fa-icon>
            </div>
            <p daffHeroTagline>Frontend framework for ecommerce PWAs</p>
            <h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>
            <div daffHeroSubtitle>
                <p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>
                <p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>
            </div>
            <div daffHeroBody>
                <a href="https://www.daff.io" target="_blank" daff-button>Get Started</a>
            </div>
        </div>
    </daff-container>
</daff-hero>