<div class="js-component relative z-0 container component-spacer-margin">

    <div class="text-center mb-8 lg:mb-12">
        <h2 class="text-6xl lg:text-9xl block font-heading font-medium leading-tight text-bravo-900">Discover more</h2>

    </div>

    <div class="block space-y-6 md:space-y-0 md:grid md:gap-6  md:grid-cols-2 lg:grid-cols-4 ">

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Wendy Wilkinson</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Mrs Wendy Wilkinson qualified as a diagnostic radiographer in 1980 and worked in both the NHS and independent sector in a range of diag</p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Wendy Wilkinson</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Mrs Wendy Wilkinson qualified as a diagnostic radiographer in 1980 and worked in both the NHS and independent sector in a range of diagnostic radiography roles across various modalities in secondary care and tertiary centres. </p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Professor Erika Denton</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Erika is a consultant radiologist and was Medical Director in Norwich from 2018 to 2023. She was the National Medical Director 2023 to 2025 in the Transformation Directorate including clinical leadership of digital programmes, artificial intelligence, research and pathway transformation. </p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Amy Eccles</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours. She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.</p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Amy Eccles</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours. She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.</p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Dr Teik Choon See</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Dr See is a Consultant Interventional Radiologist at Cambridge University Hospitals NHS Foundation Trust (CUH). He has varied experience in service delivery, patient safety, education and research.</p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

        <div>

            <a href="#" class="bg-grey-100 hover:bg-grey-100 border border-transparent flex  px-4 pt-4 pb-6 gap-6 flex-col h-full flex-1 transition ease-in-out duration-300 group overflow-hidden hover:border-grey-300 hover:shadow-card group rounded-xl">
                <div class="flex relative z-10 flex-col  flex-1 justify-start " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                    <h2 class="relative  text-2xl  font-heading font-medium leading-tight text-bravo-900 group-hover:underline group-hover:text-alpha-700">Amy Eccles</h2>

                    <p class="mt-2 text-bravo-900  line-clamp-3 ">Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours. She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.</p>

                </div>
                <div class="relative z-0 grid-rows-1 grid-cols-12 flex-1 order-first  w-32 md:w-auto   grow-0 ">
                    <div class="w-full h-full">

                        <picture class="block overflow-hidden rounded-lg w-full">

                            <img class="lazyload transition ease-in-out duration-300 group-hover:scale-110 w-full" alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@1-1@1200w.jpg">

                        </picture>
                    </div>
                </div>
            </a>

        </div>

    </div>
</div>
<div class="js-component relative z-0 container component-spacer-margin">
    {% render "@headline", headline %}
    <div class="block space-y-6 md:space-y-0 md:grid md:gap-6 {% if bio %} md:grid-cols-2 lg:grid-cols-4 {% else %} md:grid-cols-3 {% endif %}">
        {% for item in ctaCardList %}
            <div>
                {% render "@content-card", { 
                    heading: item.heading, 
                    image: item.image, 
                    copy: item.copy, 
                    centerText: item.centerText,
                    orderImageFirst: true,
                    biggerFont: true,
                    bio: item.bio,
                    bgContrast: bgContrast }, true 
                %}
            </div>
        {% endfor %}
    </div>
</div>
{
  "siteName": "BIR Pattern Library",
  "headline": {
    "heading": "Discover more"
  },
  "ctaCardList": [
    {
      "heading": "Wendy Wilkinson",
      "copy": "Mrs Wendy Wilkinson qualified as a diagnostic radiographer in 1980 and worked in both the NHS and independent sector in a range of diag",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Wendy Wilkinson",
      "copy": "Mrs Wendy Wilkinson qualified as a diagnostic radiographer in 1980 and worked in both the NHS and independent sector in a range of diagnostic radiography roles across various modalities in secondary care and tertiary centres. ",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Professor Erika Denton",
      "copy": "Erika is a consultant radiologist and was Medical Director in Norwich from 2018 to 2023. She was the National Medical Director 2023 to 2025 in the Transformation Directorate including clinical leadership of digital programmes, artificial intelligence, research and pathway transformation. ",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Amy Eccles",
      "copy": "Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours.  She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Amy Eccles",
      "copy": "Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours.  She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Dr Teik Choon See",
      "copy": "Dr See is a Consultant Interventional Radiologist at Cambridge University Hospitals NHS Foundation Trust (CUH). He has varied experience in service delivery, patient safety, education and research.",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    },
    {
      "heading": "Amy Eccles",
      "copy": "Dr Amy Eccles is a Radionuclide Radiologist specialising in oncological radionuclide therapy and imaging. Her therapy interests include treatment of prostate cancers using Radium223 di-chloride and Lutetium 177-PSMA and Lutetium 177-DOTATATE treatment of neuroendocrine tumours.  She reports both oncological and non-oncological PET/CT imaging using FDG and non FDG tracers as well as conventional CT.",
      "bio": true,
      "image": {
        "src": "images/test-imagery/example5@1-1@1200w.jpg",
        "width": 1200,
        "height": 1200,
        "srcSet": [
          {
            "url": "images/test-imagery/example5@1-1@1200w.jpg",
            "size": "1200"
          }
        ]
      }
    }
  ],
  "bio": true
}
  • Handle: @cta-card-list-style-1-component--bio
  • Preview:
  • Filesystem Path: fractal\components\02-umbraco-repeatable-components\cta-card-list-style-1-component\cta-card-list-style-1-component.nunjucks
  • References (2): @headline, @content-card

No notes defined.