index.html

<header class="homepage-top">
    <div class="homepage-top-inner">

      <div class="welcome-block">
        <div class="inner-block floated-children">
          <div class="welcome-text">
            <div class="floated-inner-block">
              <h1>Welcome to GOV.UK</h1>
              <p>The best place to find government services and information</p>
              <p class="simpler">Simpler, clearer, faster</p>

              <form action="/search" method="get" role="search">
                
<div class="gem-c-search gem-c-search--on-govuk-blue" data-module="gem-toggle-input-class-on-focus">
  <label for="search-main-def8b626" class="gem-c-search__label">
    Search GOV.UK
  </label>
  <div class="gem-c-search__item-wrapper">
    <input type="search" value id="search-main-def8b626" name="q" title="Search" class="gem-c-search__item gem-c-search__input js-class-toggle"></input>
      <div class="gem-c-search__item gem-c-search__submit-wrapper">
        <button type="submit" class="gem-c-search__submit">Search</button>
      </div>
  </div>
</div>

              </form>
            </div>
          </div>
          <div class="content-links">
            <div class="floated-inner-block content-links-inner">
              <h2>Popular on GOV.UK</h2>
              <ul>
                <li><a href="https://euexit.campaign.gov.uk">Prepare for EU Exit</a></li>
                <li><a href="/jobsearch">Find a job</a></li>
                <li><a href="/vehicle-tax">Renew vehicle tax</a></li>
                <li><a href="/book-theory-test">Book your theory test</a></li>
                <li><a href="/personal-tax-account">Personal tax account</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div id="homepage" class="homepage-content">
    <div class="homepage-content-inner">

      <section class="services-block" aria-labelledby="services-and-information-label" id="services-and-information">
        <div class="inner-block floated-children">
          <div class="two-column-heading">
            <h2 id="services-and-information-label" class="visuallyhidden">Services and information</h2>
          </div>
          <div class="categories-lists">
  <ul class="categories-list">
    <li>
      <h3><a href="/browse/benefits">Benefits</a></h3>
      <p>Includes eligibility, appeals, tax credits and Universal Credit</p>
    </li>
    <li>
      <h3><a href="/browse/births-deaths-marriages">Births, deaths, marriages and care</a></h3>
      <p>Parenting, civil partnerships, divorce and Lasting Power of Attorney</p>
    </li>
    <li>
      <h3><a href="/browse/business">Business and self-employed</a></h3>
      <p>Tools and guidance for businesses</p>
    </li>
    <li>
      <h3><a href="/browse/childcare-parenting">Childcare and parenting</a></h3>
      <p>Includes giving birth, fostering, adopting, benefits for children, childcare and schools</p>
    </li>
    <li>
      <h3><a href="/browse/citizenship">Citizenship and living in the UK</a></h3>
      <p>Voting, community participation, life in the UK, international projects</p>
    </li>
    <li>
      <h3><a href="/browse/justice">Crime, justice and the law</a></h3>
      <p>Legal processes, courts and the police</p>
    </li>
  </ul>
  <ul class="categories-list">
    <li>
      <h3><a href="/browse/disabilities">Disabled people</a></h3>
      <p>Includes carers, your rights, benefits and the Equality Act</p>
    </li>
    <li>
      <h3><a href="/browse/driving">Driving and transport</a></h3>
      <p>Includes vehicle tax, MOT and driving licences</p>
    </li>
    <li>
      <h3><a href="/browse/education">Education and learning</a></h3>
      <p>Includes student loans, admissions and apprenticeships</p>
    </li>
    <li>
      <h3><a href="/browse/employing-people">Employing people</a></h3>
      <p>Includes pay, contracts and hiring</p>
    </li>
    <li>
      <h3><a href="/browse/environment-countryside">Environment and countryside</a></h3>
      <p>Includes flooding, recycling and wildlife</p>
    </li>
    <li>
      <h3><a href="/browse/housing-local-services">Housing and local services</a></h3>
      <p>Owning or renting and council services</p>
    </li>
  </ul>
  <ul class="categories-list">
    <li>
      <h3><a href="/browse/tax">Money and tax</a></h3>
      <p>Includes debt and Self Assessment</p>
    </li>
    <li>
      <h3><a href="/browse/abroad">Passports, travel and living abroad</a></h3>
      <p>Includes renewing passports and travel advice by country</p>
    </li>
    <li>
      <h3><a href="/browse/visas-immigration">Visas and immigration</a></h3>
      <p>Visas, asylum and sponsorship</p>
    </li>
    <li>
      <h3><a href="/browse/working">Working, jobs and pensions</a></h3>
      <p>Includes holidays and finding a job</p>
    </li>
  </ul>
