iPad lineup Navbox

<style>
.iln-lockup { display: flex; align-items: center; justify-content: center; gap: 12px; }
.iln-brand { text-align: left; line-height: 1.15; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.iln-brand-top { font-size: 0.85em; }
.iln-brand-name { font-size: 1.5em; font-weight: bold; }
.iln-band { background-color: #333; color: #fff; font-weight: bold; padding: 6px; text-align: center; }
.iln-cell { padding: 16px 6px 12px; border-left: 1px solid #eee; text-align: center; }
.iln-cell div { margin-top: 10px; }
.iln-foot { background-color: #333; color: #fff; font-size: 0.9em; font-weight: bold; padding: 6px; text-align: center; }
.iln-foot a { color: #fff; }
@dark { .iln-lockup img, .iln-cell img { filter: invert(1); } .iln-cell { border-left-color: #2c2c2e; } }
</style>
{| style="width: 100%; border: 2px solid #000; text-align: center;" darkstyle="border-color: #48484a;"
|-
!style="padding: 10px;"|
<div class="iln-lockup">
  <div>![[ipad_icon.svg|36px|link=iPad]]</div>
  <div class="iln-brand">
    <div class="iln-brand-top">{{Colorlink|Apple|var(--wiki-color)}}</div>
    <div class="iln-brand-name">{{Colorlink|iPad|var(--wiki-color)}}</div>
  </div>
</div>
|-
|style="background-color: #333;"|{{Collapse|text="'''[ Show / Hide ]'''"|style="table-layout: fixed;"|color="#fff"}}
  | colspan="4" class="iln-band" | Models
  |-
  | class="iln-cell" | ![[apple_icon_ipad.svg|44px|link=iPad Pro]]<div>[[iPad Pro]]</div>
  | class="iln-cell" | ![[ipad_icon.svg|42px|link=iPad Air]]<div>[[iPad Air]]</div>
  | class="iln-cell" | ![[ipad_icon.svg|38px|link=iPad]]<div>[[iPad]]</div>
  | class="iln-cell" | ![[ipad_icon.svg|32px|link=iPad mini]]<div>[[iPad mini]]</div>
  |-
  | colspan="4" class="iln-foot" | [[Apple Navbox|Apple product lineup]]
{{Endcollapse}}
|}