CSENoni

<div class="container">
  <div id="heading">
    <button>Change Quote</button>
    <i class="fa fa-twitter-square"></i>
  </div>
  
  <div id="blockquote">
    <h1><i class="fa fa-quote-left"></i>Quote<i class="fa fa-quote-right"></i></h1>
    <h3>Author</h3>
  </div>

CSENoni

<div class="self-container">
  <h1>TWITCHERS</h1>
  <div class="dropdown">
    <button class="btn btn-default btn-block dropdown-toggle" type="button" data-toggle="dropdown">
      All
    </button>
    <ul class="dropdown-menu btn-block">
      <li id="all"><a href="#">All</a></li>
      <li id="online"><a href="#">Online</a></li>
      <li id="offline"><a href="#">Offline</a></li>

CSENoni

<div class="container">
  <h1>Wikipedia Viewer</h1>
  <div class="subcontainer">
    <input type="text">
    <div class="ssubcontainer">
      <button id="search">Search</button>
      <button id="random">Random Search</button>
    </div>
  </div>
</div>

CSENoni

<div class="container">
  <h1>Pomodoro Clock</h1>

  <div id="sessionTime">25 : 00</div>

  <div id="controls">
    <div id="breakControl">
      <label>Break Time</label>
      <button type="button" id="breakminus">-</button>
      <span id="bNumber">5</span>