The pages have the following structure:

  • .a11y: the accessibility quick navigation links
  • .site: the site wrapper
    • #epfl-header.epfl.site-header: the global EPFL header
      • .logo: the EPFL logo
      • .epflnav: the global navigation links wrapper
        • #epfl-navigation: the global navigation links
      • .search: the search wrapper
        • #search: the search section
          • #search-form: the search form
    • #header.site-header: the site header
      • .site-title: the site title
      • .bcnav: the breadcrumb navigation
      • .lang: the language selector
      • .mainnav: the main/horizontal navigation wrapper
        • #main-navigation: the main/horizontal navigation
      • #tools.tools: the tools bar
    • #content.site-content.page: the actual page
      • .page-header: the page header
        • .page-title: the page title
      • .page-content: the page content
      • .page-footer: the page footer
      • #sidebar.sidebar: the side bar
        • .localnav: the secondary/vertical navigation wrapper
          • #secondary-navigation: the secondary/vertical navigation
    • #footer.site-footer: the site footer
      • .login: the login link