add amazon recommendations

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 6a52381..b0b8b40 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -113,7 +113,7 @@ section {
        text-align: right;
 }
 
-#more {
+.more {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;

diff --git a/img/refs/beautifulwebdesign.png b/img/refs/beautifulwebdesign.png
new file mode 100644 (file)
index 0000000..e6ec18d
Binary files /dev/null and b/img/refs/beautifulwebdesign.png differ

diff --git a/img/refs/htmlandcss.png b/img/refs/htmlandcss.png
new file mode 100644 (file)
index 0000000..02c77d7
Binary files /dev/null and b/img/refs/htmlandcss.png differ

diff --git a/img/refs/javascriptandjquery.png b/img/refs/javascriptandjquery.png
new file mode 100644 (file)
index 0000000..60d7ef6
Binary files /dev/null and b/img/refs/javascriptandjquery.png differ

diff --git a/index.html b/index.html
index cf8dfe1..b814863 100644 (file)
--- a/index.html
+++ b/index.html
@@ -467,9 +467,9 @@
 
                <hr>
 
-               <div class="row" id="more">
+               <div class="row more">
                        <div class="span12">
-                               <h4>Still searching?</h4>
+                               <h4>Want more?</h4>
                                <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> 
                        </div>
                </div>
@@ -531,6 +531,60 @@
 
                </div>
 
+
+               <div class="row more">
+                       <div class="span12">
+                               <h4>Still looking?</h4>
+                               <p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p>
+                       </div>
+               </div>
+
+               <div class="row">
+
+                       <div class="span4">
+                               <div class="thumbnail">
+                                       <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a>
+                                       <div class="caption">
+                                               <h3>HTML &amp; CSS</h3>
+                                               <p>Jon Duckett</p>
+                                               <div class="btn-toolbar">
+                                                       <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
+                                                       <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new">Amazon</a></div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+
+                       <div class="span4">
+                               <div class="thumbnail">
+                                       <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a>
+                                       <div class="caption">
+                                               <h3>JavaScript &amp; jQuery</h3>
+                                               <p>David Sawyer McFarland</p>
+                                               <div class="btn-toolbar">
+                                                       <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
+                                                       <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new">Amazon</a></div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+
+                       <div class="span4">
+                               <div class="thumbnail">
+                                       <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="new"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a>
+                                       <div class="caption">
+                                               <h3>Beautiful Web Design</h3>
+                                               <p>Jason Beaird</p>
+                                               <div class="btn-toolbar">
+                                                       <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
+                                                       <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="new">Amazon</a></div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+
+               </div>
+
                <hr>
 
                <footer id="footer">