index.html

--- 
layout: home_page
---

<div class="nhsuk-width-container">
    <main class="nhsuk-main-wrapper" id="maincontent">
        <div class="nhsuk-grid-row">
            <div class="nhsuk-grid-column-full">

                <div class="nhsuk-card">
                    <div class="nhsuk-card__content">
                        <!--<h3 class="nhsuk-card__heading"></h3>-->
                        <p class="nhsuk-card__description">Introduction text...</p>
                    </div>
                </div>

                <h2>Header 2</h2>
                <p>text</p>

                <div class="nhsuk-do-dont-list">
                    <h3 class="nhsuk-do-dont-list__label">do-dont-list</h3>
                    <ul class="nhsuk-list nhsuk-list--tick">
                        <li>
                            <svg class="nhsuk-icon nhsuk-icon__tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path stroke-width="4" stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
              </svg> one
                        </li>
                        <li>
                            <svg class="nhsuk-icon nhsuk-icon__tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path stroke-width="4" stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
              </svg> two
                        </li>
                        <li>
                            <svg class="nhsuk-icon nhsuk-icon__tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path stroke-width="4" stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
              </svg> three
                        </li>
                        <li>
                            <svg class="nhsuk-icon nhsuk-icon__tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path stroke-width="4" stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
              </svg> four
                        </li>
                        <li>
                            <svg class="nhsuk-icon nhsuk-icon__tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path stroke-width="4" stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
              </svg> five
                        </li>
                    </ul>
                </div>

                <h3>Header 3</h3>
                <ul class="nhsuk-grid-row nhsuk-card-group">
                    <li class="nhsuk-grid-column-one-half nhsuk-card-group__item">
                        <div class="nhsuk-card nhsuk-card--clickable">
                            <img class="nhsuk-card__img" src="assets/img/default.jpg" alt="alt text">
                            <div class="nhsuk-card__content">
                                <h2 class="nhsuk-card__heading nhsuk-heading-m">
                                    <a class="nhsuk-card__link" href="">Image Card</a>
                                </h2>
                                <p>Text</p>
                            </div>
                        </div>
                    </li>
                    <li class="nhsuk-grid-column-one-half nhsuk-card-group__item">
                        <div class="nhsuk-card nhsuk-card--clickable">
                            <img class="nhsuk-card__img" src="assets/img/default.jpg" alt="alt text">
                            <div class="nhsuk-card__content">
                                <h2 class="nhsuk-card__heading nhsuk-heading-m">
                                    <a class="nhsuk-card__link" href="">Image Card</a>
                                </h2>
                                <p>Text</p>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </main>
</div>