User:Alistair3149/sandbox/infoboxneue

 Quick facts: Desc     Data Desc  Title Subtitle    Label <div class="infobox-item__data">Data <div class="infobox-item infobox__grid--row infobox__grid--space-between"> <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item infobox__grid--row infobox__grid--space-between"> <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox__section"> <div class="infobox__sectionHeader"> <div class="infobox__sectionTitle">List items <div class="infobox__sectionSubtitle">Use for description list <div class="infobox__sectionContent"> <div class="infobox-item__data">Title <div class="infobox-item__desc">Desc <div class="infobox-item__data">Title <div class="infobox-item__desc">Desc <div class="infobox-item__data">Title <div class="infobox-item__desc">Desc <div class="infobox__section"> <div class="infobox__sectionHeader"> <div class="infobox__sectionTitle">2 col <div class="infobox__sectionSubtitle">2 columns grid layout <div class="infobox__sectionContent infobox__grid--cols-2"> <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox__section"> <div class="infobox__sectionHeader"> <div class="infobox__sectionTitle">3 col <div class="infobox__sectionContent infobox__grid--cols-3"> <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox__section"> <div class="infobox__sectionHeader"> <div class="infobox__sectionTitle">4 col <div class="infobox__sectionContent infobox__grid--cols-4"> <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox-item__label">Label <div class="infobox-item__data">Data <div class="infobox__footer">Footer <templatestyles src="Module:InfoboxNeue/styles.css"/>

Testing infobox HTML

Infobox
 * Header
 * Image
 * Indicator
 * Title
 * Subtitle
 * Section
 * Title
 * Content
 * Item
 * Label
 * Data
 * Section
 * Footer