Update ads templates

1 files changed, 14 insertions, 0 deletions

diff --git a/docs/utilities.html b/docs/utilities.html
index 1f4d775..08eb91a 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -131,6 +131,17 @@
         <div class="docs-content" id="content">
           <div class="container" id="colors">
             <h3 class="s-title"><a class="anchor" href="#colors" aria-hidden="true">#</a>Color utilities</h3>
+            <div class="docs-ad">
+              <div class="hide-md text-center">
+                <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+                <!-- GitHub-lg--><ins class="adsbygoogle mx-auto" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9894180784"></ins>
+                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
+              </div>
+              <div class="show-md text-center">
+                <!-- GitHub-sm--><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2225124559530218" data-ad-slot="9278881734"></ins>
+                <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
+              </div>
+            </div>
             <p>Color utilities are used for changing colors for text, link and background.</p>
             <h4 class="s-subtitle" id="colors-text"><a class="anchor" href="#colors-text" aria-hidden="true">#</a>Text colors</h4>
             <div class="docs-demo columns">
@@ -229,6 +240,9 @@
           </div>
           <div class="container" id="display">
             <h3 class="s-title"><a class="anchor" href="#display" aria-hidden="true">#</a>Display utilities</h3>
+            <div class="docs-ad docs-ad-sidebar text-center">
+              <script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DTKQW&amp;placement=picturepan2githubio"></script>
+            </div>
             <p>Display utilities are used for display and hidden things.</p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- display: block; --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-block"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>