<div class="btn-group btn-group-toggle" data-toggle="buttons" id="options">
  <label class="btn btn-sm btn-secondary opts-h" name="Weapons Toggle" id="toggle-weapon" for="toggle-weapon-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Weapons">
    <input type="checkbox"  aria-labelledby="toggle-weapon" autocomplete="off" class="opts-h" id="toggle-weapon-check">
    <img class="toggle-img opts-h sel-img" id="toggle-weapon-img" src="/img/weapons.png?v={{lookup sums 'img/weapons.png'}}" alt="Weapons" />
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="Warframes Toggle" id="toggle-warframe" for="toggle-warframe-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Warframes">
    <input type="checkbox" aria-labelledby="toggle-warframe" autocomplete="off" class="opts-h" id="toggle-warframe-check">
    <img class="toggle-img opts-h sel-img" id="toggle-warframe-img" src="/img/warframes.png?v={{lookup sums 'img/warframes.png'}}" alt="Warframes" />
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="Machinima Toggle" id="toggle-machinima" for="toggle-machinima-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Machinima">
    <input type="checkbox" autocomplete="off" aria-labelledby="toggle-machinima" class="opts-h" id="toggle-machinima-check">
    <i class="fas fa-video opts-h sel-img" id="toggle-machinima-img"></i>
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="SFM Toggle" id="toggle-sfm" for="toggle-sfm-img" data-toggle="tooltip" data-placement="bottom" title="Click to toggle SFM">
    <input type="checkbox" autocomplete="off" aria-labelledby="toggle-sfm" class="opts-h" id="toggle-sfm-check">
    <img class="toggle-img toggle-svg opts-h sel-img" id="toggle-sfm-img" data-src="/img/sfm.svg?v={{lookup sums 'img/sfm.svg'}}" alt="SFM">
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="Lore Toggle" id="toggle-lore" for="toggle-lore-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Lore">
    <input type="checkbox" autocomplete="off" aria-labelledby="toggle-lore" class="opts-h" id="toggle-lore-check">
    <img class="toggle-img toggle-svg opts-h sel-img" id="toggle-lore-img" data-src="/img/lotus.svg?v={{lookup sums 'img/lotus.svg'}}" alt="Lore">
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="Talk Toggle" id="toggle-talk" for="toggle-talk-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Talk">
    <input type="checkbox" autocomplete="off" aria-labelledby="toggle-talk" class="opts-h" id="toggle-talk-check">
    <i class="fas fa-microphone-alt opts-h sel-img" id="toggle-talk-img"></i>
  </label>
  <label class="btn btn-sm btn-secondary opts-h" name="Fashion Toggle" id="toggle-fashion" for="toggle-fashion-check" data-toggle="tooltip" data-placement="bottom" title="Click to toggle Fashion">
    <input type="checkbox" autocomplete="off" aria-labelledby="toggle-fashion" class="opts-h" id="toggle-fashion-check">
    <i class="fas fa-palette opts-h sel-img" id="toggle-fashion-img"></i>
  </label>
</div>
