First attempt at a "learning" section

new-racket-web/index.html

@@ -409,6 +409,58 @@ and system builder.</p>
 </div>
 </div>
 
+<div class="row">
+<div class="ten columns centered">
+<h3>Learning</h3>
+</div>
+</div>
+
+<div class="row">
+
+<div class="valign row">
+<div class="two columns image rounded">
+  <a href="http://www.htdp.org"><img src="img/htdp-cover.gif" /></a>
+</div>
+<div class="four columns">
+  <h4>How to Design Programs</h4>
+  <p>A principled approach to designing programs</p>
+  <ul>
+    <li>DrRacket + teaching languages</li>
+    <li>For the programming novice</li>
+  </ul>
+</div>
+
+<div class="four columns">
+  <h4>Realm of Racket</h4>
+  <p>Learn Racket, one game at a time</p>
+  <ul>
+    <li>See the realm package</li>
+    <li>For the Racket beginner</li>
+  </ul>
+</div>
+<div class="two columns image rounded">
+  <a href="http://www.realmofracket.com"><img src="img/racket_cover_web.png" /></a>
+</div>
+</div>
+
+<div class="valign row">
+<div class="two columns image rounded">
+  <a href="http://cs.brown.edu/~sk/Publications/Books/ProgLangs/2007-04-26/">
+    <img src="img/plai-cover.jpg" />
+  </a>
+</div>
+<div class="eight columns">
+  <h4>PLAI</h4>
+  <p>Foundations of Programming langauges</p>
+  <ul>
+    <li>Understand the features that make languages tick</li>
+    <li>For undergraduates, graduate students, and experts</li>
+  </ul>
+</div>
+
+</div>
+
+</div>
 
 <div class="row">
 <div class="ten columns centered">