siliconhacker

<div class="rapper">
  <div class="zeyo-accordion">
    <h1>ACCORDION</h1>
    <div class="zeyo-accordion__middle-section">

      <div class="zeyo-accordion__drop-down-section">
        <input class="zeyo-accordion__heading-checkbox" type="checkbox" checked>
        <h1 class="zeyo-accordion__heading">Features</h1>
        <ul class="zeyo-accordion__link-list">
          <li><a href="#">About</a></li>

siliconhacker

icon drops

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

<div class="rapper">
  <div class="zeyo-accordion">
    <h1>ACCORDION</h1>
    <div class="zeyo-accordion__middle-section">

      <div class="zeyo-accordion__drop-down-section">
        <input class="zeyo-accordion__heading-checkbox" type="checkbox" checked>
        <h1 class="zeyo-accordion__heading">Features</h1>
        <ul class="zeyo-accordion__link-list">
          <li><a href="#">About</a></li>

siliconhacker

<input type="checkbox" name="droid" id="C3PO" value="C3PO"  checked="checked">
<label for="C3PO">C-3PO</label>

<input type="checkbox" name="droid" id="R2D2" value="R2D2">
<label for="R2D2">R2-D2</label>

<input type="checkbox" name="droid" id="GENERAL GRIEVOUS" value="GENERAL GRIEVOUS">
<label for="GENERAL GRIEVOUS">GENERAL GRIEVOUS</label>

siliconhacker

grid1

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

drag drop split

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

<div class="block-table" id="applicant-table">
  <div class="record header">

    <div class="center x1">Actions</div>
    <div class="x1">First Name</div>
    <div class="x2">Last Name</div>
    <div class="x4">Work Authorization</div>
    <div class="right x4">Experience</div>
    <div class="x3">City</div>
    <div class="x3">State</div>

siliconhacker

howdy

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

ani svg

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

gridn2

A Pen by silicon_hacker on CodePen.

License.