</div>

        </div>
      </section>

      <hr id="departments-and-policy" aria-hidden="true"></hr>

      <section class="departments-and-policy" aria-labelledby="departments-and-policy-label">
        <div class="inner-block floated-children">
            <h2 id="departments-and-policy-label" class="visuallyhidden">Departments and policy</h2>
          <div class="large-numbers">
            <ul>
              <li><a href="/government/organisations"><strong>25</strong> Ministerial departments</a></li>
              <li><a href="/government/organisations"><strong>385</strong> Other agencies and public bodies</a></li>
            </ul>
          </div>
          <div class="departments-intro">
            <div class="floated-inner-block">
              <p>
                The websites of all <a href="/government/organisations">government
                departments</a> and many other agencies and public bodies have
                been merged into GOV.UK.
              </p>
              <p>
                Here you can see all <a href="/news-and-communications">news and communications</a>,
                <a href="/government/statistics">statistics</a>
                and
                <a href="/search/policy-papers-and-consultations?content_store_document_type%5B%5D=open_consultations&amp;content_store_document_type%5B%5D=closed_consultations">consultations</a>.
              </p>
              <p>
                Find out <a href="/performance">how government services are performing</a>
                and how satisfied users are.
              </p>
            </div>
          </div>

          <div class="departments-promo-sections">
            <div class="promo-image">
              <div class="promo-content">
                <a href="/government/publications/withdrawal-agreement-and-political-declaration">
                  <img alt src="https://assets.publishing.service.gov.uk/frontend/homepage/brexit-deal-explained-8a27b35aa619befebe428469ae87d13cdfd77cd3be71461caec512e7fd5cb360.png"></img>
                  <h3>Brexit Deal Explained</h3>
                </a>
                <p>
                  Read the Withdrawal Agreement and Political Declaration on the future relationship between the UK and the EU.
                </p>
              </div>
            </div>
            <div class="promo-image">
              <div class="promo-content">
                <a href="https://euexit.campaign.gov.uk">
                  <img alt src="https://assets.publishing.service.gov.uk/frontend/homepage/uk-leaves-the-eu-92b29a269b646b733aa0cd9a12a8dcaa2176d5cee5b5f7d8a36d0d711b468867.jpg"></img>
                  <h3>EU Exit</h3>
                </a>
                <p>
                  The UK is leaving the EU. Find out more.
                </p>
              </div>
            </div>
            <div class="promo-image">
              <div class="promo-content">
                <a href="/guidance/grenfell-tower-fire-june-2017-support-for-people-affected">
                  <img alt src="https://assets.publishing.service.gov.uk/frontend/homepage/grenfell-tower-support-06932b160e2a050a3c3cf663e03edcb389e4d20829442d51149f1783138c67f4.png"></img>
                  <h3>Grenfell Tower fire</h3>
                </a>
                <p>Find out about the support available.</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <hr id="more-on-govuk" aria-hidden="true"></hr>

      <section class="popular-content" aria-labelledby="more-on-govuk-label">
        <div class="inner-block floated-children">
          <div class="single-column-heading">
            <h2 id="more-on-govuk-label">More on GOV.UK</h2>
          </div>
          <div class="most-active">
            <div class="floated-inner-block">
              <h3>Most active</h3>
              <ul class="most-active-content">
                <li><a href="/jobsearch">Find a job</a></li>
                <li><a href="/student-finance-register-login">Log in to student finance</a></li>
                <li><a href="/passport-fees">Passport fees</a></li>
                <li><a href="/jobseekers-allowance">Jobseeker's Allowance</a></li>
                <li><a href="/council-tax-bands">Council Tax bands</a></li>
                <li><a href="/running-a-limited-company">Running a limited company</a></li>
                <li><a href="/book-a-driving-theory-test">Driving theory test</a></li>
                <li><a href="/calculate-vehicle-tax-rates">Vehicle tax rates</a></li>
                <li><a href="/vehicle-tax">Renew vehicle tax</a></li>
                <li><a href="/vat-rates">VAT rates</a></li>
              </ul>
            </div>
          </div>
          <div class="promo-image" id="promo">
            <div class="promo-content">
              <h3 class="promo-text-cta">
                <a href="/bank-holidays">
                <span class="main-text">UK bank holidays</span>
                </a>
              </h3>
              <p>Check the dates for <a href="/bank-holidays">bank holidays</a> in England, Wales, Scotland and Northern Ireland.</p>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>