England Football

Efl Sub Navigation 

<section class="efl-sub-navigation">
    <h3>Discover England Football Learning</h3>
    <div class="sub-navigation-tiles">
        <div class="sub-navigation-tiles__section">
            <a class="navigation-tile efl-branding" href="/" title="Courses">
                <div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/visit-england-store.jpg);"></div>
                <div class="navigation-tile__title">Courses</div>
            </a>
            <a class="navigation-tile efl-branding" href="/" title="Sessions">
                <div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/visit-england-store.jpg);"></div>
                <div class="navigation-tile__title">Sessions</div>
            </a>
            <a class="navigation-tile efl-branding" href="/" title="Articles">
                <div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/visit-england-store.jpg);"></div>
                <div class="navigation-tile__title">Articles</div>
            </a>
            <a class="navigation-tile efl-branding" href="/" title="LMS">
                <div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/visit-england-store.jpg);"></div>
                <div class="navigation-tile__title">LMS</div>
            </a>
            <a class="navigation-tile efl-branding" href="/" title="Community">
                <div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/visit-england-store.jpg);"></div>
                <div class="navigation-tile__title">Community</div>
            </a>
        </div>

    </div>
</section>

No notes defined.

{
  "copy": "Discover England Football Learning"
}
  • Content: 
    .efl-sub-navigation {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: $grey-light;

  h3 {
    color: $blue;
    text-align: center;
    margin-bottom: 2.4rem;
    font-family: $text-font-ef;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.01em;
  }

  @media screen and (min-width: $mq-medium) {
    padding-top: 6.4rem;
    padding-bottom: 8.4rem;
    h3 {
      font-size: 2.4rem;
      line-height: 2.6rem;
    }
  }
}
  • URL: /components/raw/efl-sub-navigation/efl-sub-navigation.scss
  • Filesystem Path: src/library/modules/efl-sub-navigation/efl-sub-navigation.scss
  • Size: 481 Bytes 
<section class="efl-sub-navigation">
  <h3>{{copy}}</h3>
  {{render '@sub-navigation-tiles--efl'}}
</section>