Untitled

<div class="grid-container">
  <div class="item1">Header</div>
  <div class="item2">
    <h4>ATTRIBUTES</h4>
    <div class="attributes">
  <div class="line">
  <div class="selector">
    <select class="sheet-cortex-strength" name="attr_strength">
      <option value="4">d4</option>
      <option value="6">d6</option>
      <option value="8" selected>d8</option>
      <option value="10">d10</option>
      <option value="12">d12</option>
    </select>
	</div>
    <label for="strength">Strength</label>
    <input type="checkbox" id="strength" name="attr_usestrength" value="strength">
  </div>
  <div class="line">
        <select class="sheet-cortex-agility" name="attr_agility">
          <option value="4">d4</option>
          <option value="6">d6</option>
          <option value="8" selected>d8</option>
          <option value="10">d10</option>
          <option value="12">d12</option>
        </select>
        <label for="Agility">Agility</label>
        <input type="checkbox" id="agility" name="attr_useagility" value="agility">
  </div>
  <div class="line">
        <select class="sheet-cortex-intelligence" name="attr_intelligence">
          <option value="4">d4</option>
          <option value="6">d6</option>
          <option value="8" selected>d8</option>
          <option value="10">d10</option>
          <option value="12">d12</option>
        </select>
        <label for="Intelligence">Intelligence</label>
        <input type="checkbox" id="intelligence" name="attr_useintelligence" value="intelligence">
  </div>
  <div class="line">
        <select class="sheet-cortex-perception]" name="attr_perception">
          <option value="4">d4</option>
          <option value="6">d6</option>
          <option value="8" selected>d8</option>
          <option value="10">d10</option>
          <option value="12">d12</option>
        </select>
        <label for="Perception">Perception</label>
        <input type="checkbox" id="perception" name="attr_useperception" value="perception">
  </div>
  <div class="line">
        <select class="sheet-cortex-charisma" name="attr_charisma">
          <option value="4">d4</option>
          <option value="6">d6</option>
          <option value="8" selected>d8</option>
          <option value="10">d10</option>
          <option value="12">d12</option>
        </select>
        <label for="Charisma">Charisma</label>
        <input type="checkbox" id="charisma" name="attr_usecharisma" value="charisma">
  </div>
  <div class="line">
        <select class="sheet-cortex-will" name="attr_will">
          <option value="4">d4</option>
          <option value="6">d6</option>
          <option value="8" selected>d8</option>
          <option value="10">d10</option>
          <option value="12">d12</option>
        </select>
        <label for="Will">Will</label>
        <input type="checkbox" id="will" name="attr_usewill" value="will">
  </div>
    </div>
  </div>
  <div class="item3">Drive</div>
  <div class="item4">Distinction</div>
  <div class="item5">Other</div>
  <div class="item6">PowerSpec</div>
  <div class="item7">Power2</div>
  <div class="item8">Footer</div>
</div>
</body>
</html>