Layout (a
Page-Banner: True
Breadcrumb: Level 0 > 3
- root > level 01
- root > level 01 > level 02
- root > level 01 > level 02 > level 03
Structure (a
Page-Banner: True
body // The root container
├── header // GESIS Main-Header
│ ├── .logo-and-navigations
│ │ ╰── .logo-and-navigations--inner
│ │ ├── .logo-wrapper
│ │ │ ╰── logo_gesis.svg // GESIS main Logo
│ │ ╰── .navigations-wrapper
│ │ ├── // GESIS MegaMenu
│ │ ╰── // topnav
│ ╰── .gesis-search-wrapper // GESIS Suche
├── main .gs-main // content Area
│ ├── section .page-banner // banner image
│ │ ╰── .page-banner--inner
│ │ ├── .gs_rootline
│ │ │ ╰── // breadcrumb
│ │ ╰── h1
│ │ ╰── // site title
│ ├── section .content-section // Content opener for a new content topic
│ │ ╰── .content-section--inner
│ │ ├── h2 // clean SEO content structures
│ │ ├── h3
│ │ ├── p
│ │ ├── ul
│ │ ╰── ...
│ ├── section .content-section // new content topic
│ │ ╰── .content-section--inner
│ │ ╰── ...
│ ╰── // As many content items as required
╰── footer
HTML (a
Page-Banner: True
Layout (b
Page-Banner: False
Breadcrumb: >= Level 4
- Root > level 01 > level 02 > level 03 > level 04
- Root > level 01 > level 02 > level 03 > level 04 > level 05
- Root > level 01 > level 02 > level 03 > level 04 > level 05 > level 06
Structure (b
Page-Banner: False
body // The root container
├── header // GESIS Main-Header
│ ╰── // ...
├── main .gs-main // content Area
│ ├── .gs_rootline // breadcrumb
│ │ ╰── .page-banner--inner
│ ├── section .content-section // Content opener for a new content topic
│ │ ╰── .content-section--inner
│ │ ├── h1 // clean SEO content structures
│ │ ├── h2
│ │ ├── h3
│ │ ├── p
│ │ ├── ul
│ │ ╰── ...
│ ├── section .content-section // new content topic
│ │ ╰── .content-section--inner
│ │ ╰── ...
│ ╰── // As many content items as required
╰── footer