<div class="container">
  <div class="inner-left">
    <h4>Inspiration & Blogs</h4>
    <ul class="links">
      <li><a href="https://css-tricks.com/" target="_blank">CSS Tricks</a></li>
      <li><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a></li>
      <li><a href="http://www.alistapart.com" target="_blank">A List Apart</a></li>
      <li><a href="http://24ways.org/" target="_blank">24 Ways</a></li>
      <li><a href="https://csswizardry.com" target="_blank">CSS Wizardry</a></li>
      <li><a href="http://www.uxbooth.com/" target="_blank">UX Booth</a></li>
      <li><a href="http://www.uie.com/articles/" target="_blank">User Interface Engineering</a></li>
      <li><a href="https://tympanus.net/codrops/" target="_blank">Codrops</a></li>
      <li><a href="http://www.webdesignerdepot.com/" target="_blank">Webdesigner Depot</a></li>
      <li><a href="http://blog.teamtreehouse.com" target="_blank">Teamtreehouse Blog</a></li>
      <li><a href="http://dailyjs.com/" target="_blank">Dailyjs</a></li>
      <li><a href="http://dribbble.com/" target="_blank">Dribbble</a></li>
      <li><a href="http://www.cssmania.com/" target="_blank">CSS Mania</a></li>
      <li><a href="http://www.awwwards.com/" target="_blank">Awwwards</a></li>
    </ul>
  </div>
  <div class="inner-left">
    <h4>Libraries & Plugins</h4>
    <ul class="links">
      <li><a href="https://www.jquery.com" target="_blank">jQuery</a></li>
      <li><a href="https://modernizr.com/" target="_blank">Modernizer</a></li>
      <li><a href="http://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a></li>
      <li><a href="https://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a></li>
      <li><a href="https://jqueryui.com/" target="_blank">jQuery UI</a></li>
      <li><a href="https://fabien-d.github.com/alertify.js/" target="_blank">Alertify.js</a></li>
      <li><a href="https://www.datatables.net/" target="_blank">Datatables</a></li>
      <li><a href="http://yuilibrary.com/projects/yui3/" target="_blank">YUI3</a></li>
      <li><a href="http://alloyui.com" target="_blank">AlloyUI</a></li>
      <li><a href="http://www.javascriptoo.com" target="_blank">JavascriptOO</a></li>
      <li><a href="https://www.angularjs.org" target="_blank">AngularJS</a></li>
      <li><a href="https://backbonejs.org/" target="_blank">Backbone</a></li>
      <li><a href="https://underscorejs.org/" target="_blank">Underscore</a></li>
      <li><a href="http://handlebarsjs.com/" target="_blank">Handlebars</a></li>
      <li><a href="http://requirejs.org/" target="_blank">RequireJS</a></li>
      <li><a href="http://nodejs.org/" target="_blank">Node</a></li>
      <li><a href="http://dojotoolkit.org/" target="_blank">Dojo</a></li>
    </ul>
  </div>
  <div class="clear">
  </div>
/* CSS reset used: http://seodesigns.com/projects/codepen/reset.css */
.container {
  width: 610px;
  text-align: left;
  margin: 0px auto 80px auto;
}
.inner-left,
.inner-right {
  width: 220px;
  float: left;
  margin-left: 77px;
}
h4 {
  margin-bottom: 10px
}
ul {padding-left:25px;}
//include jQuery library
$("a[href^='http']").each(function() {
  $(this).parent("li").css("list-style-image", "url(https://www.google.com/s2/favicons?domain=" + this.hostname + ")");
});

External CSS

  1. http://seodesigns.com/projects/codepen/reset.css
  2. http://seodesigns.com/projects/codepen/centerbox.css

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js
  2. https://seodesigns.com/projects/codepen/061216/title.js