HTML for Hacker School logo.

logo.html

<div class='logo-container'>
  <div class='monitor'>
    <div class='screen'>
      <div class='dot' id='one'></div>
      <div class='dot' id='two'></div>
      <div class='dot' id='three'></div>
      <div class='dot' id='four'></div>
      <div class='dot' id='five'></div>
      <div class='dot' id='six'></div>
      <div class='dot' id='seven'></div>
    </div>
  </div>

  <div class='machine'></div>

  <div class='keyboard'>
    <div class='dot' id='eight'></div>
    <div class='dot' id='nine'></div>
    <div class='dot' id='ten'></div>
    <div class='dot' id='eleven'></div>
    <div class='dot' id='twelve'></div>
    <div class='dot' id='thirteen'></div>
    <div class='dot' id='fourteen'></div>
    <div class='dot' id='fifteen'></div>
    <div class='dot' id='sixteen'></div>
    <div class='dot' id='seventeen'></div>
  </div>
</div>