Europa Component Library

EMA landing page template

{#
  This is an example and should not be used as it is.
#}

{% include '@ec-europa/ecl-skip-links' with {
    'href': '#main-content',
    'label': 'Skip to main content'
} %}

{% include '@ec-europa/ema-headers' with header %}

{% include '@ec-europa/ema-navigation-menus' with menu %}


<main class="ecl-u-mv-l">
  <div class="ecl-container">

  <div class="ecl-row">
    <section class="ecl-col-lg-12">
    {% include '@ec-europa/ema-content-slider' with slider %}
    </section>
  </div>

  <div class="ecl-row ecl-u-pt-m">
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% embed '@ec-europa/ecl-forms-forms'  with { 'extra_class':'ecl-u-pa-s ema-card'} only %}
        {% block form %}
          {% embed '@ec-europa/ecl-forms-fieldsets'  with {} only %}
            {% block fieldset %}
              <div class="ema-card-title">Search for medicines</div>
              <div class="ema-card-content">Search our database of medicines including human medicines, veterinary medicines and herbal medicines.</div>
              {% embed '@ec-europa/ecl-forms-form-groups' %}
                {% block form_group %}
                  {% include '@ec-europa/ecl-forms-text-inputs' with {
                    'id' : 'field-ID-1',
                    'name': 'field-name-1',
                    'type': 'text',
                    'extraClass': 'ecl-text-input--ema',
                    'extraAttributes': [
                      { 'name': 'placeholder', 'value': 'Medicine name, active substance...' }
                    ]
                  } only %}
                {% endblock %}
              {% endembed %}

              {% include '@ec-europa/ecl-buttons' with {
                'modifier': 'primary',
                'label': 'Search',
                'extra_classes': 'ecl-button--ema-primary ecl-u-mt-s ecl-u-f-r',
                'extra_attributes': [
                  { 'name': 'value', 'value': 'search'},
                  { 'name': 'type', 'value': 'submit'}
                ]
              } only %}
            {% endblock %}
          {% endembed %}
        {% endblock %}
      {% endembed %}

    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "What's new",
        extra_class:'ecl-u-pb-m',
        content:'Find all the latest news and updates published on this website in one place.',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "FAQ's",
        content:'Use our online form to ask us a question or request access to unpublished documents.',
    } only %}
    </section>
  </div>

  <div class="ecl-row">
    <section class="ecl-col-lg-12">

    {% include '@ec-europa/ema-separator' with {
      title: 'Latest news',
      extra_classes: 'ecl-u-pt-m',
    } only %}

    {% include '@ec-europa/ecl-listings' with {
      variant: 'two-columns',
      items: items_news,
    } only %}

    {% include '@ec-europa/ema-pager' with {
      label: 'Load more news',
    } only %}
    </section>
  </div>

  <div class="ecl-row">
    <section class="ecl-col-lg-12 ecl-u-pa-s">
    {% include '@ec-europa/ema-separator' with {
      title: 'Information for',
    } %}
    </section>

    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Patients and careers",
        content:'Featured news and updates for patients and carers',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Healthcare professionals",
        content:'Featured news and updates for healthcare professionals, including doctors, nurses and pharmacists',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Animals health professionals",
        content:'Featured news and updates for animal health professionals and users of veterinary medicines such as pet owners',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Pharmaceutical industry",
        content:'Featured news and updates for pharmaceutical industry stakeholders active in the human and veterinary medicines fields',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Media",
        content:'Featured news and updates for journalists with a professional interest in the development and availability of medicines in the European Union',
    } only %}
    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s">
    {% include '@ec-europa/ema-card' with {
        title: "Academia",
        content:'Featured news and updates for European academics and researchers in the field of medicine development',
    } only %}
    </section>
  </div>

  <div class="ecl-row ecl-u-mt-lg-m">
    <section class="ecl-col-lg-4">
      {% include '@ec-europa/ema-separator' with {
        modifier: 'secondary',
extra_classes: 'ecl-u-pv-l',
        title: 'Key content',
      } %}

      {% include '@ec-europa/ecl-listings' with {
        items: items_key_content,
      } %}
    </section>

    <section class="ecl-col-lg-4">
      {% include '@ec-europa/ema-separator' with {
        modifier: 'secondary',
extra_classes: 'ecl-u-pv-l',
        title: 'Services & databases',
      } %}

      {% include '@ec-europa/ecl-listings' with {
        items: items_services,
      } %}
    </section>

    <section class="ecl-col-lg-4">
      {% include '@ec-europa/ema-separator' with {
        modifier: 'secondary',
extra_classes: 'ecl-u-pv-l',
        title: 'How does EMA work?',
      } %}

      {% include '@ec-europa/ecl-listings' with {
        items: items_how_ema_work,
      } %}
    </section>
</div>

  </div>
</main>

