From 1216c2e7daa3136529c8e5c97a0141bb87657c8f Mon Sep 17 00:00:00 2001
From: Mathieu Rochette <mathieu@rochette.cc>
Date: Fri, 13 Sep 2013 19:45:23 +0200
Subject: [PATCH] Hightlight web banners exemple code as HTML

---
 banners.md | 64 ++++++++++++++++++++++++++++++++++--------------------
 1 file changed, 40 insertions(+), 24 deletions(-)

diff --git a/banners.md b/banners.md
index 20ead19..b4a06bb 100644
--- a/banners.md
+++ b/banners.md
@@ -12,62 +12,78 @@ Spread the word with _PHP: The Right Way_ banner images! Show new PHP developers
 
 <p><img src="/images/banners/btn1-120x90.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/btn1-120x90.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/btn1-120x90.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Button 2 (120x60)
 
 <p><img src="/images/banners/btn2-120x60.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/btn2-120x60.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/btn2-120x60.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Leaderboard (728x90)
 
 <p><img src="/images/banners/leaderboard-728x90.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/leaderboard-728x90.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/leaderboard-728x90.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Large Rectangle (386x280)
 
 <p><img src="/images/banners/lg-rect-386x280.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/lg-rect-386x280.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/lg-rect-386x280.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Medium Rectangle (300x250)
 
 <p><img src="/images/banners/med-rect-300x250.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/med-rect-300x250.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/med-rect-300x250.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Rectangle (180x150)
 
 <p><img src="/images/banners/rect-180x150.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/rect-180x150.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/rect-180x150.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Square Button (125x125)
 
 <p><img src="/images/banners/sq-btn-125x125.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/sq-btn-125x125.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/sq-btn-125x125.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}
 
 ## Vertical Rectangle (240x400)
 
 <p><img src="/images/banners/vert-rect-240x400.png" alt="PHP: The Right Way"/></p>
 
-    <a href="http://www.phptherightway.com">
-        <img src="http://www.phptherightway.com/images/banners/vert-rect-240x400.png" alt="PHP: The Right Way"/>
-    </a>
+{% highlight html %}
+<a href="http://www.phptherightway.com">
+    <img src="http://www.phptherightway.com/images/banners/vert-rect-240x400.png" alt="PHP: The Right Way"/>
+</a>
+{% endhighlight %}