Update utilityFirst.html

Co-Authored-By: JehanKandy <jehankandy@gmail.com> Co-Authored-By: Vinura Pathirana <154809219+VinuraPathirana@users.noreply.github.com> Co-Authored-By: Anupa Gamage <125038143+anupa1998@users.noreply.github.com>

Author: 4 people

site/content/docs/utilityFirst.html

@@ -25,6 +25,15 @@ <h1 class="" style="margin: 10px 12px;"># Colors</h1>
  <div class="" style="padding: 25px;">
  <p class="font-bold" >Text Colors</p>
  <p class="">This is the Text Color styles for components using Utility-First CSS in JKCSS</p>
+ 
+ <div class="code-back" style="margin: 20px 0;">
+ <span class="blue-text">&lt;div <span class="lblue-text">class="<span class="red-text">btn-group</span>" role="<span class="red-text">group</span>"</span>&gt;</span><br>
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="blue-text">&lt;button <span class="lblue-text">class="<span class="red-text">jkbtn jkbtn-blue</span>"</span>&gt; <span class="normal-code">Button 1</span> &lt;/button&gt;</span><br>
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="blue-text">&lt;button <span class="lblue-text">class="<span class="red-text">jkbtn jkbtn-red</span>"</span>&gt; <span class="normal-code">Button 2</span> &lt;/button&gt;</span><br>
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="blue-text">&lt;button <span class="lblue-text">class="<span class="red-text">jkbtn jkbtn-green</span>"</span>&gt; <span class="normal-code">Button 3</span> &lt;/button&gt;</span><br>
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="blue-text">&lt;button <span class="lblue-text">class="<span class="red-text">jkbtn jkbtn-yellow</span>"</span>&gt; <span class="normal-code">Button 4</span> &lt;/button&gt;</span><br>
+ <span class="blue-text">&lt;/div&gt;</span><br>
+ </div>
  </div>
  </section>
  <hr>