Update Panels docs

1 files changed, 5 insertions, 4 deletions

diff --git a/docs/components.html b/docs/components.html
index 514eabe..aaa17f6 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -251,9 +251,10 @@
             </div>
             <div class="column col-6 col-xs-12">
               <figure class="avatar avatar-xl" data-initial="YZ"></figure>
-              <figure class="avatar" data-initial="YZ" style="background-color: #5764c6;"></figure>
-              <figure class="avatar avatar-sm" data-initial="YZ" style="background-color: #5764c6;"></figure>
-              <figure class="avatar avatar-xs" data-initial="YZ" style="background-color: #5764c6;"></figure>
+              <figure class="avatar avatar-lg" data-initial="YZ"></figure>
+              <figure class="avatar" data-initial="YZ"></figure>
+              <figure class="avatar avatar-sm" data-initial="YZ"></figure>
+              <figure class="avatar avatar-xs" data-initial="YZ"></figure>
             </div>
           </div>
           <section class="notes">
@@ -525,7 +526,7 @@
             </div>
           </div>
           <section class="notes">
-            <p>Add a container element with the class <code>card</code>. And add child elements with the class name <code>card-image</code>, <code>card-header</code>, <code>card-content</code> and/or <code>card-footer</code>. The <code>card-image</code> can be placed in any position. </p>
+            <p>Add a container element with the class <code>card</code>. And add child elements with the class name <code>card-image</code>, <code>card-header</code>, <code>card-body</code> and/or <code>card-footer</code>. The <code>card-image</code> can be placed in any position. </p>
           </section>
 
 <!-- cards example -->