Old school D3 from simpler times

All examples By author By category About

2947721120

Full window Github gist

Phone and Contact Listing

<body>
  <div class="lightbox-blanket">
    <div class="pop-up-container">
      <div class="pop-up-container-vertical">
        <div class="pop-up-wrapper">
          <div class="phone-wrapper">
            <div class="phone-pad">
              <div class="phone-pad-input-panel">
                <div class="phone-pad-input-add"><i class="fa fa-plus"></i></div>
                <div class="phone-pad-input-text">
                  <input id="number-input" type="tel" readonly="readonly" />
                </div>
                <div class="phone-pad-input-remove"><i class="fa fa-remove"></i></div>
              </div>
              <div class="phone-pad-alert-panel" style="display:none;">
              </div>
              <div class="phone-pad-input-numbers">
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      1<span>&nbsp;</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      2<span>ABC</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      3<span>DEF</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      4<span>GHI</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      5<span>JKL</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      6<span>MNO</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      7<span>PQRS</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      8<span>TUV</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      9<span>WXYZ</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      *<span>&nbsp;</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      0<span>+</span>
                    </div>
                  </div>
                </div>
                <div class="phone-pad-input-number">
                  <div class="input-number">
                    <div class="number">
                      #<span>&nbsp;</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="phone-pad-input-call">
                <i class="fa fa-phone"></i>
              </div>
            </div>
            <div class="phone-contacts-wrapper">
              <div class="phone-contacts">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="random-background">
  </div>
</body>