England Football

Thankyou 

<div class="thankyou">
    <div class="container">
        <img src="/assets/example-content/england-football-logo.svg" class="thankyou__logo-image" alt="england football logo">
        <div class="thankyou__wrapper">
            <h1 class="thankyou__text">Thank You!</h1>
            <p class="thankyou__sub-text ty-text"><a href="" target="_blank">Click Here to return to the Volunteer section in England Football.</a>
            </p>
        </div>
    </div>
</div>

No notes defined.

{
  "imageUrl": "/assets/example-content/england-football-logo.svg",
  "text": "Thank You!",
  "navigation": {
    "Url": "https://www.englandfootball.com/participate/volunteer/",
    "text": "Click Here to return to the Volunteer section in England Football."
  }
}
  • Content: 
    .thankyou {
  min-height: 400px;
  margin: auto;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Inter, sans-serif;

  &__container {
    text-align: inherit;
    width: max-content;
  }

  &__wrapper {
    padding: 16px;

    h1 {
      margin: 0 0 16px;
    }
  }

  img {
    display: inline;
  }

  &__logo-image {
    max-width: 153px;
  }

  &__text {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
  }

  &__sub-text {
    color: #2c3345;
    opacity: 0.66;
    font-size: 16px;

    a {
      color: #09f;
      text-decoration: underline;
    }
  }
}
  • URL: /components/raw/thankyou/thankyou.scss
  • Filesystem Path: src/library/components/thankyou/thankyou.scss
  • Size: 631 Bytes 
<div class="thankyou">
    <div class="container">
        <img src="{{imageUrl}}" class="thankyou__logo-image" alt="england football logo">
        <div class="thankyou__wrapper">
            <h1 class="thankyou__text">{{text}}</h1>
            <p class="thankyou__sub-text ty-text"><a href="{{navigation.url}}" target="_blank">{{navigation.text}}</a>
            </p>
        </div>
    </div>
</div>