{% include '@ec-europa/ema-footers' with footer %}
{
  "header": {
    "logo": {
      "src": "../../framework/images/logo_ema.jpg",
      "alt": "EMA logo"
    },
    "links": []
  },
  "footer": {
    "sections": [
      {
        "title": "About",
        "links": [
          {
            "label": "Who we are",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "What's new on the site",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Expert blog",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Human regulation",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Veterinary regulation",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Commitees",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          }
        ]
      },
      {
        "title": "Ask EMA",
        "links": [
          {
            "label": "Public enquiries",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "FAQs",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Access to documents",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          }
        ]
      },
      {
        "title": "Links",
        "links": [
          {
            "label": "Legal",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Privacy",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Complaints",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Browser compatibility",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Contacts",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Business hours and holidays",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Website help",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          }
        ]
      },
      {
        "title": "Contact",
        "links": [
          {
            "label": "EMA<br />30 Churchill Place<br />Canary Whaf<br />London E14 5EU<br />United Kingdom",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Tel: +44 (0)20 3660 6000",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Fax: +44 (0)20 3660 5550",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted"
          },
          {
            "label": "Send a question",
            "href": "#",
            "extra_classes": "ecl-link--ema-inverted ecl-link--ema-external"
          }
        ]
      }
    ],
    "hotline": {
      "href": "#",
      "title": "Product emergency hotline",
      "description": "outside working hours"
    },
    "social": [
      {
        "label": "RSS",
        "href": "#",
        "icon": "rss",
        "extra_classes": "ecl-link--ema-inverted ecl-u-mr-xs"
      },
      {
        "label": "Twitter",
        "href": "#",
        "icon": "twitter",
        "extra_classes": "ecl-link--ema-inverted ecl-u-mr-xs"
      },
      {
        "label": "Youtube",
        "href": "#",
        "icon": "video",
        "extra_classes": "ecl-link--ema-inverted ecl-u-mr-xs"
      }
    ],
    "copyright": "&copy; 1995-2016 European Medicines Agency",
    "description": "An agency of the European Union",
    "logo": {
      "src": "../../framework/images/eu.png",
      "alt": "European Union flag"
    },
    "logo_network": {
      "src": "../../framework/images/euan.png",
      "alt": "European Union agencies network"
    }
  },
  "menu": {
    "menu_label": "Menu",
    "menu_aria_label": "Main Navigation",
    "extra_classes": "ecl-navigation-menu--ema",
    "links": [
      {
        "label": "Home",
        "href": "#home"
      },
      {
        "label": "Human regulatory",
        "href": "#item1",
        "title": "Human regulatory",
        "description": "This section of the website provides information on the regulation of medicines for human use in the European Union (EU). It particularly concerns the centralised procedure, where the European Medicines Agency (EMA) plays a key role.",
        "children_links": [
          {
            "label": "Overview",
            "href": "#item1-1"
          },
          {
            "label": "Marketing authorisation",
            "href": "#item1-4"
          },
          {
            "label": "Research and development",
            "href": "#item1-2",
            "is_active": true
          },
          {
            "label": "Post authorisation",
            "href": "#item1-5"
          },
          {
            "label": "Herbal products",
            "href": "#item1-3"
          }
        ]
      },
      {
        "label": "Item 2",
        "href": "#item2",
        "title": "Section title",
        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur cursus varius. Ut id leo sed libero placerat feugiat eu eget mi. In hac habitasse platea dictumst. Etiam eleifend justo nec ex lacinia blandit. Aenean pellentesque mauris ut malesuada ultricies. Vestibulum blandit arcu et metus semper porta.",
        "children_links": [
          {
            "label": "Item 2.1",
            "href": "#item2-1"
          },
          {
            "label": "Item 2.2",
            "href": "#item2-2"
          },
          {
            "label": "Item 2.3",
            "href": "#item2-3"
          },
          {
            "label": "Item 2.4",
            "href": "#item2-4"
          },
          {
            "label": "Item 2.5",
            "href": "#item2-5"
          },
          {
            "label": "Item 2.6",
            "href": "#item2-6"
          }
        ]
      },
      {
        "label": "Item 3",
        "href": "#item3"
      }
    ]
  },
  "banner": {
    "extra_classes": "ema-context-banner--standalone",
    "title": "Healthcare Professionals",
    "description": "On this page, you will find information on the Agency’s activities that are most relevant to healthcare professionals, including news, and events. You can contribute to the Agency’s work by responding to public consultations. Learn more about how Healthcare Professionals are actively involved in the work of the Agency.",
    "links": []
  },
  "slider": {
    "list": [
      {
        "metas": [
          "report",
          "cell therapies"
        ],
        "href": "#content-slider-1",
        "title": "CAR T-cell therapy registries",
        "detail": "EMA's new workshop report describes the opportunities and challenges in using patient registries for the benefit-risk evaluations of chimeric antigen receptor (CAR) T-cell therapies.",
        "primary_image": {
          "src": "https://unsplash.it/640/480?image=221",
          "alt": "sky"
        }
      },
      {
        "metas": [
          "video",
          "about us"
        ],
        "href": "#content-slider-2",
        "title": "Working for every patient in Europe",
        "detail": "Our new video explains EMA's role in enabling timely patient access to new medicines in Europe. Watch the video now.",
        "primary_image": {
          "src": "https://unsplash.it/640/480?image=221",
          "alt": "street"
        }
      },
      {
        "metas": [
          "report",
          "about us"
        ],
        "href": "#content-slider-3",
        "title": "Annual report",
        "detail": "Read about EMA's key achievements and figures in 2017, including statistics on its regulatory procedures, activities, trends and changes in recent years.",
        "primary_image": {
          "src": "https://unsplash.it/640/480?image=221",
          "alt": "buildings"
        }
      },
      {
        "metas": [
          "campaign",
          "vaccine"
        ],
        "href": "#content-slider-4",
        "title": "European Immunization Week",
        "detail": "EMA supports European Immunization Week from 23 to 29 April 2018. This World Health Organization initiative aims to increase vaccination coverage by raising awareness among parents and caregivers, health care professionals, policy and decision-makers, and the media.",
        "primary_image": {
          "src": "https://unsplash.it/640/480?image=221",
          "alt": "tea"
        }
      }
    ]
  },
  "items_featured": [
    {
      "title": "Orphan medicines: getting the facts straight",
      "href": "#listing-thumbnail",
      "detail": "EMA has published a question-and-answer document addressing common misunderstandings about the meaning of orphan designation and other aspects pertaining to orphan medicines, including significant benefit and market exclusivity. For more information, see Orphan designation.",
      "primary_image": {
        "src": "http://www.ema.europa.eu/ema/images/features/rare_diseases_q_a.jpg",
        "alt": "news alt text"
      }
    },
    {
      "title": "Human medicines highlights 2017",
      "href": "#listing-thumbnail",
      "detail": "EMA has released an overview of its key recommendations in 2017 on the authorisation of new medicines. EMA recommended 92 medicines for marketing authorisation. This includes recommendations for 35 new active substances.",
      "primary_image": {
        "src": "http://www.ema.europa.eu/ema/images/leaflet_highlights_2017.jpg",
        "alt": "news alt text"
      }
    },
    {
      "title": "New orphan maintenance assessment reports",
      "href": "#listing-thumbnail",
      "detail": "As of 17 January 2018, the European Public Assessment Report (EPAR) for every newly-authorised medicine contains an orphan maintenance assessment report if it was granted orphan-designation during the development phase. This report reflects the Agency’s Committee for Orphan Medicinal Products (COMP) opinion on whether a medicine continues to meet the orphan designation criteria when it is authorised, and will be published for all positive and negative COMP opinions, as well as withdrawals. This determines whether it benefits from ten years market exclusivity, a key incentive to stimulate the development of medicines to treat rare diseases.",
      "primary_image": {
        "src": "http://www.ema.europa.eu/ema/images/OMAR2.jpg",
        "alt": "news alt text"
      }
    },
    {
      "title": "Ten-year report on implementation of the Paediatric Regulation",
      "href": "#listing-thumbnail",
      "detail": "In October 2017, the European Commission published a report on progress made in children s medicinesExternal link icon since the Paediatric Regulation came into force 10 years ago. The report shows an increase in medicines for children in many therapeutic areas in the last ten years, most notably in rheumatology and infectious diseases. However, it also shows that little progress has been made in diseases that only affect children or where the disease shows biological differences between adults and children, particularly rare diseases. The Commission and EMA and its Paediatric Committee will develop an action plan to improve the implementation of the Regulation.",
      "primary_image": {
        "src": "http://www.ema.europa.eu/ema/images/features/EC_paediatric_report.jpg",
        "alt": "news alt text"
      }
    }
  ],
  "items_news": [
    {
      "title": "Updated measures for pregnancy prevention during retinoid use",
      "href": "#listing-default-two-1",
      "detail": "Warning on possible risk of neuropsychiatric disorders also to be included for oral retinoids.",
      "metas": [
        "23/03/2018"
      ]
    },
    {
      "title": "Withdrawal of pain medicine flupirtine endorsed",
      "href": "#listing-default-two-1",
      "detail": "Serious liver problems continued to be reported despite previous restrictions in use.",
      "metas": [
        "23/03/2018"
      ]
    },
    {
      "title": "Workshop on Paediatric Regulation – stakeholders to discuss how to boost development of medicines for children",
      "href": "#listing-default-two-1",
      "detail": "Event to be broadcast live on 20 March.",
      "metas": [
        "19/03/2018"
      ]
    },
    {
      "title": "EMA Management Board: highlights of March 2018 meeting",
      "href": "#listing-default-two-1",
      "detail": "Board adopts 2017 report on veterinary medicines for minor use minor species and hears update on clinical trial portal and database.",
      "metas": [
        "16/03/2018"
      ]
    },
    {
      "title": "Meeting highlights from the Pharmacovigilance Risk Assessment Committee (PRAC) 5-8 March 2018",
      "href": "#listing-default-two-1",
      "detail": "Immediate measures agreed for Zinbryta and Xofigo while reviews are ongoing; public hearing decided for quinolone and fluoroquinolone antibiotics.",
      "metas": [
        "09/03/2018"
      ]
    },
    {
      "title": "Meeting highlights from the Pharmacovigilance Risk Assessment Committee (PRAC) 5-8 March 2018",
      "href": "#listing-default-two-1",
      "detail": "Immediate measures agreed for Zinbryta and Xofigo while reviews are ongoing; public hearing decided for quinolone and fluoroquinolone antibiotics.",
      "metas": [
        "09/03/2018"
      ]
    }
  ],
  "items_how_ema_work": [
    {
      "title": "How we regulate pharmaceutical research and development",
      "href": "#list-item-4"
    },
    {
      "title": "Our role in authorisation of medicines in the EU",
      "href": "#list-item-4"
    },
    {
      "title": "How the safety of medicines is monitored and controlled",
      "href": "#list-item-4"
    },
    {
      "title": "Who are EMAs scientific experts?",
      "href": "#list-item-4"
    },
    {
      "title": "Ensuring independence and transparency",
      "href": "#list-item-4"
    },
    {
      "title": "Another one",
      "href": "#list-item-4"
    }
  ],
  "items_key_content": [
    {
      "title": "CHMP highlights, December 2012",
      "href": "#list-item-4"
    },
    {
      "title": "Guidance for good clinical practice",
      "href": "#list-item-4"
    },
    {
      "title": "European Public Assessment Reports(Human)",
      "href": "#list-item-4"
    },
    {
      "title": "European Public Assessment Reports(Veterinary)",
      "href": "#list-item-4"
    },
    {
      "title": "Pharmacovigilance legislation",
      "href": "#list-item-4"
    }
  ],
  "items_services": [
    {
      "title": "Suspected ADR reports",
      "href": "#list-item-4"
    },
    {
      "title": "EU Clinical Trials Register",
      "href": "#list-item-4"
    },
    {
      "title": "eSubmission services",
      "href": "#list-item-4"
    },
    {
      "title": "U Telematics services",
      "href": "#list-item-4"
    }
  ],
  "items_area": [
    {
      "variant": "highlight",
      "title": "What s new",
      "href": "#list-item-4",
      "primary_image": {
        "src": "https://picsum.photos/200/100",
        "alt": "Highlighted image"
      }
    },
    {
      "variant": "highlight",
      "title": "Ask EMA",
      "href": "#list-item-4",
      "primary_image": {
        "src": "https://picsum.photos/200/100",
        "alt": "Highlighted image"
      }
    }
  ],
  "_demo": {
    "scripts": "document.addEventListener('DOMContentLoaded', function () {\n        ECL.contentSlider();\n        ECL.megamenu();\n        ECL.initExpandables('.ecl-file__translations-toggle');\n      });"
  }
}
<div class="ecl-skip-link__wrapper" id="skip-link">
  <a href="#main-content" class="ecl-skip-link">Skip to main content</a>
</div>

<header class="ema-header">
  <div class="ecl-container ema-header__extra">
    <div class="ema-header__links">
    </div>
  </div>

  <div class="ecl-container ema-header__banner">
    <div class="ema-header__logo"><img src="../../framework/images/logo_ema.jpg" alt="EMA logo" /></div>

    <form class="ecl-search-form ecl-site-header__search ecl-search-form--ema">
      <label class="ecl-search-form__textfield-wrapper">
    <span class="ecl-u-sr-only">Search this website</span>
    






  

  


<input
  type="search"
  class="ecl-text-input ecl-search-form__textfield ecl-text-input--ema"
  id="global-search"
  name="default-name"
  
/>
  </label>

      <button class="ecl-button ecl-button--form ecl-search-form__button ecl-button--primary ecl-button--ema-primary" type="submit">Search</button>
    </form>
  </div>
</header>

<nav class="ecl-navigation-menu ecl-navigation-menu--ema" aria-label="Main Navigation">
  <div class="ecl-container">
    <button class="ecl-navigation-menu__toggle ecl-navigation-menu__hamburger ecl-navigation-menu__hamburger--squeeze" aria-controls="nav-menu-expandable-root" aria-expanded="false">
      <span class="ecl-navigation-menu__hamburger-box">
        <span class="ecl-navigation-menu__hamburger-inner"></span>
      </span>
      <span class="ecl-navigation-menu__hamburger-label">Menu</span>
    </button>
    <ul class="ecl-navigation-menu__root" id="nav-menu-expandable-root" aria-hidden="true">
      <li class="ecl-navigation-menu__item">
        <a href="#home" class="ecl-navigation-menu__link">Home</a>
      </li>
      <li class="ecl-navigation-menu__item">
        <a href="#item1" class="ecl-navigation-menu__link" aria-controls="nav-menu-expandable-group-2" aria-expanded="false" aria-haspopup="true">Human regulatory</a>

        <div class="ecl-navigation-menu__group" id="nav-menu-expandable-group-2">

          <div class="ema-context-banner">
            <div class="ecl-container">
              <div class="ema-context-banner__wrapper">
                <a href="#" class="ema-context-banner__title">Human regulatory</a>

                <p class="ecl-paragraph ecl-paragraph--ema ecl-paragraph--l">This section of the website provides information on the regulation of medicines for human use in the European Union (EU). It particularly concerns the centralised procedure, where the European Medicines Agency (EMA) plays a key role.</p>

                <ul class="ema-context-banner__links">
                  <li class="ema-context-banner__item">
                    <a href="#item1-1" class="ema-context-banner__link">Overview</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item1-4" class="ema-context-banner__link">Marketing authorisation</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item1-2" class="ema-context-banner__link ema-context-banner__link--active">Research and development</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item1-5" class="ema-context-banner__link">Post authorisation</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item1-3" class="ema-context-banner__link">Herbal products</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>
      <li class="ecl-navigation-menu__item">
        <a href="#item2" class="ecl-navigation-menu__link" aria-controls="nav-menu-expandable-group-3" aria-expanded="false" aria-haspopup="true">Item 2</a>

        <div class="ecl-navigation-menu__group" id="nav-menu-expandable-group-3">

          <div class="ema-context-banner">
            <div class="ecl-container">
              <div class="ema-context-banner__wrapper">
                <a href="#" class="ema-context-banner__title">Section title</a>

                <p class="ecl-paragraph ecl-paragraph--ema ecl-paragraph--l">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur cursus varius. Ut id leo sed libero placerat feugiat eu eget mi. In hac habitasse platea dictumst. Etiam eleifend justo nec ex lacinia blandit. Aenean pellentesque
                  mauris ut malesuada ultricies. Vestibulum blandit arcu et metus semper porta.</p>

                <ul class="ema-context-banner__links">
                  <li class="ema-context-banner__item">
                    <a href="#item2-1" class="ema-context-banner__link">Item 2.1</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item2-2" class="ema-context-banner__link">Item 2.2</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item2-3" class="ema-context-banner__link">Item 2.3</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item2-4" class="ema-context-banner__link">Item 2.4</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item2-5" class="ema-context-banner__link">Item 2.5</a>
                  </li>
                  <li class="ema-context-banner__item">
                    <a href="#item2-6" class="ema-context-banner__link">Item 2.6</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>
      <li class="ecl-navigation-menu__item">
        <a href="#item3" class="ecl-navigation-menu__link">Item 3</a>
      </li>
    </ul>
  </div>
</nav>

<main class="ecl-u-mv-l">
  <div class="ecl-container">

    <div class="ecl-row">
      <section class="ecl-col-lg-12">

        <ul class="ecl-listing ema-content-slider">

          <li class="ecl-list-item ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--1">
            <a href="#content-slider-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--default" alt="sky" src="https://unsplash.it/640/480?image=221" aria-controls="ema-content-slider__list-item--highlight--1" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--1">

                    <span class="ecl-meta__item">report</span>

                    <span class="ecl-meta__item">cell therapies</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">CAR T-cell therapy registries</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  EMA's new workshop report describes the opportunities and challenges in using patient registries for the benefit-risk evaluations of chimeric antigen receptor (CAR) T-cell therapies.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--1">
            <a href="#content-slider-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--highlight" alt="sky" src="https://unsplash.it/640/480?image=221" id="ema-content-slider__list-item--highlight--1" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--1">

                    <span class="ecl-meta__item">report</span>

                    <span class="ecl-meta__item">cell therapies</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">CAR T-cell therapy registries</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  EMA's new workshop report describes the opportunities and challenges in using patient registries for the benefit-risk evaluations of chimeric antigen receptor (CAR) T-cell therapies.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--2">
            <a href="#content-slider-2" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--default" alt="street" src="https://unsplash.it/640/480?image=221" aria-controls="ema-content-slider__list-item--highlight--2" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--2">

                    <span class="ecl-meta__item">video</span>

                    <span class="ecl-meta__item">about us</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Working for every patient in Europe</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Our new video explains EMA's role in enabling timely patient access to new medicines in Europe. Watch the video now.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--2">
            <a href="#content-slider-2" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--highlight" alt="street" src="https://unsplash.it/640/480?image=221" id="ema-content-slider__list-item--highlight--2" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--2">

                    <span class="ecl-meta__item">video</span>

                    <span class="ecl-meta__item">about us</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Working for every patient in Europe</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Our new video explains EMA's role in enabling timely patient access to new medicines in Europe. Watch the video now.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--3">
            <a href="#content-slider-3" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--default" alt="buildings" src="https://unsplash.it/640/480?image=221" aria-controls="ema-content-slider__list-item--highlight--3" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--3">

                    <span class="ecl-meta__item">report</span>

                    <span class="ecl-meta__item">about us</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Annual report</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Read about EMA's key achievements and figures in 2017, including statistics on its regulatory procedures, activities, trends and changes in recent years.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--3">
            <a href="#content-slider-3" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--highlight" alt="buildings" src="https://unsplash.it/640/480?image=221" id="ema-content-slider__list-item--highlight--3" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--3">

                    <span class="ecl-meta__item">report</span>

                    <span class="ecl-meta__item">about us</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Annual report</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Read about EMA's key achievements and figures in 2017, including statistics on its regulatory procedures, activities, trends and changes in recent years.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--4">
            <a href="#content-slider-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--default" alt="tea" src="https://unsplash.it/640/480?image=221" aria-controls="ema-content-slider__list-item--highlight--4" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ema-content-slider__list-item--default" aria-controls="ema-content-slider__list-item--highlight--4">

                    <span class="ecl-meta__item">campaign</span>

                    <span class="ecl-meta__item">vaccine</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">European Immunization Week</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  EMA supports European Immunization Week from 23 to 29 April 2018. This World Health Organization initiative aims to increase vaccination coverage by raising awareness among parents and caregivers, health care professionals, policy and decision-makers,
                  and the media.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--4">
            <a href="#content-slider-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__primary">

                <img class=" ema-content-slider__list-item--highlight" alt="tea" src="https://unsplash.it/640/480?image=221" id="ema-content-slider__list-item--highlight--4" />

              </div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--highlight ema-content-slider__list-item--highlight" id="ema-content-slider__list-item--highlight--4">

                    <span class="ecl-meta__item">campaign</span>

                    <span class="ecl-meta__item">vaccine</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">European Immunization Week</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  EMA supports European Immunization Week from 23 to 29 April 2018. This World Health Organization initiative aims to increase vaccination coverage by raising awareness among parents and caregivers, health care professionals, policy and decision-makers,
                  and the media.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>
        </ul>
      </section>
    </div>

    <div class="ecl-row ecl-u-pt-m">
      <section class="ecl-col-lg-4 ecl-u-pa-s">

        <form class="ecl-form ecl-u-pa-s ema-card">

          <fieldset class="ecl-fieldset">
            <div class="ema-card-title">Search for medicines</div>
            <div class="ema-card-content">Search our database of medicines including human medicines, veterinary medicines and herbal medicines.</div>

            <div class="ecl-form-group">

              <input type="text" class="ecl-text-input ecl-text-input--ema" id="field-ID-1" name="field-name-1" placeholder="Medicine name, active substance..." />
            </div>

            <button class="ecl-button ecl-button--primary ecl-button--ema-primary ecl-u-mt-s ecl-u-f-r" value="search" type="submit">Search</button>
          </fieldset>
        </form>

      </section>
      <section class="ecl-col-lg-4 ecl-u-pa-s">

        <div class="ema-card" ">
  <a href="# " class="ema-card-text ">
    <div class="ema-card-title ">What's new</div>
    <div class="ema-card-content ">
      Find all the latest news and updates published on this website in one place.    </div>
  </a>
</div>    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s ">
    














<div class="ema-card " ">
          <a href="#" class="ema-card-text">
            <div class="ema-card-title">FAQ's</div>
            <div class="ema-card-content">
              Use our online form to ask us a question or request access to unpublished documents. </div>
          </a>
        </div>
      </section>
    </div>

    <div class="ecl-row">
      <section class="ecl-col-lg-12">

        <div class="ema-separator ecl-u-pt-m ">
          <div class="ema-separator__heading">
            <h3 class="ema-separator__heading--title ecl-heading ecl-heading--ema-h3">
              Latest news
            </h3>

            <svg class="ema-icon ema-separator__heading--icon">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_" />
</svg>
          </div>
        </div>

        <ul class="ecl-listing ecl-listing--two-columns">

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">23/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Updated measures for pregnancy prevention during retinoid use</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Warning on possible risk of neuropsychiatric disorders also to be included for oral retinoids.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">23/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Withdrawal of pain medicine flupirtine endorsed</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Serious liver problems continued to be reported despite previous restrictions in use.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">19/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Workshop on Paediatric Regulation – stakeholders to discuss how to boost development of medicines for children</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Event to be broadcast live on 20 March.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">16/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">EMA Management Board: highlights of March 2018 meeting</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Board adopts 2017 report on veterinary medicines for minor use minor species and hears update on clinical trial portal and database.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">09/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Meeting highlights from the Pharmacovigilance Risk Assessment Committee (PRAC) 5-8 March 2018</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Immediate measures agreed for Zinbryta and Xofigo while reviews are ongoing; public hearing decided for quinolone and fluoroquinolone antibiotics.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item ecl-list-item--two-columns">
            <a href="#listing-default-two-1" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta ecl-meta--two-columns">

                    <span class="ecl-meta__item">09/03/2018</span>

                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Meeting highlights from the Pharmacovigilance Risk Assessment Committee (PRAC) 5-8 March 2018</h3>

                <p class="ecl-list-item__detail ecl-paragraph">
                  Immediate measures agreed for Zinbryta and Xofigo while reviews are ongoing; public hearing decided for quinolone and fluoroquinolone antibiotics.
                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

        </ul>

        <a href="" class="ema-pager">
Load more news
</a>
      </section>
    </div>

    <div class="ecl-row">
      <section class="ecl-col-lg-12 ecl-u-pa-s">

        <div class="ema-separator ">
          <div class="ema-separator__heading">
            <h3 class="ema-separator__heading--title ecl-heading ecl-heading--ema-h3">
              Information for
            </h3>

            <svg class="ema-icon ema-separator__heading--icon">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_" />
</svg>
          </div>
        </div>
      </section>

      <section class="ecl-col-lg-4 ecl-u-pa-s">

        <div class="ema-card" ">
  <a href="# " class="ema-card-text ">
    <div class="ema-card-title ">Patients and careers</div>
    <div class="ema-card-content ">
      Featured news and updates for patients and carers    </div>
  </a>
</div>    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s ">
    














<div class="ema-card " ">
          <a href="#" class="ema-card-text">
            <div class="ema-card-title">Healthcare professionals</div>
            <div class="ema-card-content">
              Featured news and updates for healthcare professionals, including doctors, nurses and pharmacists </div>
          </a>
        </div>
      </section>
      <section class="ecl-col-lg-4 ecl-u-pa-s">

        <div class="ema-card" ">
  <a href="# " class="ema-card-text ">
    <div class="ema-card-title ">Animals health professionals</div>
    <div class="ema-card-content ">
      Featured news and updates for animal health professionals and users of veterinary medicines such as pet owners    </div>
  </a>
</div>    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s ">
    














<div class="ema-card " ">
          <a href="#" class="ema-card-text">
            <div class="ema-card-title">Pharmaceutical industry</div>
            <div class="ema-card-content">
              Featured news and updates for pharmaceutical industry stakeholders active in the human and veterinary medicines fields </div>
          </a>
        </div>
      </section>
      <section class="ecl-col-lg-4 ecl-u-pa-s">

        <div class="ema-card" ">
  <a href="# " class="ema-card-text ">
    <div class="ema-card-title ">Media</div>
    <div class="ema-card-content ">
      Featured news and updates for journalists with a professional interest in the development and availability of medicines in the European Union    </div>
  </a>
</div>    </section>
    <section class="ecl-col-lg-4 ecl-u-pa-s ">
    














<div class="ema-card " ">
          <a href="#" class="ema-card-text">
            <div class="ema-card-title">Academia</div>
            <div class="ema-card-content">
              Featured news and updates for European academics and researchers in the field of medicine development </div>
          </a>
        </div>
      </section>
    </div>

    <div class="ecl-row ecl-u-mt-lg-m">
      <section class="ecl-col-lg-4">

        <div class="ema-separator ecl-u-pv-l ema-separator--secondary">
          <div class="ema-separator__heading">
            <h3 class="ema-separator__heading--title ecl-heading ecl-heading--ema-h3">
              Key content
            </h3>

            <svg class="ema-icon ema-separator__heading--icon">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_" />
</svg>
          </div>
        </div>

        <ul class="ecl-listing">

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">CHMP highlights, December 2012</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Guidance for good clinical practice</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">European Public Assessment Reports(Human)</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">European Public Assessment Reports(Veterinary)</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Pharmacovigilance legislation</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

        </ul>
      </section>

      <section class="ecl-col-lg-4">

        <div class="ema-separator ecl-u-pv-l ema-separator--secondary">
          <div class="ema-separator__heading">
            <h3 class="ema-separator__heading--title ecl-heading ecl-heading--ema-h3">
              Services & databases
            </h3>

            <svg class="ema-icon ema-separator__heading--icon">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_" />
</svg>
          </div>
        </div>

        <ul class="ecl-listing">

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Suspected ADR reports</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">EU Clinical Trials Register</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">eSubmission services</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">U Telematics services</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

        </ul>
      </section>

      <section class="ecl-col-lg-4">

        <div class="ema-separator ecl-u-pv-l ema-separator--secondary">
          <div class="ema-separator__heading">
            <h3 class="ema-separator__heading--title ecl-heading ecl-heading--ema-h3">
              How does EMA work?
            </h3>

            <svg class="ema-icon ema-separator__heading--icon">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_" />
</svg>
          </div>
        </div>

        <ul class="ecl-listing">

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">How we regulate pharmaceutical research and development</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Our role in authorisation of medicines in the EU</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">How the safety of medicines is monitored and controlled</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Who are EMAs scientific experts?</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Ensuring independence and transparency</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

          <li class="ecl-list-item">
            <a href="#list-item-4" class="ecl-link ecl-list-item__link">
              <div class="ecl-u-sr-only">List item</div>

              <div class="ecl-list-item__body">
                <div class="ecl-list-item__meta">

                  <div class="ecl-meta">
                  </div>
                </div>

                <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Another one</h3>

                <p class="ecl-list-item__detail ecl-paragraph">

                </p>

                <div class="ecl-list-item__action">

                </div>
              </div>

            </a>
          </li>

        </ul>
      </section>
    </div>

  </div>
</main>

<footer class="ema-footer">
  <div class="ecl-container ema-footer__content">
    <div class="ema-footer__section">
      <div class="ema-footer__hotline">

        <svg class="ema-icon ecl-u-fs-xxl ecl-u-mr-xxs ema-icon--l">
  <use xlink:href="../../framework/images/icons/ema-icons.svg#ema-icon-set_phone" />
</svg>
        <a class="ecl-link--ema-inverted" href="#">
          <div class="ema-footer__hotline-title">Product emergency hotline</div>
          <div class="ema-footer__hotline-desc">outside working hours</div>
        </a>
      </div>
    </div>
  </div>

  <div class="ecl-container ema-footer__content">

    <div class="ema-footer__section">
      <div class="ema-footer__title">About</div>

      <ul class="ecl-list ecl-list--unstyled ema-footer__links">
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Who we are</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">What's new on the site</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Expert blog</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Human regulation</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Veterinary regulation</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Commitees</a>
        </li>
      </ul>
    </div>
    <div class="ema-footer__section">
      <div class="ema-footer__title">Ask EMA</div>

      <ul class="ecl-list ecl-list--unstyled ema-footer__links">
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Public enquiries</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">FAQs</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Access to documents</a>
        </li>
      </ul>
    </div>
    <div class="ema-footer__section">
      <div class="ema-footer__title">Links</div>

      <ul class="ecl-list ecl-list--unstyled ema-footer__links">
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Legal</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Privacy</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Complaints</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Browser compatibility</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Contacts</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Business hours and holidays</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Website help</a>
        </li>
      </ul>
    </div>
    <div class="ema-footer__section">
      <div class="ema-footer__title">Contact</div>

      <ul class="ecl-list ecl-list--unstyled ema-footer__links">
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">EMA<br />30 Churchill Place<br />Canary Whaf<br />London E14 5EU<br />United Kingdom</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Tel: +44 (0)20 3660 6000</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted" href="#">Fax: +44 (0)20 3660 5550</a>
        </li>
        <li>

          <a class="ecl-link ecl-link--ema-inverted ecl-link--ema-external" href="#">Send a question</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="ecl-container">
    <div class="ema-footer__social">
      <span class="ecl-icon ecl-icon--rss"></span>

      <a class="ecl-link ecl-link--ema-inverted ecl-u-mr-xs" href="#">RSS</a>
      <span class="ecl-icon ecl-icon--twitter"></span>

      <a class="ecl-link ecl-link--ema-inverted ecl-u-mr-xs" href="#">Twitter</a>
      <span class="ecl-icon ecl-icon--video"></span>

      <a class="ecl-link ecl-link--ema-inverted ecl-u-mr-xs" href="#">Youtube</a>
    </div>
  </div>

  <div class="ecl-container ema-footer__content">
    <div class="ema-footer__copyright">&copy; 1995-2016 European Medicines Agency</div>
    <div class="ema-footer__description">
      European Union agencies network
      <div class="ema-footer__logo">
        <img src="../../framework/images/euan.png" alt="European Union agencies network" /></img>
      </div>
    </div>
    <div class="ema-footer__description">
      An agency of the European Union
      <div class="ema-footer__logo"><img src="../../framework/images/eu.png" alt="European Union flag" /></div>
    </div>
  </div>

</footer>
  • Handle: @ec-europa/ema-home-page
  • Tags: template
  • Preview:
  • Filesystem Path: framework/templates/ema-home-page/ema-home-page.twig